function masukkan(element) {
  	var foo = document.getElementById(element);
	foo.innerHTML = 'dua';
  }
  function hapus(element) {
  	var foo = document.getElementById(element);
	foo.innerHTML = ' ';
  }

function showmenu(xvar)
{
	document.getElementById(xvar+'pco').innerHTML = '<input size="10" type="text" value="" name="zPco" id="zPco"/>';
	document.getElementById(xvar+'pde').innerHTML = '<input size="40" type="text" value="" name="zPde" id="zPde"/>';
	document.getElementById(xvar+'pri').innerHTML = '<input size="10" type="text" value="" name="zPri" id="zPri"/>';
	document.getElementById(xvar+'qty').innerHTML = '<input size="2" type="text" value="" name="zQty" id="zQty"/>'+
		'<br><input type="button" onClick="hidemenu('+xvar+')" value="Save"><input type="button" onClick="deluprecord('+xvar+')" value="Undo">';
	document.getElementById('zQty').focus();
}

function deluprecord(xvar){
if (xvar>0) {
	document.getElementById(xvar+'pco').innerHTML = '&nbsp;';
	document.getElementById(xvar+'pde').innerHTML = '&nbsp;';
	document.getElementById(xvar+'pri').innerHTML = '&nbsp;';
	document.getElementById(xvar+'qty').innerHTML = '&nbsp;';

	(xvar==1)?document.getElementById(xvar+'qty').innerHTML = '<input type="button" onClick="showmenu('+xvar+')" value="Add">' : document.getElementById(xvar+'qty').innerHTML = '<input type="button" onClick="showmenu('+xvar+')" value="Add"><input type="button" onClick="deluprecord('+(xvar-1)+')" value="Del">';
	document.getElementById((xvar+1)+'qty').innerHTML = '&nbsp;';
	}
Update();
}

function savetemp(xname,xvalue){
	document.getElementById(xname).innerHTML = xvalue + '<input type="hidden" name="'+xname+'" value="'+xvalue+'">';
}

function hidemenu(xvar){
	var zPco = document.getElementById('zPco').value;
	var zPde = document.getElementById('zPde').value;
	var zPri = document.getElementById('zPri').value;
	var zQty = document.getElementById('zQty').value;
	zQty = parseFloat(zQty); (zQty>0) ? document.getElementById('zQty').value=zQty : document.getElementById('zQty').value=''; 
	zPri = parseFloat(zPri); (zPri>0) ? document.getElementById('zPri').value=zPri : document.getElementById('zPri').value=''; 

	if ( (zQty) && (zPri) ){
		savetemp(xvar+'pco',zPco);
		savetemp(xvar+'pde',zPde);
		savetemp(xvar+'pri',zPri);
		savetemp(xvar+'qty',zQty);
	}else{
		alert('Please input number value.'); 
		return;
	}
	
	xvar++;
	if (xvar<11) {
		document.getElementById(xvar+'qty').innerHTML = '<input type="button" onClick="showmenu('+xvar+')" value="Add"><input type="button" onClick="deluprecord('+(xvar-1)+')" value="Del">';
	}else {
		document.getElementById(xvar+'qty').innerHTML = '<input type="button" onClick="deluprecord('+(xvar-1)+')" value="Del">';
	}
Update();
}

function addrows() {
	var i=2;
	for (i=2;i<=11;i++){
		document.write('<tr bgcolor="#FFFFFF">');
		document.write('<td id="' + i+'pco">&nbsp;</td>');
		document.write('<td id="' + i+'pde">&nbsp;</td>');
		document.write('<td id="' + i+'pri" align="center">&nbsp;</td>');
		document.write('<td id="' + i+'qty" align="center">&nbsp;</td>');
		document.write('</tr>');
	}
	document.write('<tr bgcolor="FFDC93">');
	document.write('<td colspan="2">&nbsp;</td>');
	document.write('<td colspan="2" id="Tpri" align="center" style="font:bold 12px arial; vertical-align:middle;">0</td>');
	document.write('</tr>');
}

function Update() {
	var zTpri = 0;
	var xTmp = 0;
	for (i=1; i<=11 ;i++ )
	{ 
		xTmp = parseFloat(document.getElementById(i+'pri').innerHTML) * parseFloat(document.getElementById(i+'qty').innerHTML); 
		
		(xTmp>0)? zTpri += xTmp : '';
	}
	document.getElementById('Tpri').innerHTML ='Total Estimated Cost AU$'+ zTpri+'<input size="2" type="hidden" value='+zTpri+' name="Tpri"/>';

}

function viewotheroption(xvar,xvar2,xslc) {
	var xtmp = (document.getElementById(xslc).value);
	if (xtmp=='Other') {
		document.getElementById(xvar).innerHTML = '<br><input type="text" name="'+xvar2+'" id="'+xvar2+'" value="">';
		document.getElementById(xvar2).focus();
	} else {
		document.getElementById(xvar).innerHTML = '';
	}
}