isIE=navigator.appName=="Microsoft Internet Explorer";
var info;
var posx=0;
var posy=0;
document.onmousedown = getXY;

function getXY(e) {
	if (!e) var e = window.event;
	if (e.pageX || e.pageY) 	{
		posx = e.pageX;
		posy = e.pageY;
	}
	else if (e.clientX || e.clientY){
		posx = e.clientX + document.body.scrollLeft
			+ document.documentElement.scrollLeft;
		posy = e.clientY + document.body.scrollTop
			+ document.documentElement.scrollTop;
	}
}


function showInfo(id){
maxOpac = 85;
info = document.getElementById(id);
if(!isIE){
	info.style.display = 'block';
	info.style.visibility = 'visible';
	info.style.filter = 'Alpha(Opacity=100)';
	info.style.left = posx + 'px';
	info.style.top = posy + 'px';
}else{
	tempX = event.clientX;
	tempY = event.clientY;
	info.style.left = tempX + document.body.scrollLeft;
	info.style.top = tempY + document.body.scrollTop;
		if(info.style.visibility != 'visible'){
			info.style.display = 'block';
			setTimeout("verschijn(1)",10);
		}
	}
}
function verschijn(opac){
	info.style.visibility = 'visible';
	opac = opac*2;
	if(opac>=maxOpac){
		opac = maxOpac;
	}
	info.style.filter = 'Alpha(Opacity='+opac+')';
	if(opac<maxOpac){
		window.setTimeout("verschijn('"+opac+"')", 10);
	}
}

function verdwijn(opac,id){
	opac -= 30;
	info = document.getElementById(id);
	info.style.filter = 'Alpha(Opacity='+opac+')';
	if(opac>0)
		window.setTimeout("verdwijn('"+opac+"','"+id+"')", 10);
	else
		info.style.visibility = 'hidden';
}


tempX = 0;
tempY = 0;
ddEnabled = new Array();
isHot = new Array();
zIndex = 1;
curID = 0;

function veranderZindex(naam){
	info = document.getElementById(naam);
	info.style.zIndex = zIndex++;
}

function volg(id,naam){
	if(isHot[id]){
	info = document.getElementById(naam);
	nowX=parseInt(info.style.left);
	nowY=parseInt(info.style.top);
    offsetx=event.clientX;
    offsety=event.clientY;
	tempX = nowX + event.clientX-offsetx;
	tempY = nowY + event.clientY-offsety;

	info.style.left = tempX;
	info.style.top = tempY;
	ddEnabled[id] = true;
    document.onmousemove=dd;
  }
}

function dd(e){
  if (!ddEnabled[curID]) return;
  info.style.left=nowX+event.clientX-offsetx; 
  info.style.top=nowY+event.clientY-offsety;
  return false;  
}


function mouseOverDag(dag,weekNr, hoofdTeller){
dag1 = 'd' + weekNr + '1' + hoofdTeller;
dag2 = 'd' + weekNr + '2' + hoofdTeller;
dag3 = 'd' + weekNr + '3' + hoofdTeller;
dag4 = 'd' + weekNr + '4' + hoofdTeller;
dag5 = 'd' + weekNr + '5' + hoofdTeller;
dag6 = 'd' + weekNr + '6' + hoofdTeller;
dag7 = 'd' + weekNr + '7' + hoofdTeller;

document.getElementById(dag1).style.background = '#99CFFF';
document.getElementById(dag2).style.background = '#99CFFF';
document.getElementById(dag3).style.background = '#99CFFF';
document.getElementById(dag4).style.background = '#99CFFF';
document.getElementById(dag5).style.background = '#99CFFF';
document.getElementById(dag6).style.background = '#99CFFF';
document.getElementById(dag7).style.background = '#99CFFF';
temp2 = 'weeknr' + weekNr + hoofdTeller;
document.getElementById(temp2).style.background = '#ffffff';

document.getElementById(dag).style.borderLeft='1px solid #222';
document.getElementById(dag).style.borderBottom='1px solid #222';
document.getElementById(dag).style.background='#BBDEEE';
}


function mouseOutDag(dag,weekNr,hoofdTeller){
dag1 = 'd' + weekNr + '1' + hoofdTeller;
dag2 = 'd' + weekNr + '2' + hoofdTeller;
dag3 = 'd' + weekNr + '3' + hoofdTeller;
dag4 = 'd' + weekNr + '4' + hoofdTeller;
dag5 = 'd' + weekNr + '5' + hoofdTeller;
dag6 = 'd' + weekNr + '6' + hoofdTeller;
dag7 = 'd' + weekNr + '7' + hoofdTeller;
document.getElementById(dag1).style.background = '#99CCCC';
document.getElementById(dag2).style.background = '#99CCCC';
document.getElementById(dag3).style.background = '#99CCCC';
document.getElementById(dag4).style.background = '#99CCCC';
document.getElementById(dag5).style.background = '#99CCCC';
document.getElementById(dag6).style.background = '#99CCCC';
document.getElementById(dag7).style.background = '#99CCCC';
temp2 = 'weeknr' + weekNr + hoofdTeller;
document.getElementById(temp2).style.background = '#dedede';

document.getElementById(dag).style.borderLeft='1px solid #666666';
document.getElementById(dag).style.borderBottom='1px solid #666666';
document.getElementById(dag).style.background = '#99CCCC';
}