// toggle visibility 
function toggle(theDiv) {
  var elem = document.getElementById(theDiv);
  elem.style.display = (elem.style.display == "none")?"":"none";
}

// open window
function pop(URL) { //v2.0
  window.open(URL,'','status=yes,scrollbars=yes,resizable=yes,width=500,height=600');
}

function addEvent(type) {
	var ni = document.getElementById('myDiv');
	var numi = document.getElementById('theValue');
	var num = (document.getElementById("theValue").value -1)+ 2;
	numi.value = num;
	var divIdName = "my"+num+"Div";
	var newdiv = document.createElement('div');
	newdiv.setAttribute("id",divIdName);
	
	if(type == 'category'){
		var input = '<input type="text" name="category['+divIdName+']" size="30"/>';
	} else if (type == 'series'){
		var input = '<hr /><table>'+
		'<tr><td>Name: <input type="text" name="series['+num+'][name]" size="10"/></td></tr>'+
		'<tr><td>Tagline: <input type="text" name="series['+num+'][tagline]" size="30" /></td></tr>'+
		'<tr><td>Upload Logo: <input type="file" name="series['+num+'][logo]" value="Upload New Logo" size="4" /></td></tr>'+
		'<tr><td colspan="4">Description<br /><textarea cols="72" rows="5" name="series['+num+'][description]" wrap="VIRTUAL"></textarea></td></tr>'+
		'<tr><td colspan="4">Sidebar Info<br /><textarea cols="72" rows="5" name="series['+num+'][sidebar]" wrap="VIRTUAL"></textarea></td></tr>'+
		'</table>';
	}
	newdiv.innerHTML = input;
	ni.appendChild(newdiv);
}

function removeEvent(divNum) {
	var d = document.getElementById('myTable');
	var olddiv = document.getElementById(divNum);
	d.removeChild(olddiv);
}

function addRow(type, num_tds){
	var numi = document.getElementById('theValue');
	var num = (document.getElementById("theValue").value -1)+ 2;
	numi.value = num;
	var divIdName = "my"+num+"Div";
	var tbody = document.getElementById('myTable').getElementsByTagName("TBODY")[0];
	var row = document.createElement("TR")
	row.id = divIdName
	
	var td= new Array(num_tds);
	for (x = 1; x <= num_tds; x++){
	   	td[x] = document.createElement("TD")
	}
//	var td1 = document.createElement("TD")
//	var td2 = document.createElement("TD")
//	var td3 = document.createElement("TD")
	if(type == 'feature'){
		td[1].innerHTML='<input type="text" name="features_name['+divIdName+']" size="20"/>';
		td[2].innerHTML='<input type="text" name="features_description['+divIdName+']" size="30"/>';
		td[3].innerHTML='<a href="javascript:;" onclick="removeRow(\''+divIdName+'\')">remove</a>';
	} else if (type == 'series'){		
		td[1].innerHTML='<input type="text" name="series[][name]" size="10""/>';
		td[2].innerHTML='<input type="text" name="series[][tagline]" size="30""/>';
		td[3].innerHTML='<input type="file" name="series[][logo]" value="Upload New Logo" size="4" />';
		td[4].innerHTML='<a href="javascript:;" onclick="removeRow(\''+divIdName+'\')">remove</a>';
	}else if (type == 'categories'){
		td[1].innerHTML='<input type="text" name="category[name][]" size="30""/>';
		td[2].innerHTML='<input type="text" name="category[order][]" size="10"/>';
		td[3].innerHTML='<a href="javascript:;" onclick="removeRow(\''+divIdName+'\')">remove</a>';
	}
	
	for (var x = 1; x <= num_tds; x++){
	   	row.appendChild(td[x]);
	}
	tbody.appendChild(row);
}

function removeRow(divNum) {
    var tbody = document.getElementById('myTable').getElementsByTagName("TBODY")[0];
	var row = document.getElementById(divNum);
	tbody.removeChild(row);
}