// JavaScript Document


function jumpToEditMode() {
	if (!d("loginInputDiv")) {
		if (confirm("start 'tick in a box'?")) {
			document.body.innerHTML+="<div id=loginInputDiv><div id=loginInputbgDiv></div><div id=loginInputInhDiv><form method=post action=index.php?login=login&menuid="+menuid+"><input onClick=\"this.select()\" type=text name=gebruikersnaam id=gebruikersnaam> <input type=password name=wachtwoord> <input class=button type=submit value=login> <input class=button type=button onClick=\"d('loginInputDiv').removeNode(true)\" value=cancel></form></div></div>";
			d('gebruikersnaam').focus();
			//sdocument.location.href="index.php?login=start&menuid="+menuid;
		}
	}
}

function getkey(keyStroke) {
	eventChooser = event.keyCode;
	if ((eventChooser==10 || eventChooser==20) && editmode=="") jumpToEditMode();
}

function getQueryVariable(variable) {
  var query = window.location.search.substring(1);
  var vars = query.split("&");
  for (var i=0;i<vars.length;i++) {
    var pair = vars[i].split("=");
    if (pair[0] == variable) {
      return pair[1];
    }
  } 
}

var leftmenuclick=false;
var gotoid;
var plaatskeZoeken=false;

function gotoPage(gotoid) {
	if (gotoid && !plaatskeZoeken){
		if (dragObj=document.getElementById('dragDiv')){
			xPos=dragObj.offsetLeft;
			yPos=dragObj.offsetTop;
		}
		if (!leftmenuclick){
				document.location.href="?menuid="+gotoid+"&x="+xPos+"&y="+yPos;
		}else document.location.href="?menuid="+gotoid;
	}		
}

var masterID;
function tickInit() {
	if (editmode=="") {
		document.onkeypress=getkey;
	}
	
	var xPos=getQueryVariable("x");
	var yPos=getQueryVariable("y");
	var parentid=getQueryVariable("parentid");
	
	if (xPos && yPos) {
	}
	else {
		bodyWidth= nn6 ? window.innerWidth : document.body.offsetWidth;
		bodyHeight= nn6 ? window.innerHeight : document.body.offsetHeight;
			
		if (menuObj=document.getElementById('obj_'+menuid)) {
			if (dragObj=document.getElementById('dragDiv')) {
				dragObj.style.left=parseInt(((bodyWidth-menuObj.offsetWidth)/2)-menuObj.offsetLeft);
				dragObj.style.top=parseInt(((bodyHeight-menuObj.offsetHeight)/2)-menuObj.offsetTop);
			}	
		}
		else if (menuObj=document.getElementById('obj_'+masterID)) {
			if (dragObj=document.getElementById('dragDiv')) {
				dragObj.style.left=parseInt(((bodyWidth-menuObj.offsetWidth)/2)-menuObj.offsetLeft);
				dragObj.style.top=parseInt(((bodyHeight-menuObj.offsetHeight)/2)-menuObj.offsetTop);
			}
		}
	}

}

var openmenuobj=false;
function openmenu(id){
	closemenu();
	if (openmenuobj=document.getElementById(id)){
		openmenuobj.style.display='inline';
		if (nn6) {
			if (openTD=document.getElementById('currentTD')){
				firefoxAAAAAAARRRRRGGGHHHwidth=openTD.offsetWidth;
				if (openMenuContainer=document.getElementById('menucontainer')){
					openMenuContainer.style.width=firefoxAAAAAAARRRRRGGGHHHwidth-40; // firefox types zijn sukkels
				}
			}
		}
		if (document.getElementById('contentdiv')){
			document.getElementById('contentdiv').onclick=function () {closemenu();}
		}
	}
}
var zoekField=false;
function closemenu(){
	if(openmenuobj) openmenuobj.style.display='none';
}

function swapImg(obj,src) {
	imagecontainer=document.getElementById('currentimage');
	imagecontainer.src=src;
	//imagecontainer.scrollIntoView();
}

function enlargeimg(){
	if (document.getElementById('currentimage')) {
		imgBig=window.open('?window=enlarge&dirStr='+encodeURI(document.getElementById('currentimage').src),'big','status=no,scrollbars=auto,resizable=yes');imgBig.focus();
	}
}

// drag the fields of joy

var ie=document.all;
var nn6=document.getElementById&&!document.all;

var isdrag=false;
var x,y;
var dobj;
var noZone=false;
var dragBalk=false;

function movemouse(e)
{
  if (isdrag)
  {
    dobj.style.left = nn6 ? tx + e.clientX - x : tx + event.clientX - x;
    dobj.style.top  = nn6 ? ty + e.clientY - y : ty + event.clientY - y;
    return false;
  }
}

function selectmouse(e) 
{
  var fobj       = nn6 ? e.target : event.srcElement;
  var topelement = nn6 ? "HTML" : "BODY";

  while (fobj.tagName != topelement && fobj.className != "dragme")
  {
    fobj = nn6 ? fobj.parentNode : fobj.parentElement;
  }
  if (fobj.className=="dragme")
  {
    isdrag = true;
    dobj = fobj;
    tx = parseInt(dobj.style.left+0);
    ty = parseInt(dobj.style.top+0);
    x = nn6 ? e.clientX : event.clientX;
    y = nn6 ? e.clientY : event.clientY;
    document.onmousemove=movemouse;
    return false;
  }
}

document.onmousedown=selectmouse;
document.onmouseup=new Function("isdrag=false");



var ie=document.all;
var nn6=document.getElementById&&!document.all;

var isdragZO=false;
var xZO,yZO;
var dobjZO;
var noZoneZO=false;
var customClassnameZO="con";

function movemouseZO(e)
{
  if (isdragZO)
  {
    dobjZO.style.left = (nn6 ? txZO + e.clientX - xZO : txZO + event.clientX - xZO)/zoomFactor;
    dobjZO.style.top  = (nn6 ? tyZO + e.clientY - yZO : tyZO + event.clientY - yZO)/zoomFactor;
    return false;
  }
}

function selectmouseZO(e) 
{
  var fobjZO       = nn6 ? e.target : event.srcElement;
  var topelementZO = nn6 ? "HTML" : "BODY";

  while (fobjZO.tagName != topelementZO && fobjZO.drag != "me")
  {
	fobjZO = nn6 ? fobjZO.parentNode : fobjZO.parentElement;
  }
  if (fobjZO.drag=="me" && !noZone)
  {
    isdragZO = true;
    dobjZO = fobjZO;
    txZO = parseInt(dobjZO.style.left+0)*zoomFactor;
    tyZO = parseInt(dobjZO.style.top+0)*zoomFactor;
    xZO = (nn6 ? e.clientX : event.clientX);
    yZO = (nn6 ? e.clientY : event.clientY);
    document.onmousemove=movemouseZO;
    return false;
  }
}
var zoomFactor=1;
function getCoordsZO() {
	isdragZO=false;
	if (plaatskeZoeken) {
		var fobjZO       = nn6 ? e.target : event.srcElement;
    	var topelementZO = nn6 ? "HTML" : "BODY";

		while (fobjZO.tagName != topelementZO && fobjZO.drag != "me")
		{
    		fobjZO = nn6 ? fobjZO.parentNode : fobjZO.parentElement;
		}
		coordImage = new Image();
		coordImage.src="?window=coord&menuid="+fobjZO.menuid+"&x="+getX(fobjZO)+"&y="+getY(fobjZO);
	}
}



var hiddenmenu;
var opensubobj;
var submenuOn=false;
function showSub(){
	if (opensub=document.getElementById('submenu')){
		opensub.style.display='inline';
	}
}
zoekField=false;
function hideSub(){
	opensub=document.getElementById('submenu');
	if (opensub && !submenuOn && !zoekField){
		opensub.style.display='none';
	}
}

function restoreMenu(){

	if (hiddenmenu)hiddenmenu.style.display='inline';
	if (opensubobj)opensubobj.removeNode(true);
	searchdivobj=document.getElementById('searchdiv');
	if (searchdivobj)searchdivobj.style.display='block';
}
function subInline(id,title){
	if (opensubobj=document.getElementById(id)){
		menuparent=opensubobj.parentNode.parentNode.parentNode.parentNode;
		hiddenmenu=opensubobj.parentNode.parentNode.parentNode;
		hiddenmenu.style.display='none';
		opensubobj=opensubobj.cloneNode(true);
		opensubobj.style.display=(opensubobj.style.display=='inline')?'none':'inline';
		
		searchdivobj=document.getElementById('searchdiv');
		if (searchdivobj)searchdivobj.style.display='none';
		
		var newDiv = document.createElement('div'); 
		var newText = document.createTextNode('terug');
		newDiv.appendChild(newText);
		
		var nameDiv = document.createElement('div'); 
		var newText = document.createTextNode(title);
		nameDiv.appendChild(newText);
		nameDiv.className='backtitle';
		newDiv.appendChild(nameDiv);
		
		newDiv.className='back';
		newDiv.onclick=function () {restoreMenu()};
		opensubobj.insertBefore(newDiv,opensubobj.childNodes[0]);
		menuparent.appendChild(opensubobj);
	}
}


function doubleMe(id) {
	dragObj=document.getElementById('dragDiv');
	 if (parseInt(dragObj.style.zoom)<1) {
	 	document.location.href="?menuid="+id;
	 }
	 else {
	 	document.getElementById("editButtons").removeNode(true);
		document.getElementById("menuCont").removeNode(true);
	 	document.onmousedown=selectmouseZO;
		document.onmouseup=getCoordsZO;
		bodyWidth=getW(document.body);
		bodyHeight=getH(document.body);
		if ((bodyWidth/bodyHeight)>(getW(dragObj)/getH(dragObj))) {
			zoomFactor=bodyWidth/getW(dragObj);
		}
		else {
			zoomFactor=bodyHeight/getH(dragObj);
		} 
		plaatskeZoeken=true;
		dragObj.style.left=0;
		dragObj.style.top=0;
		dragObj.style.zoom=zoomFactor;
	}
	// else {
	//	dragDiv.style.zoom=1.0;
	// }
}	

var tickover=false;

function hideTick() {
	if (!tickover) document.getElementById('tickObj').style.display="none";
}
function growTick(obj) {
	if (document.getElementById('tickObj')) {
		document.getElementById('tickObj').style.display="inline";
		document.getElementById('tickObj').style.zIndex=obj.style.zIndex;
		document.getElementById('tickObj').style.left=obj.offsetLeft-document.getElementById('tickObj').offsetWidth+20;
		document.getElementById('tickObj').style.top=obj.offsetTop-document.getElementById('tickObj').offsetHeight+10;
		document.getElementById('tickObj').title="tick - beeldende media";
		document.getElementById('tickObj').onmouseover=function () {
			tickover=true;
		}
		document.getElementById('tickObj').onmouseout= function () {
			tickover=false;
			var timer=setTimeout("hideTick()",4000);
		}
		document.getElementById('tickObj').onclick=function () {
			window.open("http://www.tick.nl?refX=zo","tick","resizable, width=850, height= 500");
		}
	}
}