//STANDAARD POSITIES TOV MUIS

var strImgDir = "/nl/images/System/Code/Dialogen/Includes/IMG/ico/";
var underOfM = 7;
var rightOfM = 7;
var im = new Array();
im[0] = new Image();
im[1] = new Image();

var widthofI = 198;
if (window.name == "Popup") {
	maxWidth = 430;
}
else {
	maxWidth = 780;
}

function putInfoButton(intNumber, intXpos, strDirName) {
	strImgDir = strDirName;
	_createInfoButton(intNumber, intXpos);
}

function createInfoPopup(intNumber, strTitle, strText, strDirName) {
	strImgDir = strDirName;
	_createInfo(intNumber, strTitle, strText);
}

function GenLayer(id,content,left,top,width,height,zindex,visible,bgcolor) {
  	document.write('<div id="' + id + '" style="position:absolute;');
	if (typeof left != "undefined") document.write('left:' + left + 'px;');
	if (typeof top != "undefined") document.write('top:' + top + 'px;');
	if (typeof width != "undefined") document.write('width:' + width + 'px;');
	if (typeof height != "undefined") document.write('height:' + height + 'px;');
	if (typeof zindex != "undefined") document.write('z-index:' + zindex + ';');
	if ( (typeof visible != "undefined") && !visible )document.write(' visibility:hidden;');
	else document.write(' visibility:visible;');
	if (typeof bgcolor != "undefined") document.write('background-color:' + bgcolor + ';');
	document.write('">'+ content +'</div>');
}

function iroll(button, state) {
	im[0].src = strImgDir + "ico_i2.gif";
	im[1].src = strImgDir + "ico_i.gif";
	if(document.all) {
		document.images['i' + (button+1)].src = im[state].src;
		window.status = state ? "Informatie" : "";
		return true;
	}
	else {
		var elem=eval('document.getElementById("i' + (button+1) + '")');
		elem.src = im[state].src;
		window.status = state ? "Informatie" : "";
		return true;
	}
}

function hideAllLayers() {
	var i = 1;
	if (document.all) {
		while (eval("document.all.tip"+i)) {
			eval('tip'+i+'.style.visibility="hidden"')
			i++;
		}
	}
	else {
		while (eval('document.getElementById("tip' + i + '")')) {
			var elem=eval('document.getElementById("tip' + i + '")');
			elem.style.visibility="hidden";
			i++;
		}
	}
}

function showLayers(LyrNm) {
	obj = (document.all) ? document.all[LyrNm] : document.getElementById(LyrNm);
	obj.style.visibility = "visible";
}

function hideLayers(LyrNm) {
	obj = (document.all) ? document.all[LyrNm] : document.getElementById(LyrNm);
	obj.style.visibility = "hidden";
}

function PosLyr(e,LyrNm,xpos) {
	xMouse = e.clientX;
	yMouse = e.clientY;
	scrollFromLeft = document.body.scrollLeft;

	if (document.documentElement && document.documentElement.scrollTop) {
	    	scrollFromTop = document.documentElement.scrollTop /* xhtml compliant */
  	} else if (document.body) {
    		scrollFromTop = document.body.scrollTop /* oude functionaliteit, werkt niet volledig als xhtml */
  	}

	if (typeof scrollFromLeft == "undefined") {
	     scrollFromLeft = e.pageX - xMouse;
	}
	if (typeof scrollFromTop == "undefined") {
	     scrollFromTop = e.pageY - yMouse;
	}
	
	var topPos = scrollFromTop + yMouse + underOfM;
	var leftPos = 0;
		
	if (typeof xpos != "undefined")	{
	     leftPos = xpos;
	}
	else	{
		defxpos = scrollFromLeft + xMouse + rightOfM;
		if (defxpos + widthofI > maxWidth) {
			defxpos = maxWidth - widthofI;
		}
		leftPos = defxpos;
	}
	setPosition( LyrNm, leftPos, topPos );
}



function createInfo(number, title, text) {
	strImgDir = "/nl/images/System/Code/Dialogen/Includes/IMG/ico/";
	_createInfo(number, title, text);
}

function _createInfo(number, title, text) {
	var strContent = '<table cellspacing="0" cellpadding="2" width="198" class="tipboxborder">\
		<tr>\
			<td class="tipboxtitle">' + title + '</td>\
			<td class="tipboxtitle"><a href="javascript:hideLayers(\'tip' + number + '\')">\
			<img src="' + strImgDir + 'ico_sluiten.gif" width="12" height="12" vspace="1" align="right" border="0"></a></td>\
		</tr>\
		<tr class="tipboxcontent">\
			<td><img src="' + strImgDir + '1pix.gif" width="170" height="5" alt="" border="0"/></td>\
			<td><img src="' + strImgDir + '1pix.gif" width="8" height="5" alt="" border="0"/></td>\
		</tr>\
		<tr class="tipboxcontent">\
			<td colspan="2"> ' + text + '</td>\
		</tr>\
		<tr class="tipboxcontent">\
			<td colspan="2"><img src="' + strImgDir + '1pix.gif" width="1" height="5" alt="" border="0"/></td>\
		</tr>\
		</table>';
     GenLayer("tip"+ number,strContent,0,0,160,10,100,false,'#FFF5CB');
}

function createInfoButton(number, xpos) {
	
	strImgDir = "/nl/images/System/Code/Dialogen/Includes/IMG/ico/";
	_createInfoButton(number, xpos);
}

function _createInfoButton(number, xpos) {
		
	if (typeof xpos != "undefined") {
		varposlyr = number + '\', ' + xpos + ')">'
	}
	else {
		varposlyr = number + '\')">'
	}
	var content =	'&nbsp;<a tabindex="-1" href="javascript:hideAllLayers(); showLayers(\'tip' +	
	number + 
	'\')" onmouseover="if(iroll(' + 
	(number-1) + 
	',1)) return true" onmouseout="if(iroll(' + 
	(number-1) +
	',0)) return true" onclick="PosLyr(event, \'tip' + 
	varposlyr +
	'<img src="' + strImgDir + 'ico_i2.gif" border="0" name="i' +
	number +
	'" id="i' + 
	number + 
	'" hspace="2"/></a>';
	document.open();
	document.write(content);
	document.close();
}

function PosLyrAD(e,LyrNm)
{
	xMouse = e.clientX;
	yMouse = e.clientY;
	scrollFromLeft = document.body.scrollLeft;
	scrollFromTop = document.body.scrollTop;
	if (typeof scrollFromLeft == "undefined") {
		scrollFromLeft = e.pageX - xMouse;
	}
	if (typeof scrollFromTop == "undefined") {
		scrollFromTop = e.pageY - yMouse;
	}
	
	var topPos = scrollFromTop + yMouse + underOfM - 39;
	var leftPos = scrollFromLeft + xMouse + rightOfM - 150;
	
	setPosition( LyrNm, leftPos, topPos );
	
}

function setPosition( layer, x, y ) {
	if( document.getElementById ) {
		obj = document.getElementById(layer)
		obj.style.left = x+'px';
		obj.style.top = y+'px';
	} else if( document.all ) {
		document.all[layer].style.left = x;
		document.all[layer].style.top = y;
	} else {
		document[layer].left = x;
		document[layer].top = y;
	}
}

/*
     remove illegal characters     
 */
var splChar = [ '<' , '>', ':' , '^','{','}','(',')'];
var charFound = false;
var tempQueryString = unescape(location.search.replace(/\+/g,  " "));
for ( var i=0 ;  i<splChar.length; i++)  {
	var regex = new RegExp("\\"+splChar[i],"gi");		
	if (tempQueryString.search(regex)!=-1)
	{
		charFound = true;
		tempQueryString = tempQueryString.replace(regex,"");
	}
}

if(charFound)	{
	location.search = tempQueryString;
}