// JavaScript Document

var arrSlogan = new Array();
var tblBannersConv = new Array(4);

function init() {
if(!document.all && document.getElementById) {
	var snelmenu1=document.getElementById('snelmenu1');
	var snelmenu2=document.getElementById('snelmenu2');
	var snelmenu3=document.getElementById('snelmenu3');
	var divTopimageLayer=document.getElementById('divTopimageLayer');
	var divKolomLinksLayer=document.getElementById('divKolomLinksLayer');
	var divKolomMidLayer=document.getElementById('divKolomMidLayer');
	var divKolomRechtsLayer=document.getElementById('divKolomRechtsLayer');
	var divTopimage=document.getElementById('divTopimage');
	var divKolomLinks=document.getElementById('divKolomLinks');
	var divKolomMid=document.getElementById('divKolomMid');
	var divKolomRechts=document.getElementById('divKolomRechts');
}
}

function fadeIn() {
  if(opac!=100){
    opac+=2;
	if(ie5) document.getElementById('divTopimageLayer').filters.alpha.opacity = opac;
    if(ns6) document.getElementById('divTopimageLayer').style.MozOpacity = opac/100;
	setTimeout('fadeIn()', 5);
  }
  else opac=0;
}

function fadeOut() {
  if(opac2!=100){
    opac2+=2;
	if(ie5) document.getElementById('divTopimage').filters.alpha.opacity = opac2;
	if(ns6) document.getElementById('divTopimage').style.MozOpacity = opac2/100;
	setTimeout('fadeOut()', 5);
  }
  else opac2=0;
}

function hideAllLayers(){
	document.getElementById('divTopimageLayer').style.display = "none";
	document.getElementById('divKolomLinksLayer').style.display = "none";
	document.getElementById('divKolomMidLayer').style.display = "none";
	document.getElementById('divKolomRechtsLayer').style.display = "none";
	document.getElementById('divTopimage').style.display="none";
	document.getElementById('divKolomLinks').style.display="none";
	document.getElementById('divKolomMid').style.display="none";
	document.getElementById('divKolomRechts').style.display="none";
}

function getParam(url, xArg ) {
//URL inladen en opsplitsen in verschillende multilevel arrays.
var mainURL = url;

if (url.indexOf('?') > -1) {
var URLparts = mainURL.split('?');
var Arguments = URLparts[1].split('&');
var pair;
//voor elke element in array Arguments ...
for (i=0;i<Arguments.length;i++) {
  //create nieuwe array in array Arguments. 
  //Deze array zal elke keer maar uit twee elementen betalen nl. deel voor '=' en het deel na '='
  pair = Arguments[i].split('='); 
//Als deel 1 van array pair gelijk is aan waarde van xArg dan return deel 2 van array pair
  if (pair[0]==xArg) { 
    return (pair[1]); 
  }
}
}
else {
//Indien niet gelijk return null (parameter bestaat niet in URL)
return (null);
}
}

function changeBoxImage(status){
	var a = 0;
	var b = 0;
	var c = 0;

	switch(boxImageType) {
		case 1: //3 Vaste images Voorbeeld: 1-1-1
			break;
		case 2: //3 Random Images Voorbeeld: 2-2-3 OF 3-3-2
			a = randomBoxImage(status, 1);
			b = randomBoxImage(status, 2);
			c = randomBoxImage(status, 3);
			break;
		case 3: // Vast Vast Random Voorbeeld: 1-1-2 OF 1-1-3
			c = randomBoxImage(status, 3);
			break;
		case 4: // Vast Random Random Voorbeeld: 1-2-3 OF 1-3-2
			b = randomBoxImage(status, 2);
			c = randomBoxImage(status, 3);
			break;
		case 5: // Vast Random Vast Voorbeeld: 1-2-1 OF 1-3-1
			b = randomBoxImage(status, 2);
			break;
		case 6: // Random Vast Vast Voorbeeld: 2-1-1 OF 3-1-1
			a = randomBoxImage(status, 1);
			break;
		case 7: // Random Random Vast Voorbeeld: 2-3-1 OF 3-2-1
			a = randomBoxImage(status, 1);
			b = randomBoxImage(status, 2);
			break;
		case 8: // Random Vast Random Voorbeeld: 2-1-3 OF 3-1-2
			a = randomBoxImage(status, 1);
			c = randomBoxImage(status, 3);
			break;
		case 9: // Random Random Random (per paar) Voorbeeld: 2-2-2 OF 3-3-3
			a = randomBoxImage(status, 1);
			b = a;
			c = a;
			break;
		case 10: // Random Random Vast (per paar) Voorbeeld: 2-2-1 OF 3-3-1
			a = randomBoxImage(status, 1);
			b = a;
			break;
		case 11: // Random Vast Random (per paar) Voorbeeld: 2-1-2 OF 3-1-3
			a = randomBoxImage(status, 1);
			c = a;
			break;
		case 12: // Vast Random Random (per paar) Voorbeeld: 1-2-2 OF 1-3-3
			b = randomBoxImage(status, 2);
			c = b;
			break;
	}
	
	boxImage[0] = tableLeftBoxImage[status][a];
	boxImage[1] = tableMiddleBoxImage[status][b];
	boxImage[2] = tableRightBoxImage[status][c];
	
	for(t=0;t<=2;t++) {
		if (boxImage[t] == "" || boxImage[t] == null) {
			boxImage[t] = "<img src='http://www.ing.jobs/xpedio/images/mult/199730_en.gif' align='right'>"; //Dummy Afbeelding (transparante gif) indien geen afbeelding voorzien.
		}
		else if (boxImage[t].indexOf(".swf") > -1) {
			var width = getParam(boxImage[t], "width");
			var height = getParam(boxImage[t], "height");
			var url = boxImage[t].split('?');
			boxImage[t] = "<object classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0' height='" + height + "' width='" + width + "'><param name='wmode' value='transparent'><param name='movie' value='" + url[0] + "'><param name='quality' value='high'><param name='allowScriptAccess' value='always'><embed height='" + height + "' pluginspage='http://www.macromedia.com/go/getflashplayer' src='" + url[0] + "' type='application/x-shockwave-flash' width='" + width + "' quality='high' allowScriptAccess='always' wmode='transparent'></embed></object>"; // Er is een afbeelding beschikbaar, maar het is WEL een flash
		}
		else {
			boxImage[t] = "<img src='" + boxImage[t] + "' align='right'>";  //Er is een afbeelding beschikbaar, maar het is GEEN flash			
		}
	}
	
	if (status == 0) {
		if (document.getElementById('imgRightBoxImage')) {
			document.getElementById('imgRightBoxImage').src = boxImage[2].substring(boxImage[2].indexOf("'")+1,boxImage[2].indexOf("'",15));
		}
		document.getElementById('imgLeftBoxImage').src = boxImage[0].substring(boxImage[0].indexOf("'")+1,boxImage[0].indexOf("'",15));
		document.getElementById('imgMiddleBoxImage').src = boxImage[1].substring(boxImage[1].indexOf("'")+1,boxImage[1].indexOf("'",15));
	}	
}

function randomBoxImage(status, box) {
	var nummer;
	switch(box) {
		case 1:
			nummer = Math.round(Math.random()*(tableLeftBoxImage[status].length-1));
			break;
		case 2:
			nummer = Math.round(Math.random()*(tableMiddleBoxImage[status].length-1));
			break;
		case 2:
			nummer = Math.round(Math.random()*(tableRightBoxImage[status].length-1));
			break;
	}
	return nummer;
}

function changeTopImage(status){
	var image,element,elementBis;
	
	switch(topImageType) {
		case 1: //Vaste Slogan + Vaste Image
			slogan = getSlogan(status,1);
			image = getImage(status, 1);
			break;
		case 2: // Random slogan + Random Image
			slogan = getSlogan(status,3);
			image = getImage(status, 2);
			break;
		case 3: // Random slogan + Vaste Image
			slogan = getSlogan(status,3);
			image = getImage(status, 1);
			break;
		case 4: // Vaste Slogan + Random Image
			slogan = getSlogan(status,1);
			image = getImage(status, 2);
			break;
		case 5: // Random slogan, aan de hand van slogan keuze tussen verschillende images
			element = Math.round(Math.random()*(tableSlogan[status].length-1));
			slogan = tableSlogan[status][element][0];
			image = getImage(status, 3, element);
			break;
		case 6: // Random Image, aan de hand van de image keuze tussen verschillende slogans
			element = Math.round(Math.random()*(tableImage[status].length-1));
			elementBis = Math.round(Math.random()*(tableImage[status][element].length-1));
			image = tableImage[status][element][elementBis];
			slogan = getSlogan(status,4, element);
			break;
		case 7: //Vaste Image + Slogan per maand
			slogan = getSlogan(status,2);
			image = getImage(status, 1);
			break;
		case 8: //Random Image + Slogan per maand
			slogan = getSlogan(status,2);
			image = getImage(status, 2);
			break;
	}
	preloadImages(image,slogan);
	
	if (status == 0) {
		document.getElementById('bgcell').style.backgroundImage = "url(" + image + ")";
		document.getElementById('imgMainSlogan').src = slogan;
	}
	else {
		return image;
	}
	
	
}

function getSlogan(status, type, element) {
	var imgSlogan;
	var datum = new Date();
	var maand = datum.getMonth();
	var element;
	
	switch(type) {
		case 1: //Fixed slogan per status
			imgSlogan = tableSlogan[status][0][0];
			break;
		case 2: //Maandelijkse slogan per status
			element = (maand) % tableSlogan[status][0].length;
			imgSlogan = tableSlogan[status][0][element];
			break;
		case 3: //Random slogan per status
			a = Math.round(Math.random()*(tableSlogan[status].length-1));
			b = Math.round(Math.random()*(tableSlogan[status][a].length-1));
			imgSlogan = tableSlogan[status][a][b];
			break;
		case 4:
			a = Math.round(Math.random()*(tableSlogan[status][element].length-1));
			imgSlogan = tableSlogan[status][element][a];
			break;
	}
	return imgSlogan;
}

function getImage(status, type, element) {
	var imgImage, a, b, c;
	
	switch(type) {
		case 1: //Vaste Image
			imgImage = tableImage[status][0][0];
		break;
		case 2: //Random Image
			if (mixAll == true) {
			c = Math.round(Math.random()*(tableImage.length-1));
			status = c;
			}
			a = Math.round(Math.random()*(tableImage[status].length-1));
			b = Math.round(Math.random()*(tableImage[status][a].length-1));
			imgImage = tableImage[status][a][b];
		break;
		case 3: //Random Image afhankelijk van slogan
			a = Math.round(Math.random()*(tableImage[status][element].length-1));
			imgImage = tableImage[status][element][a];
		break;
	}
	return imgImage;
}

function preloadImages(imgMain,slogan) {
	// Preload String
	var strHTML;

	//Add Main Image to preload string
	strHTML = "<img src='" + imgMain + "'>";
	// Add vacancy banner to preload string
	if (landCode=="NLD" || landCode=="BEL") strHTML = strHTML + "";
	else strHTML = strHTML + "<img src='http://www.ing.com/xpedio/images/mult/208181" + imgLang + ".jpg'>";
	// Add slogan image to preload string
	strHTML = strHTML + "<img src='" + slogan + "'>";
	//execute preload string by adding it to div <preload>
	document.getElementById('preload').innerHTML = strHTML;
}

function changeBannerCombo(site) {

checkBannerSWF();
	
	var strCombo;
	
	switch(site) {
	case "WholesaleBanking":
		strCombo = "<table width='100%' border='0' cellspacing='0' cellpadding='0' style='border-bottom:18px solid #FFFFFF;background-color:#EFF4FA;' valign='bottom'><tr><td width='100%'><table width='100%' height='100%' border='0' cellspacing='0' cellpadding='0'><tr><td align='left' height='100%' style='border: 0px solid #D9E0F0'><table width='100%' border='0' cellspacing='0' cellpadding='0'><tr>";
		break;
	case "ICSBEL":
		strCombo = "<table width='100%' border='0' cellspacing='0' cellpadding='0' style='border-bottom:18px solid #FFFFFF;background-color:#FFFFFF;' valign='bottom'><tr><td width='100%'><table width='100%' height='130' border='0' cellspacing='0' cellpadding='0'><tr><td align='left' height='100%' style='background: url(\"/xpedio/images/mult/427479_EN.jpg\") top left repeat-x;padding-top:5px;'><table width='100%' border='0' cellspacing='0' cellpadding='0'><tr>";
		break;
	default:
		strCombo = "<table width='100%' border='0' cellspacing='0' cellpadding='0' style='border-bottom:18px solid #FFFFFF;background-color:#EFF4FA;' valign='bottom'><tr><td style='border-right:18px solid #FFFFFF;' width='100%'><table width='100%' height='100%' border='0' cellspacing='0' cellpadding='0'><tr><td align='left' height='100%' style='border: 1px solid #D9E0F0'><table width='100%' border='0' cellspacing='0' cellpadding='0'><tr>";
		break;
	}	
	
	switch(bnrCombo)
	{
		case 1:
			strCombo = strCombo + "<td align='center' style='border-right:4px solid #EFF4FA;'>" + tblBannersConv[0] + "</td>";
			break;
		case 2:
			strCombo = strCombo + "<td align='center' style='border-right:4px solid #EFF4FA;'>" + tblBannersConv[0] + "</td><td align='center' style='border-right:4px solid #EFF4FA;'>" + tblBannersConv[1] + "</td>";
			break;
		case 3:
			strCombo = strCombo + "<td align='center' style='border-right:4px solid #EFF4FA;'>" + tblBannersConv[0] + "</td><td align='center' style='border-right:4px solid #EFF4FA;'>" + tblBannersConv[1] + "</td><td align='center'>" + tblBannersConv[2] + "</td>";
			break;
		case 4:
			strCombo = strCombo + "<td align='center' style='border-right:4px solid #EFF4FA;'>" + tblBannersConv[0] + "</td><td align='center' style='border-right:18px solid #EFF4FA;'>" + tblBannersConv[1] + "</td><td align='center' style='border-right:4px solid #EFF4FA;'>" + tblBannersConv[2] + "</td><td align='center'>" + tblBannersConv[3] +  "</td>";
			break;
		case 5:
			strCombo = strCombo + "<td align='center' style='border-right:4px solid #EFF4FA;'>" + tblBannersConv[0] + "</td><td align='center' style='border-right:18px solid #EFF4FA;'>" + tblBannersConv[1] + "</td><td align='center'>" + tblBannersConv[2] + "</td><td align='center'></td>";
			break;
		case 6:
			switch(site) {
			case "WholesaleBanking":
				strCombo = strCombo + "<td align='center'></td><td align='center' style='border-right:6px solid #FFFFFF;'>" + tblBannersConv[0] + "</td><td align='center'>" + tblBannersConv[1] + "</td><td align='center'></td>";
				break;
			default:
			strCombo = strCombo + "<td align='center'></td><td align='center' style='border-right:18px solid #EFF4FA;'>" + tblBannersConv[0] + "</td><td align='center'>" + tblBannersConv[1] + "</td><td align='center'></td>";
			break;
			}
			break;
		case 7:
			strCombo = strCombo + "<td align='center'></td><td align='center' style='border-right:18px solid #EFF4FA;'>" + tblBannersConv[0] + "</td><td align='center' style='border-right:4px solid #EFF4FA;'>" + tblBannersConv[1] + "</td><td align='center'>" + tblBannersConv[2] + "</td>";
			break;
		case 8:
			strCombo = strCombo + "<td align='center' style='border-right:4px solid #EFF4FA;'>" + tblBannersConv[0] + "</td><td align='center' style='border-right:18px solid #EFF4FA;'>" + tblBannersConv[1] + "</td><td align='center' style='vertical-align:middle;'><table width='224' height='100%' border='0' cellspacing='0'><tr><td height='100%' class='bannertekst'>" + tblBannersConv[2] + "</td></tr></table></td><td align='center'></td>";
			break;
		case 9:
			strCombo = strCombo + "<td align='center'></td><td align='center' style='border-right:18px solid #EFF4FA;vertical-align:middle;'><table width='224' height='100%' border='0' cellspacing='0'><tr><td height='100%' class='bannertekst'>" + tblBannersConv[0] + "</td></tr></table></td><td align='center' style='border-right:4px solid #EFF4FA;'>" + tblBannersConv[1] +  "</td><td align='center'>" + tblBannersConv[2] + "</td>";
			break;
		case 10:
		switch(site) {
			case "ICSBEL":
				strCombo = strCombo + "<td align='center' width='0'>&nbsp;</td><td align='left' width='auto' style='padding-left:20px;padding-right:15px;'>" + tblBannersConv[0] +  "</td><td align='left' width='auto' style='vertical-align:top;padding:5px;padding-top:0px;padding-right:18px;'><table cellspacing='0' class='bannertekst'><tr><td height='100%'>" + tblBannersConv[1] + "</td></tr></table></td><td align='center' width='0'>&nbsp;</td>"
				break;
			default:
			strCombo = strCombo + "<td align='center' width='0'>&nbsp;</td><td align='right' width='50%' style='border-right:9px solid #EFF4FA;'>" + tblBannersConv[0] +  "</td><td align='left' width='50%' style='border-left:9px solid #EFF4FA;vertical-align:middle;'><table cellspacing='0' class='bannertekst'><tr><td height='100%'>" + tblBannersConv[1] + "</td></tr></table></td><td align='center' width='0'>&nbsp;</td>";
			break;
			}
			break;
		case 11:
			strCombo = strCombo + "<td align='center'></td><td align='center' style='border-right:18px solid #EFF4FA;vertical-align:middle;'><table border='0' cellspacing='0'><tr><td height='100%' class='bannertekst'>" + tblBannersConv[0] + "</td></tr></table></td><td align='center'>" + tblBannersConv[1] + "</td><td align='center'></td>";
			break;
		case 12:
			strCombo = strCombo + "<td align='center' width='25%'>" + tblBannersConv[0] + "</a></td><td align='center' width='25%' style='border-right:18px solid #EFF4FA;vertical-align:middle;'><table border='0' cellspacing='0'><tr><td height='100%' class='bannertekst'>" + tblBannersConv[1] + "</td></tr></table></td><td align='center' width='25%'>" + tblBannersConv[2] + "</td><td align='center' width='25%'><table border='0' cellspacing='0'><tr><td height='100%' class='bannertekst'>" + tblBannersConv[3] +  "</td></tr></table></td>";
			break;
	}
	
	switch(site) {
	case "WholesaleBanking":
		strCombo = strCombo + "</tr></table></td></tr></table></td>";
		break;
		
	case "ICSBEL":
		var arrSocialNetworks = new Array();
		var strSNHTML = "";
		var strLinkedInDiv = "";
		
		strCombo = strCombo.replace("border-right:4px solid #EFF4FA;",""); //Delete borders on the right (for Belgium only)
		strCombo = strCombo.replace("border-right:18px solid #EFF4FA;",""); //Delete borders on the right (for Belgium only)
		

		for (i=1;i<arrXMLObjects.length;i++) {
			arrSocialNetworks[i-1] = "<img src='" + arrXMLObjects[i].iconURL + "' alt='" + arrXMLObjects[i].alt + "'";
			if (arrXMLObjects[i].name == "LinkedIn") {
				arrSocialNetworks[i-1] += " onMouseOver='document.getElementById(\"linkedIn\").style.visibility=\"visible\";this.style.cursor=\"pointer\";' onMouseOut='this.style.cursor=\"default\"'>";
				var url2 = arrXMLObjects[i].url2;
				strLinkedInDiv = "<div id='linkedIn' style='visibility:hidden;'><a href='" + arrXMLObjects[i].url + "' target='_blank'>" + arrXMLObjects[i].label1 + "</a> | <a onMouseOver='this.style.cursor=\"pointer\";' onMouseOut='this.style.cursor=\"default\"' onClick='" + url2 + "'>" + arrXMLObjects[i].label2 + "</a></div>";
			}
			else {
				arrSocialNetworks[i-1] += "onMouseOver='document.getElementById(\"linkedIn\").style.visibility=\"hidden\";this.style.cursor=\"pointer\";' onMouseOut='this.style.cursor=\"default\"' onClick='window.open(\"" + arrXMLObjects[i].url + "\",\"_blank\");'>";
			}
			strSNHTML += arrSocialNetworks[i-1];
		}
		strSNHTML += strLinkedInDiv;
		
		strCombo = strCombo + "</tr></table></td></tr></table></td><td width='240' valign='top' style='background: url(\"/xpedio/images/mult/427479_NL.jpg\") top left no-repeat;'><table width='240' height='100%' border='0' cellpadding='0' cellspacing='0'><tr><td align='left' height='100%'><div id='DWBDR' style='display:block;position:relative;margin-top:3px;margin-left:13px;width:210px;height:56px;text-align:center;'><img src='" + imgDWBDR + "'></div><div id='socialNetworks' style='text-align:right;display:block;position:relative;margin-bottom:3px;margin-right:5px;width:100%;height:auto;'><table border='0' cellpadding='0' cellspacing='5' style='width:auto;height:65px'><tr><td style='vertical-align:bottom;text-align:right;'><span class='text'>" + splitXMLLang(arrXMLObjects[0]) + "</span>" + strSNHTML + "</td></tr></table></div></td></tr></table></td></tr></table>";
		
		break;

		
	default:
		strCombo = strCombo + "</tr></table></td></tr></table></td><td width='240' valign='bottom' style='border: 1px solid #D9E0F0; class='DWBDR'><table width='238' height='100%' border='0' cellpadding='0' cellspacing='0'><tr><td align='middle' valign='bottom'  height='100%'>" + tblBannersConv[4] + "</td></tr></table></td></tr></table>";
		break;
	}
	

	
	
document.getElementById('comboBanner').innerHTML = strCombo;
}

function callLinkedInFlashBox() {
	LinkedInFlashBox('','ING');
}

function strStartsWith(str, prefix) {
    return str.indexOf(prefix) === 0;
}

function checkBannerSWF() {
var i,t,id;
var tblBanners = new Array(5);
var tblBannerLinks = new Array(4);
var SWFheight=120;
var SWFwidth;

tblBanners[0] = banner1;
tblBanners[1] = banner2;
tblBanners[2] = banner3;
tblBanners[3] = banner4;
tblBanners[4] = imgDWBDR;


tblBannerLinks[0] = bnrLink1;
tblBannerLinks[1] = bnrLink2;
tblBannerLinks[2] = bnrLink3;
tblBannerLinks[3] = bnrLink4;

for (i=0;i<=4;i++) {
	if (tblBanners[i] != "") {
		if (tblBanners[i].indexOf(".swf") != -1) {
			if (tblBannerLinks[i]=="small") {
				SWFwidth=110;			  
			 }
			 else if (tblBannerLinks[i]=="large") {
				SWFwidth=224;			  
			 }
			
			var mainURL = tblBanners[i];
			if (typeof(window['bnrLinkedInSmall']) != "undefined" && typeof(window['bnrLinkedInLarge']) != "undefined") {
				if (tblBanners[i] == bnrLinkedInSmall || tblBanners[i] == bnrLinkedInLarge) {id = "linkedin";}
				else {id = "banner"+i;}
			}
			if (mainURL.indexOf('?') > -1) {
					var URLparts = mainURL.split('?');

					var Arguments = URLparts[1].split('&');
					for (t=0;t<Arguments.length;t++) {
					  var pair = Arguments[t].split('=');
					  if (pair[0]=="width") {SWFwidth = pair[1];}
					  else if (pair[0]=="height") {SWFheight = pair[1];}
					  else{}
				}				
			}
			tblBannersConv[i] = "<object classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0' height='" + SWFheight + "' width='" + SWFwidth + "' id='" + id + "' valign='bottom' wmode='transparent'><param name='wmode' value='transparent'><param name='movie' value='" + tblBanners[i] + "'><param name='quality' value='best'><param name='play' value='true'><param name='wmode' value='transparent'><embed height='" + SWFheight + "' pluginspage='http://www.macromedia.com/go/getflashplayer' src='" + tblBanners[i] + "' type='application/x-shockwave-flash' width='" + SWFwidth + "' quality='best' play='true' valign='bottom' wmode='transparent' id='" + id + "'></object>";
		}
		else if (tblBanners[i].indexOf(".gif") != -1 || tblBanners[i].indexOf(".jpg") != -1) {
			if(strStartsWith(tblBanners[i],"/xpedio") || strStartsWith(tblBanners[i],"http")) {
				if (i==4) tblBannersConv[i] = "<img src='" + tblBanners[i] + "' border='0'>";
				else tblBannersConv[i] = "<a href='" + tblBannerLinks[i] + "' class='noarrow'><img src='" + tblBanners[i] + "' border='0'></a>";
			}
			else tblBannersConv[i] = tblBanners[i];
		}
		else {
			tblBannersConv[i] = tblBanners[i];
		}
	}
	else {
	//Indien geen image, plaats een transparante dummy afbeelding
	tblBannersConv[i] = "<img src='" + "http://www.ing.com/xpedio/images/mult/199730_en.gif" + "' border='0'>";
	}
}
}



function showOf(splitTop, bgKleur, land){

	if (land=="BEL" && menuConversieRev[status] == "ITsubsite") {panelWidth = "245px";}
	else {panelWidth = "346px";}

	if (splitTop == true) {	
		strTop="<table border='0' cellspacing='0' cellpadding='0' width='100%'>";
		strTop=strTop + "<tr>";
		strTop=strTop + "<td id='bgcell' style='height:159;width:" + panelWidth + ";background-image:url(\"" + tableTop[0] + "\");'><img src='images/shim.gif' height='159' width='" + panelWidth + "'></td>";
		strTop=strTop + "<td bgcolor='#DEEAF6' style='padding-left:10px;'><br>";
		if ((tableTop[2]==""||tableTop[2]==null)) {}
		else strTop=strTop + "<span class='layerTitel'>" + tableTop[2] + "</span><br>";
		strTop=strTop + "<span class='layerContent'>" + tableTop[3] + "</span>";
		strTop=strTop + "<p>";
		for (x = 4; x < tableTop.length; x=x+2) {
			if ((tableTop[x]==""||tableTop[x]==null) && (tableTop[x+1]==""||tableTop[x+1]==null)) strTop=strTop + "";
			else strTop=strTop + "<a class='arrow' href='" + tableTop[x] + "'>" + tableTop[x+1] + "</a><br>";
		}
		strTop=strTop + "</p>";
		strTop=strTop + "</td>";
		strTop=strTop + "</tr>";
		strTop=strTop + "<tr>";
		strTop=strTop + "<td colspan='2' class='topimageoranje'><img src='" + tableTop[1] + "' align='left'></td>";
		strTop=strTop + "</tr>";
		strTop=strTop + "</table>";
	}
	else {
		strTop="<table border='0' cellspacing='0' cellpadding='0' width='100%'>"
		strTop = strTop + "<tr>";
		strTop = strTop + "<td height='159' id='bgcell' valign='top' style='background-image:url(" + tableTop[0] + ");'>";
		strTop = strTop + "</td>";
		strTop = strTop + "</tr>";
		strTop = strTop + "<tr> ";
		strTop = strTop + "<td class='topimageoranje'><img src='" + tableTop[1] + "' align='left'></td>";
		strTop = strTop + "</tr>";
		strTop = strTop + "</table>";        
	}
	
		for (i = 0; i <= 2; i++) {
		if (i==2) {
			if (blnSwitchBannerText == true) {
			strKolom[i]="<table cellpadding='0' cellspacing='0' border='0' width='240px;' height='182' bgcolor='#EEF3F9'><tr><td>";
			strKolom[i]=strKolom[i] + "<object classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0' width='238' height='92'>";
			strKolom[i]=strKolom[i] + "<param name='movie' value='" + blnSwitchBannerText + "'>";
			strKolom[i]=strKolom[i] + "<param name='quality' value='high'>";
			strKolom[i]=strKolom[i] + "<param name='LOOP' value='true'>";
			strKolom[i]=strKolom[i] + "<embed src='" + blnSwitchBannerText + "' quality='high' pluginspage='http://www.macromedia.com/go/getflashplayer' type='application/x-shockwave-flash' width='238' height='92' loop='true'></embed>";
			strKolom[i]=strKolom[i] + "</object>";
			strKolom[i]=strKolom[i] + "</td></tr></table>";
			}
			else {
			strKolom[i]="<table width='240' height='100%' border='0' cellspacing='0'>";
			fillKolom(i,land);
			}
		}
		else {
			strKolom[i]="<table width='100%' height='100%' border='0' cellspacing='0'>";
			fillKolom(i,land);
		}
	}

function fillKolom(i,land) {
		if (!window.textTitleColor) {textTitleColor = "";}
		if (!window.textColor) {textColor = "";}
		
		strKolom[i]=strKolom[i] + "<tr>";
		strKolom[i]=strKolom[i] + "<td class='titlecell' style='background-color:" + bgKleur + ";color:#" + textTitleColor + "' onClick='javascript:document.location=\""+ tableOther[i][4] +"\";'  onMouseOut=\"document.body.style.cursor='default';\" onMouseOver=\"document.body.style.cursor='hand';\">" + tableOther[i][0] + "</td>";
		strKolom[i]=strKolom[i] + "</tr>";
		strKolom[i]=strKolom[i] + "<tr>";
		strKolom[i]=strKolom[i] + "<td align='left' valign='top' class='celltekst' height='100%' id='column"+i+"'>";
		strKolom[i]=strKolom[i] + "<p><strong>" + tableOther[i][2] + "</strong></p>";
		strKolom[i]=strKolom[i] + "<p>";
		if (!window.blnAlignImageBottom)  {strKolom[i]=strKolom[i] +  "<div class='maindiv' style='color:#" + textColor + ";'>" + tableOther[i][3] + tableOther[i][1] + "</div>";}
		if (window.blnAlignImageBottom)  {strKolom[i]=strKolom[i] +  "<div class='maindiv' style='color:#" + textColor + ";background:url("+ tableOther[i][1] +") no-repeat bottom right;'>" + tableOther[i][3] + "</div>";}
		strKolom[i]=strKolom[i] + "</p>";
		strKolom[i]=strKolom[i] + "<p>";
		strKolom[i]=strKolom[i] + "<ul>";
		for (x = 4; x < tableOther[i].length; x=x+2) {
			if ((tableOther[i][x]==""||tableOther[i][x]==null) && (tableOther[i][x+1]==""||tableOther[i][x+1]==null)) strKolom[i]=strKolom[i] + "";
			else strKolom[i]=strKolom[i] + "<li><a class='arrow' href='" + tableOther[i][x] + "'>" + tableOther[i][x+1] + "</a></li>";
		}
		strKolom[i]=strKolom[i] + "</ul>";
		strKolom[i]=strKolom[i] + "</p>";
		strKolom[i]=strKolom[i] + "</td>";
		strKolom[i]=strKolom[i] + "</tr>";
		strKolom[i]=strKolom[i] + "</table>";
}
	
	//Hide alle layers

	hideAllLayers();
	if (land=="BEL" && menuConversieRev[status] == "ITsubsite") {
		document.getElementById('divQuickJobSearch').style.display = "none";
		document.getElementById('divQuickJobSearchLayer').style.display="none";
	}

	//Pas content layers aan + maak visible
	document.getElementById('divTopimageLayer').innerHTML = strTop;
	document.getElementById('divKolomLinksLayer').innerHTML = strKolom[0];
	document.getElementById('divKolomMidLayer').innerHTML = strKolom[1];
	document.getElementById('divKolomRechtsLayer').innerHTML = strKolom[2];
	
	if (land=="BEL" && menuConversieRev[status] == "ITsubsite") {
		document.getElementById('divQuickJobSearchLayer').innerHTML = strJobSearch;
		document.getElementById('divQuickJobSearchLayer').style.display="block";
	}

	document.getElementById('divKolomLinksLayer').style.display = "block";
	document.getElementById('divKolomMidLayer').style.display = "block";
	document.getElementById('divKolomRechtsLayer').style.display = "block";
	document.getElementById('divTopimageLayer').style.display = "block";
	fadeIn();
}

function hideOf(){

	//Hide alle layers
	hideAllLayers();
	
	//Toon alle basic layers
	document.getElementById('divKolomLinks').style.display = "block";
	document.getElementById('divKolomMid').style.display = "block";
	document.getElementById('divKolomRechts').style.display = "block";
	document.getElementById('divTopimage').style.display = "block";
}   

function changeButtonStyle(id) {
var i;
for (i=1; i<=(menuConversieRev.length-2); i++) {
	document.getElementById('snelmenu' + i).style.backgroundColor = "#eff4fa";
	document.getElementById('snelmenu' + i).style.backgroundImage = "url(http://www.ing.com/xpedio/images/mult/192054_en.gif)";
	document.getElementById('snelmenu' + i).style.backgroundPosition = "7px center";
}
if (id!=="snelmenu0") {
	document.getElementById(id).style.backgroundColor = "#cad5eb";
	document.getElementById(id).style.backgroundImage = "url(http://www.ing.com/xpedio/images/mult/192054_nl.gif)";
	document.getElementById(id).style.backgroundPosition = "7px center";
}
}

function addParam(param,menopt) {
var strURL;
var status = getArg("stat");
var status2 = getArg("menopt");
	if (status == null || status == -1 || status == "") {
		var existparam = document.location.href.indexOf('?');
		if (existparam == -1 || existparam == null) strURL = document.location.href + "?stat=" + param;
		else strURL = document.location.href + "&stat=" + param;
	}
	else {
		var oldLink = document.location.href;
		strURL = oldLink.replace(status,param);
	}
	
	if (status2 == null || status2 == -1 || status2 == "") {
		var existparam2 = strURL.indexOf('?');
		if (existparam2 == -1 || existparam2 == null) strURL = strURL + "?menopt=" + menopt;
		else strURL = strURL + "&menopt=" + menopt;
	}
	else {
		var oldLink = strURL;
		strURL = oldLink.replace(status2,menopt);
	}
	
	
changeURL(strURL);
}

function changeURL(url) {
document.location.href=url;
}

function changeButtonEvent(id) {
	document.getElementById(id).onclick = function() {document.location.search="?stat=nor"};
}

function LoadJobsJIDK(lang,page) {
	var elementNumber = 0;
	for (x=0; x< document.getElementsByTagName("td").length;x++) {
		if (document.getElementsByTagName("td")[x].getAttribute('id') == "column2") elementNumber = x;
	}
	var html = document.getElementsByTagName("td")[elementNumber].innerHTML;
	
	var strAddHtml = "";
	strAddHtml = strAddHtml + "<ul>";
	for (i=0;i<arrXML_JIDK.length;i++) {
		var o = arrXML_JIDK[i];
		if (o.lang == lang && o.target == page) {
			if (o.jobID == 0 && o.url != "Null") {
				strAddHtml = strAddHtml + "<li><a class='arrow' href='" + o.url + "'>" + o.jobName + "</a></li>";
			}
			else {
				strAddHtml = strAddHtml + "<li><a class='arrow' href='javascript:OpenDESv(\"ICSBEL_" + o.lang + "\",\"" + o.jobID + "\");'>" + o.jobName + "</a></li>";
			}
			
		}
	
	}
	strAddHtml = strAddHtml + "</ul>";
	document.getElementsByTagName("td")[elementNumber].innerHTML = html + strAddHtml;
}