var currentmenu = "";
var currentMenuListItem = null;

function browse(map) {
	$j.get('/?fuseaction=backend.templatebrowser', {folder: map}, function (data) { $j('#templatebrowser').html(data) });
}

function updateHeaders() {

if (  document.getElementById('headerdiv').style.display == 'none'  ) 
	{
	document.getElementById('headerdiv').style.display = 'block'; 
	} else	{	
	document.getElementById('headerdiv').style.display = 'none'; 
	} 
}

function loadsort() {
}

/*
var dragsort = ToolMan.dragsort()
var junkdrawer = ToolMan.junkdrawer()

function loadsort() {
	dragsort.makeListSortable(document.getElementById("numeric"),
	verticalOnly, saveOrder)
}

function verticalOnly(item) {
	item.toolManDragGroup.verticalOnly()
}

function speak(id, what) {
	var element = document.getElementById(id);
	element.innerHTML = 'Clicked ' + what;
}

function saveOrder(item) {
	var group = item.toolManDragGroup
	var list = group.element.parentNode
	var id = list.getAttribute("id")
	if (id == null) return
	group.register('dragend', function() {
	ToolMan.cookies().set("list-" + id,
	junkdrawer.serializeList(list), 365)
	})
} */

function foo() {
    var list = document.getElementById("numeric");
    if (list)  {
      var items = list.getElementsByTagName("li");
      if (items) {
        var itemsString = "";
        for (var i = 0; i < items.length; i++) {
            if (itemsString.length > 0) itemsString += ":-:-:-:-:";
            itemsString += items[i].innerHTML;
        }
        if (document.data)
           document.data.sortorder.value = itemsString;
        setTimeout("foo()", 10);
      }
    }
}

function selectoption(field, value){
	var selObj = document.data[field];

	for(i = 0; i < selObj.length; i++){
		if(selObj[i].value == value){
			selObj.selectedIndex = i;
		}
	}

}

function page(choice){
	tag = document.getElementsByTagName("div");
	for(x=0;x<tag.length; x++){		
	if  (tag[x].id.indexOf("templatepage_") != -1) {
			tag[x].style.display = 'none';
		}
	}

	tag = document.getElementsByTagName("a");
	for(x=0;x<tag.length; x++){		
	if  (tag[x].id.indexOf("choice_") != -1) {
			tag[x].style.fontWeight = 'normal';
		}
	}
	document.getElementById("choice_"+choice).style.fontWeight = 'bold';
	document.getElementById("templatepage_"+choice).style.display = 'block';
}

function template(choice, standaardStylesheetID) {
	if(choice > 0) {
		updatemenu('template', choice);
		//cleartemp();
		//document.getElementById("temp_"+choice).style.border = '1px solid #FF0000';
		//var image = document.getElementById("temp_"+choice);
		var info;
		$j.get('/?fuseaction=backend.templateinfo', {id: choice}, function (data) {
			info = data;
			var image = '<img src="'+info['image']+'" style="height:80px;width:80px" height="80" width="80"/>';
			var title = '<p>'+info['name']+'</p>';
			$j('#preview').html(title + image); }, 'json'
		);
		//$j("#temp_"+choice).show();
		var cssSelect = document.getElementById('cssSelect');
		for (var x = 0; x <= cssSelect.options.length; x++)
		{
			if (cssSelect.options[x].value == standaardStylesheetID)
			{
				cssSelect.selectedIndex = x;
				updatemenu('stylesheet', standaardStylesheetID);
				break;
			}
		}
	}
}

/*
function template(choice, css){
	if (choice > 0 ) {
		updatemenu('template', choice);
		cleartemp();
		document.getElementById("temp_"+choice).style.border = '2px solid #FF0000';
		var cssSelect = document.getElementById('cssSelect');
		for (var x = 0; x <= cssSelect.options.length; x++)
		{
			if (cssSelect.options[x].value == css)
			{
				cssSelect.selectedIndex = x;
				break;
			}
		}
	}
}
*/

function cleartemp(temps){
// loop door alle temp_ elementen en zet deze op style.border etc.
	tag = document.getElementsByTagName("img");
	for(x=0;x<tag.length; x++){		
	if  (tag[x].id.indexOf("temp_") != -1) {
			tag[x].style.border = '1px solid #000000';
		}
	}
}


function edit(menuID, menuListItem){
	var name = document.data['name_'+menuID].value;
	var headerinfo = document.data['headerinfo_'+menuID].value;
	var headertitle = document.data['headertitle_'+menuID].value;
	var headerkeywords = document.data['headerkeywords_'+menuID].value;
	var headerdescription = document.data['headerdescription_'+menuID].value;
	var itemsortorder = document.data['sortorder_'+menuID].value;
	var link = document.data['link_'+menuID].value;
	var linktype = document.data['linktype_'+menuID].value;
	var ctemplate = document.data['template_'+menuID].value;
	var cstylesheet = document.data['stylesheet_'+menuID].value;

	// fix
	$j('select#sjabloonkeuze').val(linktype);
	$j('input#other').val(link);
	
	if (linktype == 'Intern') {
		document.getElementById('other').style.display = 'none';
		document.getElementById('templatepages').style.display = 'block';
	} else if (linktype == 'other') {
		document.getElementById('other').style.display = 'inline';
		document.getElementById('other').style.visibility = 'visible';
		document.getElementById('templatepages').style.display = 'none';
	} else	{
		document.getElementById('other').style.display = 'none';
		document.getElementById('templatepages').style.display = 'block';
	}
	document.data.delitem.value = menuID;	
	document.data.delsortorder.value = itemsortorder;
	document.data.dellink.value = link;
	document.data.dellinktype.value = linktype;
	document.data.delname.value = name;
	document.data.deltemplate.value = ctemplate;
	document.data.delstylesheet.value = cstylesheet;
	document.data.headerinfo.value=headerinfo;
	document.data.headertitle.value=headertitle;
	document.data.headerkeywords.value=headerkeywords;
	document.data.headerdescription.value=headerdescription;
	
	document.data.name.value = name;
	document.data.item_sortorder.value = itemsortorder;
	currentmenu = menuID;
    currentMenuListItem = menuListItem;

	if(linktype != ''){
		selectoption('linktype', linktype);
	}

	cleartemp();

	if(ctemplate != ''){
		template(ctemplate);
	}

	

	document.getElementById("rightoptions").style.visibility = 'visible';
}

function updatemenu(field, value){
	

	//headerinfo();

	if (field=='linktype') {
		if (value == 'Intern') {
			document.data['link_'+currentmenu].value = '?menu_id= '+currentmenu;
			document.data['linktype_'+currentmenu].value = 'Intern';
			document.getElementById('templatepages').style.display = 'block';
			document.getElementById('other').style.visibility = 'hidden';		
	
		} else if (value == 'other') {
			
			//document.data['link_'+currentmenu].value = value;
			document.data['template_'+currentmenu].value = '';		
			document.data['linktype_'+currentmenu].value = 'other';
			document.getElementById('templatepages').style.display = 'none';
			document.getElementById('other').style.display = 'inline';		
			document.getElementById('other').style.visibility = 'visible';		
			
		} else	{
			
			document.data['link_'+currentmenu].value = value;
			document.data['template_'+currentmenu].value = '';		
			document.data['linktype_'+currentmenu].value = 'other';
			document.getElementById('templatepages').style.display = 'none';
			document.getElementById('other').style.visibility = 'hidden';		
			
		}
	} else {
		document.data[field+'_'+currentmenu].value = value;

		if(field == 'name'){
			document.getElementById("ahref_"+currentmenu).innerHTML = value;
		}
		if(field == 'newsortorder'){
			document.getElementById("sortorder_"+currentmenu).innerHTML = value;
		}
	}
}

function moveMenuItem(up) {
    var list = document.getElementById('numeric');
    var items = list.childNodes;

    if(up && currentMenuListItem.previousSibling) {
        var moveTo = currentMenuListItem.previousSibling.previousSibling;
        var cloned = currentMenuListItem.cloneNode(true);
        list.insertBefore(cloned, moveTo);
        list.removeChild(currentMenuListItem);
        currentMenuListItem = cloned;
    } else if (!up) {
        if(currentMenuListItem.nextSibling) {
          var moveTo = currentMenuListItem.nextSibling.nextSibling;
          var cloned = currentMenuListItem.cloneNode(true);
          list.insertBefore(cloned, moveTo);
          list.removeChild(currentMenuListItem);
          currentMenuListItem = cloned;
        }
    }
}

function add() {
var inPut = prompt("Vul een naam in voor dit Menu Item.", "");
 if (inPut) {
  var objBody = document.getElementById("numeric");
  var objBox = document.createElement("li");
  var objChildren = objBody.childNodes.length - 1;
  var form = document.forms['data'];


  var el1 = document.createElement("input");
  el1.type = "hidden";
  el1.name = "sortorder_"+objChildren;
  form.appendChild(el1);
  var el2 = document.createElement("input");
  el2.type = "hidden";
  el2.name = "link_"+objChildren;
  form.appendChild(el2);
  var el3 = document.createElement("input");
  el3.type = "hidden";
  el3.name = "linktype_"+objChildren;
  form.appendChild(el3);
  var el4 = document.createElement("input");
  el4.type = "hidden";
  el4.name = "name_"+objChildren;
  el4.value = inPut;
  form.appendChild(el4);
  var el5 = document.createElement("input");
  el5.type = "hidden";
  el5.name = "template_"+objChildren;
  form.appendChild(el5);


	objBody.appendChild(objBox);
	objBox.setAttribute('id','menu_'+objChildren);
	objBox.setAttribute('onclick',"edit('"+objChildren+"');");
	objBox.innerHTML = '<a href="#" id="ahref_'+objChildren+'">'+inPut+'</a>';
	objBox.style.cursor = 'n-resize';
	loadsort();
 }
	
}


function DeleteMenuItem(itemID,sortorder,Link,linktype,name,template,stylesheet) {
   jQuery.post("index.php", { fuseaction: "menu.delete", itemID: itemID,sortorder: sortorder, Link:Link , linktype: linktype, name: name, template:template, stylesheet:stylesheet},
	function(data) {
  		var idResult = '#delitem';
		$j(idResult).html(data);
	});
   
}