<!--
function SwitchMenu(obj){
	if(document.getElementById){
	var el = document.getElementById(obj);
		if(el.style.display != "block"){ 
			el.style.display = "block";
		}else{
			el.style.display = "none";
		}
	}
}
//-->
<!--
function SwitchButton(ButtonOff, ButtonOn){
	var OnDiv = '' + ButtonOn + '';
	document.getElementById('' + OnDiv + '').style.display = 'block';
	var OffDiv = '' + ButtonOff + '';
	document.getElementById('' + OffDiv + '').style.display = 'none';
}
//-->
<!--
function deleteItem(id, menuID){
window.location="menu_edit_delete_item.php?id=" + id + "&menuID=" + menuID + "";
}
//-->
<!--
function deletePhoto(id, gallery_id, filename){
window.location="photo_delete_photo.php?id=" + id + "&gallery_id=" + gallery_id + "&filename=" + filename + "";
}
//-->
<!--
function deleteFile(id, group_id, filename){
window.location="file_delete_file.php?id=" + id + "&group_id=" + group_id + "&filename=" + filename + "";
}
//-->
<!--
function shiftUp(s) {
  o = s.options;
  for (var i=1; i<o.length; i++) {
    if (o[i].selected) {
      saveopt1 = new Array(o[i].text, o[i].value, o[i].defaultSelected, o[i].selected);
      saveopt2 = new Array(o[i-1].text, o[i-1].value, o[i-1].defaultSelected, o[i-1].selected);
      o[i] = new Option(saveopt2[0], saveopt2[1], saveopt2[2], saveopt2[3]);
      o[i-1] = new Option(saveopt1[0], saveopt1[1], saveopt1[2], saveopt1[3]);
      o[i].selected = saveopt2[3];
      o[i-1].selected = saveopt1[3];
    }
  }
}

function shiftDown(s) {
  o = s.options;
  for (var i=(o.length-2); i>=0; i--) {
    if (o[i].selected) {
      saveopt1 = new Array(o[i].text, o[i].value, o[i].defaultSelected, o[i].selected);
      saveopt2 = new Array(o[i+1].text, o[i+1].value, o[i+1].defaultSelected, o[i+1].selected);
      o[i] = new Option(saveopt2[0], saveopt2[1], saveopt2[2], saveopt2[3]);
      o[i+1] = new Option(saveopt1[0], saveopt1[1], saveopt1[2], saveopt1[3]);
      o[i].selected = saveopt2[3];
      o[i+1].selected = saveopt1[3];
    }
  }
}


function doSub()
{
  document.reorderMenuForm["items_list"].value = makeList("items");
  return true;
}

function makeList(col)
{
  val = "";
  for (j=0; j<document.reorderMenuForm[col].length; j++) {
    if (val > "") { val += ","; }
    if (document.reorderMenuForm[col].options[j].value > "") val += document.reorderMenuForm[col].options[j].value;
  }
  return val;
}


function addMenuItemHTML() {
	var type = document.addItemForm.type.options[document.addItemForm.type.selectedIndex].value;
	if(type=="Spacer") {
		document.addItemForm.submit();	
	} else if(type=="Divider") {
		document.getElementById('ItemExtra').style.display="none";
		document.getElementById('ItemExtra').style.display="block";
		var newHTML = "<table width=\"100%\"><tr><td width=\"30%\" align=\"right\" nowrap>\n";
		newHTML += "<b>Divider Label:</b></td><td><input type=\"text\" name=\"label\" width=\"40\"></td></tr>\n";
		newHTML += "<tr><td>&nbsp;</td><td><input type=\"submit\" value=\"add divider\"></td></tr>\n";
		newHTML += "</table>\n";	
		document.getElementById('ItemExtra').innerHTML = newHTML;
	} else if(type=="Page") {
		document.getElementById('ItemExtra').style.display="none";
		document.getElementById('ItemExtra').style.display="block";
		var pageDropDown = document.getElementById('pageDropDown').innerHTML;
		document.getElementById('ItemExtra').innerHTML = pageDropDown;
	} else if(type=="Link") {
		document.getElementById('ItemExtra').style.display="none";
		document.getElementById('ItemExtra').style.display="block";
		var newHTML = "<table width=\"100%\"><tr><td width=\"30%\" align=\"right\">\n";
		newHTML += "<b>Link Label:</b></td><td><input type=\"text\" name=\"label\" width=\"40\">\n";
		newHTML += "</td></tr>\n";
		newHTML += "<tr><td align=\"right\"><b>Link URL:</b></td>\n";
		newHTML += "<td><input type=\"text\" name=\"url\" width=\"50\"></td></tr>\n";
		newHTML += "<tr><td align=\"right\"><b>Target:</b></td><td>\n";
		newHTML += "<select name=\"target\" class=\"input\">\n<option value=\"_self\">_self</option>\n";
		newHTML += "<option value=\"_blank\">_blank</option></select></td></tr>\n";
		newHTML += "<tr><td align=\"right\" nowrap><b>Extra:</b></td><td>\n";
		newHTML += "<select name=\"extra\" id=\"extra\" class=\"input\"><option value=\"\" SELECTED>None</option>\n";
		newHTML += "<option value=\"new\">New</option></select>";
		newHTML += "</td></tr>\n";
		newHTML += "<tr><td>&nbsp;</td><td><input type=\"submit\" value=\"add link\"></td></tr>\n";
		newHTML += "</table>\n";
		document.getElementById('ItemExtra').innerHTML = newHTML;
	}
}

function AddRow(tableID){
  var type = document.CreateForm.newType.options[document.CreateForm.newType.selectedIndex].value;
  var table = document.getElementById(tableID);
  if (!table) throw "Table not found";
  var nextRow = table.rows.length;
  var row = table.insertRow(nextRow);  //append at the end
  
  if(type=="text") {
	 var HTML = '<div class="AddFieldDiv">\n  <table width="640" border="0" align="center" cellpadding="0" cellspacing="0">\n    <tr>\n      <td width="70" rowspan="2"><img src="images\/form\/textbox.gif" width="70" height="34" \/><\/td>\n      <td><b>name:<\/b><\/td>\n      <td><b>label:<\/b><\/td>\n      <td><b>width:<\/b><\/td>\n      <td><b>value:\n        <input name="type[]" type="hidden" id="type[]" value="text" \/>\n            <input name="height[]" type="hidden" id="height[]" \/>\n            <input name="default[]" type="hidden" id="default[]" \/>\n            <input name="multiple[]" type="hidden" id="multiple[]" \/>\n            <input name="extra[]" type="hidden" id="extra[]" \/>\n      <\/b><\/td>\n      <td><b>required?<\/b><\/td>\n    <\/tr>\n    <tr>\n      <td><input name="name[]" type="text" class="wide" id="name[]" \/><\/td>\n      <td><input name="label[]" type="text" class="wide" id="label[]" \/><\/td>\n      <td><select name="width[]" class="input" id="width[]">\n          <option value="100%">100%<\/option>\n          <option value="10">10<\/option>\n          <option value="25">25<\/option>\n          <option value="35">35<\/option>\n          <option value="50">50<\/option>\n        <\/select>      <\/td>\n      <td><input name="value[]" type="text" class="wide" id="value[]" \/><\/td>\n      <td><input name="required[]" type="checkbox" id="required[]" value="true" \/><\/td>\n    <\/tr>\n    <tr>\n      <td>&nbsp;<\/td>\n      <td colspan="5">&nbsp;<\/td>\n    <\/tr>\n  <\/table>\n<\/div>';
  } else if(type=="textarea") {
	  var HTML = '<div class="AddFieldDiv">\n<table width="640" border="0" align="center" cellpadding="0" cellspacing="0">\n  <tr>\n    <td width="70" rowspan="2"><img src="images\/form\/textarea.gif" width="70" height="34" \/><\/td>\n    <td><b>name:<\/b><\/td>\n    <td><b>label:<\/b><\/td>\n    <td><b>height:<\/b><\/td>\n    <td><b>value:\n      <input name="type[]" type="hidden" id="type[]" value="textarea" \/>\n          <input name="width[]" type="hidden" id="width[]" value="100%" \/>\n          <input name="default[]" type="hidden" id="default[]" \/>\n          <input name="multiple[]" type="hidden" id="multiple[]" \/>\n          <input name="extra[]" type="hidden" id="extra[]" \/>\n    <\/b><\/td>\n    <td><b>required?<\/b><\/td>\n  <\/tr>\n  <tr>\n    <td><input name="name[]" type="text" class="wide" id="name[]" \/><\/td>\n    <td><input name="label[]" type="text" class="wide" id="label[]" \/><\/td>\n    <td><select name="height[]" class="input" id="height[]">\n      <option value="1">1<\/option>\n      <option value="2">2<\/option>\n      <option value="3">3<\/option>\n      <option value="4">4<\/option>\n      <option value="5">5<\/option>\n      <option value="10">10<\/option>\n      <option value="15">15<\/option>\n      <option value="20">20<\/option>\n      <option value="25">25<\/option>\n      <option value="30">30<\/option>\n      <option value="35">35<\/option>\n      <option value="40">40<\/option>\n      <option value="50">50<\/option>\n    <\/select>    <\/td>\n    <td><input name="value[]" type="text" class="wide" id="value[]" \/><\/td>\n    <td><input name="required[]" type="checkbox" id="required[]" value="true" \/><\/td>\n  <\/tr>\n<\/table>\n<\/div>';
  } else if(type=="checkbox") {
	  var HTML = '<div class="AddFieldDiv">\n<table width="640" border="0" align="center" cellpadding="0" cellspacing="0">\n  <tr>\n    <td width="70" rowspan="2" valign="top"><img src="images\/form\/checkbox.gif" width="70" height="34" \/><\/td>\n    <td><b>name:\n      <input name="type[]" type="hidden" id="type[]" value="checkbox" \/>\n      <input name="height[]" type="hidden" id="height[]" \/>\n      <input name="default[]" type="hidden" id="default[]" \/>\n      <input name="multiple[]" type="hidden" id="multiple[]" \/>\n      <input name="width[]" type="hidden" id="width[]" \/>\n      <input name="extra[]" type="hidden" id="extra[]" \/>\n    <\/b><\/td>\n    <td><b>label:<\/b><\/td>\n    <td><b>value(s):\n    <\/b><i>(Value:Label, one per line)<\/i> <\/td>\n    <td><b>required?<\/b><\/td>\n  <\/tr>\n  <tr>\n    <td valign="top"><input name="name[]" type="text" class="wide" id="name[]" \/><\/td>\n    <td valign="top"><input name="label[]" type="text" class="wide" id="label[]" \/><\/td>\n    <td><textarea name="value[]" rows="3" class="wide" id="value[]"><\/textarea><\/td>\n    <td valign="top"><input name="required[]" type="checkbox" id="required[]" value="true" \/><\/td>\n  <\/tr>\n<\/table>\n<\/div>';
  } else if(type=="radio") {
	  var HTML = '<div class="AddFieldDiv">\n<table width="640" border="0" align="center" cellpadding="0" cellspacing="0">\n  <tr>\n    <td width="70" rowspan="2" valign="top"><img src="images\/form\/radio.gif" width="70" height="34" \/><\/td>\n    <td><b>name:\n      <input name="type[]" type="hidden" id="type[]" value="radio" \/>\n          <input name="height[]" type="hidden" id="height[]" \/>\n          <input name="default[]" type="hidden" id="default[]" \/>\n          <input name="multiple[]" type="hidden" id="multiple[]" \/>\n          <input name="width[]" type="hidden" id="width[]" \/>\n          <input name="extra[]" type="hidden" id="extra[]" \/>\n    <\/b><\/td>\n    <td><b>label:<\/b><\/td>\n    <td><b>value(s):<\/b><i> (Value:Label, one per line) <\/i><\/td>\n    <td><b>required?<\/b><\/td>\n  <\/tr>\n  <tr>\n    <td valign="top"><input name="name[]" type="text" class="wide" id="name[]" \/><\/td>\n    <td valign="top"><input name="label[]" type="text" class="wide" id="label[]" \/><\/td>\n    <td><textarea name="value[]" rows="3" class="wide" id="value[]"><\/textarea><\/td>\n    <td valign="top"><input name="required[]" type="checkbox" id="required[]" value="true" \/><\/td>\n  <\/tr>\n<\/table>\n<\/div>';
  } else if(type=="select") {
	  var HTML = '<div class="AddFieldDiv">\n<table width="640" border="0" align="center" cellpadding="0" cellspacing="0">\n  <tr>\n    <td width="70" rowspan="2" valign="top"><img src="images\/form\/select.gif" width="70" height="34" \/><\/td>\n    <td><b>name:\n      <input name="type[]" type="hidden" id="type[]" value="select" \/>\n      <input name="default[]" type="hidden" id="default[]" \/>\n      <input name="width[]" type="hidden" id="width[]" \/>\n      <input name="height[]" type="hidden" id="height[]" \/>\n      <input name="required[]" type="hidden" id="required[]" value="false" \/>\n      <input name="extra[]" type="hidden" id="extra[]" \/>\n    <\/b><\/td>\n    <td><b>label:<\/b><\/td>\n    <td><b>value(s):<\/b><i> (Value:Label, one per line) <\/i><\/td>\n    <td><b>multiple?<\/b><\/td>\n    <\/tr>\n  <tr>\n    <td valign="top"><input name="name[]" type="text" class="wide" id="name[]" \/><\/td>\n    <td valign="top"><input name="label[]" type="text" class="wide" id="label[]" \/><\/td>\n    <td><textarea name="value[]" rows="3" class="wide" id="value[]"><\/textarea><\/td>\n    <td valign="top"><input name="multiple[]" type="checkbox" id="multiple[]" value="yes" \/><\/td>\n    <\/tr>\n<\/table>\n<\/div>';
  } else if(type=="selectDB") {
	  var HTML = '<div class="AddFieldDiv">\n<table width="640" border="0" align="center" cellpadding="0" cellspacing="0">\n  <tr>\n    <td width="70" rowspan="4" valign="top"><img src="images\/form\/selectDB.gif" width="70" height="34" \/><\/td>\n    <td nowrap="nowrap"><b>name:\n      <input name="type[]" type="hidden" id="type[]" value="selectDB" \/>\n      <input name="required[]" type="hidden" id="required[]" value="false" \/>\n      <input name="default[]" type="hidden" id="default[]" \/>\n    <\/b><\/td>\n    <td nowrap="nowrap"><b>label:<\/b><\/td>\n    <td nowrap="nowrap"><b>&quot;none&quot; option? <\/b><\/td>\n    <td nowrap="nowrap"><b>multiple?<\/b><\/td>\n    <\/tr>\n  <tr>\n    <td valign="top" nowrap="nowrap"><input name="name[]" type="text" class="wide" id="name[]" \/><\/td>\n    <td valign="top" nowrap="nowrap"><input name="label[]" type="text" class="wide" id="label[]" \/><\/td>\n    <td nowrap="nowrap"><input name="extra[]" type="checkbox" id="extra[]" value="none" \/><\/td>\n    <td valign="top" nowrap="nowrap"><input name="multiple[]" type="checkbox" id="multiple[]" value="yes" \/><\/td>\n    <\/tr>\n  <tr>\n    <td valign="top" nowrap="nowrap"><b>SQL Query: <\/b><\/td>\n    <td valign="top" nowrap="nowrap">&nbsp;<\/td>\n    <td nowrap="nowrap"><b>value field: <\/b><\/td>\n    <td valign="top" nowrap="nowrap"><b>label field: <\/b><\/td>\n    <\/tr>\n  <tr>\n    <td colspan="2" valign="top" nowrap="nowrap"><input name="value[]" type="text" class="wide" id="value[]" value="" \/><\/td>\n    <td nowrap="nowrap"><input name="width[]" type="text" class="wide" id="width[]" \/><\/td>\n    <td valign="top" nowrap="nowrap"><input name="height[]" type="text" class="wide" id="height[]" \/><\/td>\n    <\/tr>\n<\/table>\n<\/div>';
  } else if(type=="hidden") {
	  var HTML = '<div class="AddFieldDiv">\n<table width="640" border="0" align="center" cellpadding="0" cellspacing="0">\n  <tr>\n    <td width="70" rowspan="2" valign="top"><img src="images\/form\/hidden.gif" width="70" height="34" \/><\/td>\n    <td><b>name:<\/b><\/td>\n    <td><b>value:\n        <input name="type[]" type="hidden" id="type[]" value="hidden" \/>\n          <input name="width[]" type="hidden" id="width[]" value="100%" \/>\n          <input name="default[]" type="hidden" id="default[]" \/>\n          <input name="multiple[]" type="hidden" id="multiple[]" \/>\n          <input name="height[]" type="hidden" id="height[]" \/>\n          <input name="label[]" type="hidden" id="label[]" value="hidden" \/>\n          <input name="required[]" type="hidden" id="required[]" value="false" \/>\n          <input name="extra[]" type="hidden" id="extra[]" \/>\n    <\/b><\/td>\n    <\/tr>\n  <tr>\n    <td><input name="name[]" type="text" class="wide" id="name[]" \/><\/td>\n    <td><input name="value[]" type="text" class="wide" id="value[]" \/><\/td>\n    <\/tr>\n<\/table>\n<\/div>';
  } else if(type=="file") {
	  var HTML = '<div class="AddFieldDiv">\n<table width="640" border="0" align="center" cellpadding="0" cellspacing="0">\n  <tr>\n    <td width="70" rowspan="2" valign="top"><img src="images\/form\/file.gif" width="70" height="34" \/><\/td>\n    <td><b>name:<\/b><\/td>\n    <td><b>label:<\/b><\/td>\n    <td><b>number:<\/b><\/td>\n    <td><b>destination (folder):\n        <input name="type[]" type="hidden" id="type[]" value="file" \/>\n          <input name="width[]" type="hidden" id="width[]" value="100%" \/>\n          <input name="default[]" type="hidden" id="default[]" \/>\n          <input name="multiple[]" type="hidden" id="multiple[]" \/>\n          <input name="required[]" type="hidden" id="required[]" value="false" \/>\n          <input name="extra[]" type="hidden" id="extra[]" \/>\n    <\/b><\/td>\n    <\/tr>\n  <tr>\n    <td><input name="name[]" type="text" class="wide" id="name[]" \/><\/td>\n    <td><input name="label[]" type="text" class="wide" id="label[]" \/><\/td>\n    <td><input name="height[]" type="text" id="height[]" value="1" size="8" \/><\/td>\n    <td><input name="value[]" type="text" class="wide" id="value[]" \/><\/td>\n    <\/tr>\n<\/table>\n<\/div>';
  } else if(type=="message") {
	  var HTML = '<div class="AddFieldDiv">\n<table width="640" border="0" align="center" cellpadding="0" cellspacing="0">\n  <tr>\n    <td width="70" rowspan="2" valign="top"><img src="images\/form\/message.gif" width="70" height="34" \/><\/td>\n    <td><b>message:\n        <input name="type[]" type="hidden" id="type[]" value="message" \/>\n          <input name="width[]" type="hidden" id="width[]" value="100%" \/>\n          <input name="default[]" type="hidden" id="default[]" \/>\n          <input name="height[]" type="hidden" id="height[]" \/>\n          <input name="multiple[]" type="hidden" id="multiple[]" \/>\n          <input name="name[]" type="hidden" id="name[]" value="message" \/>\n          <input name="label[]" type="hidden" id="label[]" value="message" \/>\n          <input name="required[]" type="hidden" id="required[]" value="false" \/>\n          <input name="extra[]" type="hidden" id="extra[]" \/>\n    <\/b><\/td>\n    <\/tr>\n  <tr>\n    <td><input name="value[]" type="text" class="wide" id="value[]" \/><\/td>\n    <\/tr>\n<\/table>\n<\/div>';
  } else if(type=="fck") {
	  var HTML = '<div class="AddFieldDiv">\n<table width="640" border="0" align="center" cellpadding="0" cellspacing="0">\n  <tr>\n    <td width="70" rowspan="2" valign="top"><img src="images\/form\/fck.gif" width="70" height="34" \/><\/td>\n    <td><b>name:<\/b><b>\n      <input name="type[]" type="hidden" id="type[]" value="FCK" \/>\n      <input name="multiple[]" type="hidden" id="multiple[]" \/>\n      <input name="default[]" type="hidden" id="default[]" \/>\n      <input name="width[]" type="hidden" id="width[]" value="100%" \/>\n      <input name="extra[]" type="hidden" id="extra[]" \/>\n    <\/b><\/td>\n    <td><b>label:<\/b><\/td>\n    <td><b>value:\n    <\/b><\/td>\n    <td><b>height:<\/b><\/td>\n    <td><b>required?<\/b><\/td>\n  <\/tr>\n  <tr>\n    <td><input name="name[]" type="text" class="wide" id="name[]" \/><\/td>\n    <td><input name="label[]" type="text" class="wide" id="label[]" \/><\/td>\n    <td><input name="value[]" type="text" class="wide" id="value[]" \/><\/td>\n    <td><select name="height[]" class="input" id="height[]">\n        <option value="50">50<\/option>\n        <option value="100">100<\/option>\n        <option value="200">200<\/option>\n        <option value="300">300<\/option>\n        <option value="500">500<\/option>\n          <\/select>    <\/td>\n    <td><input name="required[]" type="checkbox" id="required[]" value="true" \/><\/td>\n  <\/tr>\n<\/table>\n<\/div>';
  } else if(type=="button") {
	  var HTML = '<div class="AddFieldDiv">\n<table width="640" border="0" align="center" cellpadding="0" cellspacing="0">\n  <tr>\n    <td width="70" rowspan="2" valign="top"><img src="images\/form\/button.gif" width="70" height="34" \/><\/td>\n    <td><b>name:<\/b><\/td>\n    <td><b>label:<\/b><\/td>\n    <td><b>onClick:\n        <input name="type[]" type="hidden" id="type[]" value="button" \/>\n          <input name="width[]" type="hidden" id="width[]" value="100%" \/>\n          <input name="default[]" type="hidden" id="default[]" \/>\n          <input name="height[]" type="hidden" id="height[]" \/>\n          <input name="required[]" type="hidden" id="required[]" value="false" \/>\n          <input name="extra[]" type="hidden" id="extra[]" \/>\n    <\/b><\/td>\n    <td><b>confirm?<\/b><\/td>\n    <\/tr>\n  <tr>\n    <td><input name="name[]" type="text" class="wide" id="name[]" \/><\/td>\n    <td><input name="label[]" type="text" class="wide" id="label[]" \/><\/td>\n    <td><input name="value[]" type="text" class="wide" id="value[]" \/><\/td>\n    <td><input name="multiple[]" type="checkbox" id="multiple[]" value="yes" \/><\/td>\n    <\/tr>\n<\/table>\n<\/div>';
  } else if(type=="password") {
	  var HTML = '<div class="AddFieldDiv">\n<table width="640" border="0" align="center" cellpadding="0" cellspacing="0">\n  <tr>\n    <td width="70" rowspan="2"><img src="images\/form\/password.gif" width="70" height="34" \/><\/td>\n    <td><b>name:<\/b><\/td>\n    <td><b>label:<\/b><\/td>\n    <td><b>width:<\/b><\/td>\n    <td><b>value:\n      <input name="type[]" type="hidden" id="type[]" value="password" \/>\n          <input name="height[]" type="hidden" id="height[]" \/>\n          <input name="default[]" type="hidden" id="default[]" \/>\n          <input name="multiple[]" type="hidden" id="multiple[]" \/>\n          <input name="extra[]" type="hidden" id="extra[]" \/>\n    <\/b><\/td>\n    <td><b>required?<\/b><\/td>\n  <\/tr>\n  <tr>\n    <td><input name="name[]" type="text" class="wide" id="name[]" \/><\/td>\n    <td><input name="label[]" type="text" class="wide" id="label[]" \/><\/td>\n    <td><select name="width[]" class="input" id="width[]">\n        <option value="100%">100%<\/option>\n        <option value="10">10<\/option>\n        <option value="25">25<\/option>\n        <option value="35">35<\/option>\n        <option value="50">50<\/option>\n      <\/select>    <\/td>\n    <td><input name="value[]" type="text" class="wide" id="value[]" \/><\/td>\n    <td><input name="required[]" type="checkbox" id="required[]" value="true" \/><\/td>\n  <\/tr>\n<\/table>\n<\/div>';
  }
  
  var HTML2 = "<input type=\"button\" name=\"delRow\" value=\"remove\" onclick=\"deleteRow(this);\">";
  
  var cell1 = row.insertCell(0);
  cell1.innerHTML = HTML;
  var cell2 = row.insertCell(1);
  cell2.innerHTML = HTML2;
}

function deleteRow(node) {
	var td = node.parentNode;
	while (td.tagName.toLowerCase() != "tr")
	td = td.parentNode;
	td.parentNode.removeChild(td);
}

// -->
