<!--
// Positie bepaling

function getposOffset(what, offsettype){
	var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
	var parentEl=what.offsetParent;
		while (parentEl!=null){
			totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
			parentEl=parentEl.offsetParent;
		}
	return totaloffset;
}

// Ajax Objecten

var loadedobjects=""
var rootdomain="http://"+window.location.hostname

function ajaxpage(url, containerid, type){
var page_request = false
if (window.XMLHttpRequest)
page_request = new XMLHttpRequest()
else if (window.ActiveXObject){
try {
page_request = new ActiveXObject("Msxml2.XMLHTTP")
} 
catch (e){
try{
page_request = new ActiveXObject("Microsoft.XMLHTTP")
}
catch (e){}
}
}
else
return true
page_request.onreadystatechange=function(){
	loadpage(page_request, containerid)
}
page_request.open(type, url, true)
if (type=="POST"){
url=url.split("?");
vars=url[1];
url=url[0];
page_request.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
page_request.send(vars);
}
page_request.send(null)
}

function loadpage(page_request, containerid){
	if (page_request.readyState == 4 && (page_request.status==200 || window.location.href.indexOf("http")==-1)){
		if (page_request.responseText!="0"&&containerid=="rackid"){
			tdid=document.getElementById('rackid').innerHTML;
			elm=document.getElementById(tdid);
			elm.onclick = "alert('moot!');";
			elm.onmouseover='function onmouseover(event){\nshowrackinfo('+page_request.responseText+',this);\n}';
			elm.onmouseout='javascript:hiderackinfo();';
		}
		document.getElementById(containerid).innerHTML=page_request.responseText
	}
}

// Popup window functie

var win=null;
function NewWindow(mypage,myname,w,h,scroll,pos){
if(pos=="random"){LeftPosition=(screen.width)?Math.floor(Math.random()*(screen.width-w)):100;TopPosition=(screen.height)?Math.floor(Math.random()*((screen.height-h)-75)):100;}
if(pos=="center"){LeftPosition=(screen.width)?(screen.width-w)/2:100;TopPosition=(screen.height)?(screen.height-h)/2:100;}
else if((pos!="center" && pos!="random") || pos==null){LeftPosition=0;TopPosition=20}
settings='width='+w+',height='+h+',top='+TopPosition+',left='+LeftPosition+',scrollbars='+scroll+',location=no,directories=no,status=no,menubar=no,toolbar=no,resizable=no';
win=window.open(mypage,myname,settings);}

// Rij kleuren veranderen

function rowcolor(row,color){
	var theCells = null;
	theCells = row.getElementsByTagName('td');
	var rowCellsCnt  = theCells.length;
	for (c = 0; c < rowCellsCnt; c++) {
		theCells[c].className = color;
	}
	return true;
}

// Rack toevoegen dmv AJAX

function addrack (name,x,y){
	if (name!=null){
		if (name==""){
			alert('You have to enter a name for this rack.');
		} else {
			document.getElementById('rackid').innerHTML=x+'x'+y;
			elm=document.getElementById(x+'x'+y);
			elm.className="rack";
			elm.innerHTML=name;
			ajaxpage('/addrack?x='+x+'&y='+y+'&name='+name+'',"rackid","POST");
		}
	} else {
		void(0);
	}
}

// Drag and drop input popups


var dragobject={
z: 0, x: 0, y: 0, offsetx : null, offsety : null, targetobj : null, dragapproved : 0,
initialize:function(){
document.onmousedown=this.drag
document.onmouseup=function(){this.dragapproved=0}
},
drag:function(e){
var evtobj=window.event? window.event : e
this.targetobj=window.event? event.srcElement : e.target
if (this.targetobj.className=="drag"){
this.dragapproved=1
if (isNaN(parseInt(this.targetobj.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.style.left))){this.targetobj.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.style.left=0}
if (isNaN(parseInt(this.targetobj.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.style.top))){this.targetobj.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.style.top=0}
this.offsetx=parseInt(this.targetobj.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.style.left)
this.offsety=parseInt(this.targetobj.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.style.top)
this.x=evtobj.clientX
this.y=evtobj.clientY
if (evtobj.preventDefault)
evtobj.preventDefault()
document.onmousemove=dragobject.moveit
}
},
moveit:function(e){
var evtobj=window.event? window.event : e
if (this.dragapproved==1){
this.targetobj.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.style.left=this.offsetx+evtobj.clientX-this.x+"px"
this.targetobj.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.style.top=this.offsety+evtobj.clientY-this.y+"px"
return false
}
}
}

dragobject.initialize()

// Kalender scriptje

function switchcal (state){
	var mycalendar = new fx.Height(document.getElementById('calendar') , {duration: 500});

	if (state=='on'){
		document.getElementById('displaycal').style.display='none';
		document.getElementById('hidecal').style.display='';
		mycalendar.toggle();
	} else {
		document.getElementById('displaycal').style.display='';
		document.getElementById('hidecal').style.display='none';
		mycalendar.toggle();
	}
}

// Popup script

function dopopup (url,width,height){
	popup = window.open(url, 'popup',"status=yes,width="+ width +",height="+ height +",scrollbars=yes");
}

// Tooltip scriptje

var offsetfromcursorX=20 //Customize x offset of tooltip
var offsetfromcursorY=18 //Customize y offset of tooltip

var offsetdivfrompointerX=10 //Customize x offset of tooltip DIV relative to pointer image
var offsetdivfrompointerY=14 //Customize y offset of tooltip DIV relative to pointer image. Tip: Set it to (height_of_pointer_image-1).

document.write('<div id="dhtmltooltip"></div>') //write out tooltip DIV
document.write('<img id="dhtmlpointer" src="/images/arrow2.gif">') //write out pointer image

var ie=document.all
var ns6=document.getElementById && !document.all
var enabletip=false
if (ie||ns6)
var tipobj=document.all? document.all["dhtmltooltip"] : document.getElementById? document.getElementById("dhtmltooltip") : ""

var pointerobj=document.all? document.all["dhtmlpointer"] : document.getElementById? document.getElementById("dhtmlpointer") : ""

function ietruebody(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function ddrivetip(text, thewidth, thecolor){
if (ns6||ie){
tipobj.style.width="270px"
if (typeof thecolor!="undefined" && thecolor!="") tipobj.style.backgroundColor=thecolor
document.getElementById('dhtmltooltip').innerHTML=text;
enabletip=true
return false
}
}

function positiontip(e){
if (enabletip){
var nondefaultpos=false
var curX=(ns6)?e.pageX : event.clientX+ietruebody().scrollLeft;
var curY=(ns6)?e.pageY : event.clientY+ietruebody().scrollTop;
var winwidth=ie&&!window.opera? ietruebody().clientWidth : window.innerWidth-20
var winheight=ie&&!window.opera? ietruebody().clientHeight : window.innerHeight-20

var rightedge=ie&&!window.opera? winwidth-event.clientX-offsetfromcursorX : winwidth-e.clientX-offsetfromcursorX
var bottomedge=ie&&!window.opera? winheight-event.clientY-offsetfromcursorY : winheight-e.clientY-offsetfromcursorY

var leftedge=(offsetfromcursorX<0)? offsetfromcursorX*(-1) : -1000

if (rightedge<tipobj.offsetWidth){
tipobj.style.left=curX-tipobj.offsetWidth+"px"
nondefaultpos=true
}
else if (curX<leftedge)
tipobj.style.left="5px"
else{
tipobj.style.left=curX+offsetfromcursorX-offsetdivfrompointerX+"px"
pointerobj.style.left=curX+offsetfromcursorX+"px"
}

if (bottomedge<tipobj.offsetHeight){
tipobj.style.top=curY-tipobj.offsetHeight-offsetfromcursorY+"px"
nondefaultpos=true
}
else{
tipobj.style.top=curY+offsetfromcursorY+offsetdivfrompointerY+"px"
pointerobj.style.top=curY+offsetfromcursorY+"px"
}
tipobj.style.visibility="visible"
if (!nondefaultpos)
pointerobj.style.visibility="visible"
else
pointerobj.style.visibility="hidden"
}
}

function hideddrivetip(){
if (ns6||ie){
enabletip=false
tipobj.style.visibility="hidden"
pointerobj.style.visibility="hidden"
tipobj.style.left="-1000px"
tipobj.style.backgroundColor=''
tipobj.style.width=''
}
}

document.onmousemove=positiontip

// Kalender functies

function setcal(period,start){
	if (period=='prev'){
		period1=parseInt(start) - 2419200;
		period2=parseInt(start);
	} else {
		period1=parseInt(start);
		period2=parseInt(start) + 2764800;
	}

	ajaxpage('/getcal/'+period1+'/prev','cal1','get');
	ajaxpage('/getcal/'+period2+'/next','cal2','get');
}

// Highlight functies voor de teller code form

function HighlightAll(theField) {
	var tempval=document.getElementById(theField)
	tempval.focus()
	tempval.select()
}
//-->