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

function showmenu(xvar)
{
	document.getElementById(xvar+'qty').innerHTML = '<input size="2" type="text" value="" name="zQty" id="zQty"/>';
	document.getElementById(xvar+'wth').innerHTML = '<input size="4" type="text" value="" name="zWth" id="zWth"/>';
	document.getElementById(xvar+'drp').innerHTML = '<input size="4" type="text" value="" name="zDrp" id="zDrp"/>';
	document.getElementById(xvar+'fty').innerHTML = '<select class="Field200" size="1" name="zFty" id="zFty"><option selected="selected"> </option><option value="face fitted">face fitted</option><option value="recess fitted">recess fitted</option></select>';
	document.getElementById(xvar+'pty').innerHTML = '<select class="Field200" size="1" name="zPty" id="zPty"><option selected="selected"> </option><option value="domestic">domestic</option><option value="commercial">commercial</option><option value="rental">rental</option><option value="Investment">Investment</option></select>';
	document.getElementById(xvar+'fab').innerHTML = '<select class="Field200" size="1" name="zFab" id="zFab"><option selected="selected"> </option><option value="blockout">blockout</option><option value="sheer">sheer</option><option value="translucent">translucent</option></select>';
	document.getElementById(xvar+'bty').innerHTML = '<select class="Field200" size="1" name="zBty" id="zBty"><option selected="selected"> </option><option value="Vertical 127mm">Vertical 127mm</option><option value="Vertical 89mm">Vertical 89mm</option><option value="Venetian 25mm">Venetian 25mm</option><option value="Venetian 16mm">Venetian 16mm</option><option value="Roller">Roller</option><option value="Panel">Panel</option><option value="Curtains">Curtains</option><option value="Folding Doors Vinyl">Folding Doors Vinyl</option><option value="Folding Doors Timberline">Folding Doors Timberline</option><option value="Folding Doors Acoustic">Folding Doors Acoustic</option><option value="Roman">Roman</option><option value="Awning (types?)">Awning (types?)</option></select>';
	document.getElementById(xvar+'fbq').innerHTML = '<select class="Field200" size="1" name="zFbQ" id="zFbQ"><option selected="selected"> </option><option value="Budget">Budget</option><option value="Mid Range">Mid Range</option><option value="Top Quality">Top Quality</option></select><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+'qty').innerHTML = '&nbsp;';
	document.getElementById(xvar+'wth').innerHTML = '&nbsp;';
	document.getElementById(xvar+'drp').innerHTML = '&nbsp;';
	document.getElementById(xvar+'fty').innerHTML = '&nbsp;';
	document.getElementById(xvar+'pty').innerHTML = '&nbsp;';
	document.getElementById(xvar+'fab').innerHTML = '&nbsp;';
	document.getElementById(xvar+'bty').innerHTML = '&nbsp;';
	(xvar==1)?document.getElementById(xvar+'fbq').innerHTML = '<input type="button" onClick="showmenu('+xvar+')" value="Add">' : document.getElementById(xvar+'fbq').innerHTML = '<input type="button" onClick="showmenu('+xvar+')" value="Add"><input type="button" onClick="deluprecord('+(xvar-1)+')" value="Del">';
	document.getElementById((xvar+1)+'fbq').innerHTML = '&nbsp;';
	}
Update();
}

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

function hidemenu(xvar){
	var zQty = document.getElementById('zQty').value;
	var zWth = document.getElementById('zWth').value;
	var zDrp = document.getElementById('zDrp').value;
	var zFty = document.getElementById('zFty').value;
	var zPty = document.getElementById('zPty').value;
	var zFab = document.getElementById('zFab').value;
	var zBty = document.getElementById('zBty').value;
	var zFbQ = document.getElementById('zFbQ').value;
	zQty = parseInt(zQty); (zQty>0) ? document.getElementById('zQty').value=zQty : document.getElementById('zQty').value=''; 

	if (zQty){
		savetemp(xvar+'qty',zQty);
		savetemp(xvar+'wth',zWth);
		savetemp(xvar+'drp',zDrp);
		savetemp(xvar+'fty',zFty);
		savetemp(xvar+'pty',zPty);
		savetemp(xvar+'fab',zFab);
		savetemp(xvar+'bty',zBty);
		savetemp(xvar+'fbq',zFbQ);
	}else{alert('Please input number value.'); return;}
	
	xvar++;
	if (xvar<20) {
		document.getElementById(xvar+'fbq').innerHTML = '<input type="button" onClick="showmenu('+xvar+')" value="Add"><input type="button" onClick="deluprecord('+(xvar-1)+')" value="Del">';
	}else {
		document.getElementById(xvar+'fbq').innerHTML = '<input type="button" onClick="deluprecord('+(xvar-1)+')" value="Del">';
	}
Update();
}

function addrows() {
	var i=2;
	for (i=2;i<=20;i++){
		document.write('<tr bgcolor="#FFFFFF">');
		document.write('<td id="' + i+'qty" align="center">&nbsp;</td>');
		document.write('<td id="' + i+'wth" align="center">&nbsp;</td>');
		document.write('<td id="' + i+'drp" align="center">&nbsp;</td>');
		document.write('<td id="' + i+'fty">&nbsp;</td>');
		document.write('<td id="' + i+'pty">&nbsp;</td>');
		document.write('<td id="' + i+'fab">&nbsp;</td>');
		document.write('<td id="' + i+'bty" align="center">&nbsp;</td>');
		document.write('<td id="' + i+'fbq" align="center">&nbsp;</td>');
		document.write('</tr>');
	}
	document.write('<tr bgcolor="efefef">');
	document.write('<td id="Tqty" align="center" style="font:bold 9px verdana;">0</td>');
	document.write('<td colspan="7">&nbsp;</td>');
	document.write('</tr>');
}

function Update() {
	var zTqty = 0;
	var xTmp = 0;
	for (i=1; i<=20 ;i++ )
	{ 
		xTmp = parseInt(document.getElementById(i+'qty').innerHTML); (xTmp>0)? zTqty += xTmp : '';
	}
	document.getElementById('Tqty').innerHTML = zTqty+'<input size="2" type="hidden" value='+zTqty+' name="Tqty"/>';

}

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 = '';
	}
}

