var Gambar = new Array();
var MaxGbr = 0;

function addOption(selectId,optionId,txt,val) {
	var objOption = new Option(txt,val);
	objOption.id = optionId;
	document.getElementById(selectId).options.add(objOption);
}

function clearOption(selectId) {
	while (document.getElementById(selectId).options.length > 0) {
	  document.getElementById(selectId).options[(document.getElementById(selectId).options.length - 1)] = null;
	}
	document.getElementById(selectId).options.add(new Option('---', 0));
}

function AddDetailSpek(spekno, spektxt) {
	var thetable = document.getElementById('tblproduk');
	var baris = thetable.insertRow(thetable.rows.length);
	baris.setAttribute('id', 'id'+spekno);
	var kolom = baris.insertCell(0);
	kolom.vAlign = 'top';
	kolom.innerHTML = spektxt;
	var kolom = baris.insertCell(1);
	kolom.vAlign = 'top';
	kolom.innerHTML = ':';
	var kolom = baris.insertCell(2);
	kolom.colSpan = 2;
	kolom.innerHTML = '<textarea name="spek'+spekno+'" id="spek'+spekno+'" rows="4" style="width:100%"></textarea>';
}

function ClearDetailSpek() {
	for(var i = 1; i <= 30; i++) RemoveGambar('id'+i);
}

function OpenNewWindow(fieldname, tipe) {
	switch(tipe) {
		case "group":
			url = 'produk.php?section=group';
			winname = 'grpwinprod';
			break;
		case "kategori":
			url = 'produk.php?section=catg';
			winname = 'catgwinprod';
			break;
		case "gambar":
			url = 'produk.php?section=gambar';
			winname = 'gbrwinprod';
			break;
	}
	OpenWindow(url, winname, 500, 760);
}

function AddGambar() {
	var i = 0;
	while(document.getElementById('id'+i)) i++;
	var brsgb = document.getElementById('brsgbr');
	var baris = document.createElement('tr');
	baris.setAttribute('id', 'id'+i);
	var kolom = document.createElement('td');
	kolom.innerHTML = 'Gambar '+(i+1);
	baris.appendChild(kolom);
	kolom = document.createElement('td');
	kolom.innerHTML = ':';
	baris.appendChild(kolom);
	kolom = document.createElement('td');
	kolom.setAttribute('id', 'gb'+i);
	kolom.innerHTML = '<input type="file" name="gambar[]" size="50" maxlength="50"> <strong>*.jpg</strong> only';
	baris.appendChild(kolom);
	kolom = document.createElement('td');
	kolom.innerHTML = '<input type="button" value="Hapus" onClick="RemoveGambar(\'id'+i+'\')">';
	baris.appendChild(kolom);
	brsgb.parentNode.insertBefore(baris, brsgb);
	MaxGbr = i > MaxGbr ? i : MaxGbr;
}

function RemoveGambar(sId) {
	if(!document.getElementById(sId)) return;
	var objElement = document.getElementById(sId);
	if (objElement.parentNode && objElement.parentNode.removeChild)
		objElement.parentNode.removeChild(objElement);
}

function SaveAGbr() {
	var i = 0;
	while(document.getElementById('gb'+i)) {
		Gambar[i] = document.getElementById('gb'+i).innerHTML; i++;
	}
	MaxGbr = Gambar.length;
}

function ShowTest() {
	var str = '';
	for(i = 0; i < Gambar.length; i++) str += (Gambar[i]+"<br>\n");
	document.getElementById('tes').value = str;
}

function ListGambar(gambar) {
	var i = 0;
	while(document.getElementById('id'+i)) i++;
	var brsgb = document.getElementById('brsgbr');
	var baris = document.createElement('tr');
	baris.setAttribute('id', 'id'+i);
	var kolom = document.createElement('td');
	kolom.innerHTML = 'Gambar '+(i+1);
	baris.appendChild(kolom);
	kolom = document.createElement('td');
	kolom.innerHTML = ':';
	baris.appendChild(kolom);
	kolom = document.createElement('td');
	kolom.setAttribute('id', 'gb'+i);
	kolom.innerHTML = gambar;
	baris.appendChild(kolom);
	kolom = document.createElement('td');
	kolom.innerHTML = '<input type="button" value="Hapus" onClick="RemoveGambar(\'id'+i+'\')">';
	baris.appendChild(kolom);
	brsgb.parentNode.insertBefore(baris, brsgb);
}

function ResetForm() {
	for(var i = 0; i <= MaxGbr; i++) RemoveGambar('id'+i);
	for(i = 0; i < Gambar.length; i++) ListGambar(Gambar[i]);
}

function OpenWindow(url, name, height, width) {
    var left = (screen.width - width) / 2;
    var top = (screen.height - height) / 2;
	var appearance = 'height='+height+',width='+width+', left='+left+', top='+top+', menubar=0, scrollbars='+((name.substr(name.length-7, name.length) == 'winprod')?'1':'0')+', status=0, toolbar=0, directories=0, resizable=0';
    var querywindow = name;
	if (!querywindow.closed && querywindow.location) {
        querywindow.focus();
    } else {
        querywindow=window.open(url, name, appearance);
    }
    if (!querywindow.opener) {
        querywindow.opener = self;
    }
    if (window.focus) {
        querywindow.focus();
		if(navigator.appName == "Microsoft Internet Explorer")
			querywindow.resizeTo(width + 13, height + 73);
		else querywindow.resizeTo(width + 8, height + 33);
		querywindow.moveTo(left, top);
    }
    return querywindow;
}

function CutString(str, key) {
	var dpn = str.substring(0, str.indexOf(key));
	var blkg = str.substring(str.indexOf(key)+key.length, str.length);
	return(dpn+blkg);
}

function SetTanggal(sId, dayAdd) {
	var Tanggal = new Date();

	var Hari = Tanggal.getDate(); if (Hari < 10) Hari = "0" + Hari;
	var Bulan = Tanggal.getMonth() + 1; if (Bulan < 10) Bulan = "0" + Bulan;
	var Tahun = Tanggal.getYear(); if (Tahun < 1000) Tahun += 1900;
	document.getElementById(sId).value = Hari+'-'+Bulan+'-'+Tahun;
}
<!-- 
 
 -->