currentBgColors = new Array();
currentColors = new Array();
currentCatBgColors = new Array();
currentCatColors = new Array();
currentCatClasses = new Array();
currentProvImgs = new Array();
currentNFClasses = new Array();
checkAllStatus = true;				// Is themecheckbox ALL on






var infoTMTimer = new Array();


function mouseEventTheme(type, elNo, mouseOver)
{
	if(type == 0)
	{
		if(mouseOver == 1)
		{
			infoTMTimer[elNo] = setTimeout('topMenuMouseOverInfo(' + elNo + ')',100);
		}
		currentCatClasses[elNo] = document.getElementById('cat_' + elNo).className;
		document.getElementById('cat_' + elNo).className = 'bar_question_hover';
	}
	else
	{

		if(mouseOver == 1)
		{
			clearTimeout(infoTMTimer[elNo]);
		}
		if(document.getElementById('topMenuMouseOver') != undefined)
		{
			document.getElementById('topMenuMouseOver').style.display = 'none';
		}
		document.getElementById('cat_' + elNo).className = currentCatClasses[elNo];
	}
}




function topMenuMouseOverInfo(elNo)
{
	if(topMenuMouseOverArray[elNo] != undefined)
	{
		document.getElementById('topMenuMouseOver').style.display = '';
		document.getElementById('topMenuMouseOver').innerHTML = topMenuMouseOverArray[elNo];

	}
}


var topMenuMouseOverArray = new Array();


function handleTopMenuContents(url)
{
	var tmHttp = getHTTPObject();
	var divObj = document.getElementById('topMenu');

	if(divObj && tmHttp)
	{


		tmHttp.open("GET", rootDir + url, true);
		tmHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=UTF-8"); 
		tmHttp.setRequestHeader("If-Modified-Since", "Sat, 1 Jan 2000 00:00:00 GMT");
		tmHttp.onreadystatechange=function(){
								if (tmHttp.readyState==4  && tmHttp.status == 200)
								{

									topMenuMouseOverArray = new Array();
									retVal = tmHttp.responseText.split('[[]]');
									divObj.innerHTML = retVal[0];
									if(retVal[1] != undefined)
									{
										topMenuMouseOverArray = retVal[1].split('(())');
									}
								}
							};
		tmHttp.send(null);
	}


}


function mouseEventNumberForm(type, elNo)
{

	if(type == 0)
	{

		currentNFClasses[elNo] = document.getElementById(elNo).className;
		document.getElementById(elNo).className = 'numberform_hover';
	}
	else
	{

		document.getElementById(elNo).className = currentNFClasses[elNo];
	}
}


function mouseEventAnswers(type, elNo)
{
	var imgPrefix;
	if(type == 0)
	{


		currentBgColors[elNo] = document.getElementById('answer' + elNo).className;
		document.getElementById('answer' + elNo).className = 'eventFormMouseHighLight';


		imgPrefix = 'rollover.gif';
	}
	else
	{
		document.getElementById('answer' + elNo).className = currentBgColors[elNo];

		if(currentBgColors[elNo] == 'eventFormSelected')
		{
			imgPrefix = 'selectie.gif';
		}
		else
		{
			imgPrefix = 'wit.gif';
		}

	}
	var i = 0;

	while(document.getElementById('img_' + elNo + '_' + i) != undefined)
	{
		imgSrc = document.getElementById('img_' + elNo + '_' + i).src;
		imgSrc = imgSrc.split('_');
		imgSrc[imgSrc.length - 1] = imgPrefix;
		var finalImgSrc = '';
		for(j = 0;j<imgSrc.length;j++)
		{
			finalImgSrc += imgSrc[j];
			if(j != imgSrc.length - 1)
			{
				finalImgSrc += '_';
			}
		}
		document.getElementById('img_' + elNo + '_' + i).src = finalImgSrc; 
		i++;
	}
}

function mouseEventStartButton(type,elNo)
{
	if(type == 0)
	{
		document.getElementById('start_' + elNo).style.backgroundColor="#ff6600";
		document.getElementById('start_' + elNo).style.color="#000";
		document.getElementById('img_start_' + elNo).src="/images/punt38_rechts3_rollover.gif";
	}
	else
	{
		document.getElementById('start_' + elNo).style.backgroundColor="#005F9D";
		document.getElementById('start_' + elNo).style.color="#fff";
		document.getElementById('img_start_' + elNo).src="/images/punt38_rechts1_lichtblauw.gif"
	}
}


var bgImages = new Array();
function mouseEventInfo(elt,type)
{
	if(type == 0)
	{

		bgImages[elt.id] = elt.style.backgroundImage;
		label = getImageLabel(elt);
		elt.style.backgroundImage = "url('/images/" + label + "_rollover.gif')";
	}
	else if(type == 1)
	{
		elt.style.backgroundImage = bgImages[elt.id];
	}
}

function setMenuItem(el, type, itemType,id) // This is an old function, use: changeMenuImage()
{
	if(el.id == ('menuItemTD' + currentMenuItem)) // active
	{
		el.className = 'leftMenuItem_' + itemType + '_active';
		document.getElementById('leftMenuItem' + id).className = 'leftMenuItem_' + itemType + '_active';
	}
	else
	{
		if(type == 0) // rollover
		{
			el.className = 'leftMenuItem_' + itemType + '_rollover';
			document.getElementById('leftMenuItem' + id).className = 'leftMenuItem_' + itemType + '_rollover';
		}
		else // default
		{
			el.className = 'leftMenuItem_' + itemType;
			document.getElementById('leftMenuItem' + id).className = 'leftMenuItem_' + itemType;

		}
	}
}

function changeMenuImage(id, type)
{

	var imgAr = document.getElementById('leftMenuItem_img_' + id).src.split('_');

	
	
	if(currentMenuItem !== '' && currentMenuItem == id)	// active
	{
		imgExtension = '_f3';
	}
	else if(type == 0)		// rollover
	{
		imgExtension = '_f2';
	}
	else					// default
	{
		imgExtension = '';
	}
	
	fileName = '/images/leftMenu/' + (id + 1) + imgExtension + '_' + imgAr[imgAr.length - 1];
	//alert(fileName);
	document.getElementById('leftMenuItem_img_' + id).src = fileName;
}

function setTopMenuItem(el, color)
{
	changeBgColor(el, color);
}
function changeObject(el, color, newImage, linkEl, linkColor, longBannerEl)
{
	if(document.getElementById(longBannerEl) != undefined)
	{
//		changeBgColorById(longBannerEl, color);

//		newBannerImage = longBannerEl + '_image';
//		changeImageById(newBannerImage);		// rollover --> f3, normal --> f2

//		newBannerText = longBannerEl + '_text';
//		changeLinkStyle(newBannerText, linkColor);
	}
	changeBgColor(el, color);
	changeBgImage(el, newImage);
//	changeLinkStyle(linkEl, linkColor);
}
function changeImageById(newBannerImage)
{
	currentSource = document.getElementById(newBannerImage).src;
	currentSource = currentSource.split('_');
	identifier = currentSource[2];
	suffix = currentSource[3];
	if(suffix == 'f3.gif')
		suffix = 'f2.gif';
	else
		suffix = 'f3.gif';

	document.getElementById(newBannerImage).src = '/images/punt467_116_' + identifier + '_' + suffix;
}
function changeBgColor(el, color)	// el -> object reference (this)
{
	if(!color)
	{
		color = '#fff';
	}

	el.style.backgroundColor = color;
}
function changeBgColorById(el, color)
{
	if(!color)
	{
		color = '#fff';
	}

	document.getElementById(el).style.backgroundColor = color;
}
function changeBgImage(el, newImage)
{
	el.style.backgroundImage = 'url(/images/' + newImage + ')';
}
function changeLinkStyle(linkEl, linkColor)
{
	document.getElementById(linkEl).style.color = linkColor;
}

function changeTable(table1,table2)
{
	// table1 will be displayed
	document.getElementById(table1).style.display = '';

	// table2 will be hidden
	document.getElementById(table2).style.display = 'none';
}

function switchDisplay(table)
{
	if(document.getElementById(table).style.display == 'none')
	{
		document.getElementById(table).style.display = '';
		document.getElementById(table + 'Img').src = '/images/navigatie_min.gif';
	}
	else
	{
		document.getElementById(table).style.display = 'none';
		document.getElementById(table + 'Img').src = '/images/navigatie_plus.gif';
	}

}

function handleSelection(type,id,type2,newText)	// newText is the word that will be displayed in the top
{
	document.getElementById('position').innerHTML = newText;
}

var currentMenuColor = new Array();
var currentFontColor = new Array();
var currentBGImage = new Array();
function mouseOverMenu(mouseType,type,id,type2)
{
	if(mouseType == 0)
	{
		currentMenuColor[type + id] = document.getElementById(type + '_' + id).style.backgroundColor;
		currentFontColor[type + id] = document.getElementById(type + '_' + id).style.color;
		if(type2 != undefined)
		{
			document.getElementById(type + '_' +id + '_img').src = '/images/tab_rollover.gif';
		}
		document.getElementById(type + '_' + id).style.backgroundColor = '#004488';
	}
	else
	{
		if(type2 != undefined)
		{
			document.getElementById(type + '_' +id + '_img').src = '/images/tab_selectie.gif';
		}
		document.getElementById(type + '_' + id).style.color = currentFontColor[type + id];
		document.getElementById(type + '_' + id).style.backgroundColor = currentMenuColor[type + id];
	}
}

function handleTopMenu(id)
{
	var i = 1;
	logTopMenu(id);
	if(currentMenuColor['topMenu' + id] != '#993399')
	{
		if(id == 1 || id == 2 )
		{
			currentMenuColor['topMenu1'] = '#993399';
			currentMenuColor['topMenu2'] = '#D7AED7';
			currentFontColor['topMenu1'] = '#005F9D';
			currentFontColor['topMenu2'] = '#993399';
			currentMenuColor['topMenu3'] = '#abc7ec';
			currentMenuColor['topMenu4'] = '#abc7ec';

			currentFontColor['topMenu1'] = '#fff';
			currentFontColor['topMenu2'] = '#993399';
			currentFontColor['topMenu3'] = '#005F9D';
			currentFontColor['topMenu4'] = '#005F9D';
		}
		else if(id == 3)
		{
			currentMenuColor['topMenu1'] = '#993399';
			currentMenuColor['topMenu3'] = '#D7AED7';

			currentFontColor['topMenu1'] = '#fff';
			currentFontColor['topMenu2'] = '#005F9D';
            currentFontColor['topMenu3'] = '#993399';			
			currentFontColor['topMenu4'] = '#005F9D';

			currentMenuColor['topMenu2'] = '#abc7ec';
			currentMenuColor['topMenu4'] = '#abc7ec';

		}
		else //4
		{
            		
			currentFontColor['topMenu4'] = '#fff';
			currentFontColor['topMenu1'] = '#f00';
            			currentFontColor['topMenu2'] = '#abc7ec';
			currentFontColor['topMenu3'] = '#abc7ec';

			currentMenuColor['topMenu1'] = '#abc7ec';
			currentMenuColor['topMenu2'] = '#abc7ec';
			currentMenuColor['topMenu3'] = '#abc7ec';
            currentMenuColor['topMenu4'] = '#993399';

		}

		for(i = 1;i<=4;i++)
		{
			mouseOverTopMenu(1,'topMenu',i);
		}
	}
}

function mouseOverTopMenu(mouseType,type,id)
{
	if(mouseType == 0)
	{
		if((id == 1 || id == 2 || id == 3) && currentMenuColor[type + '4'] == '#993399')
		{
			document.getElementById(type + '_1').style.backgroundColor = '#99ff00';
			document.getElementById(type + '_2').style.backgroundColor = '#99ff00';
			document.getElementById(type + '_3').style.backgroundColor = '#99ff00';
			document.getElementById(type + '_2').style.color = '#99ff00';
			document.getElementById(type + '_3').style.color = '#99ff00';
		}
		else
		{
			currentMenuColor[type + id] = document.getElementById(type + '_' + id).style.backgroundColor;
			currentFontColor[type + id] = document.getElementById(type + '_' + id).style.color;
			document.getElementById(type + '_' + id).style.backgroundColor = '#99ff00';
		}
	}
	else
	{
		if((id == 1 || id == 2 || id == 3) && currentMenuColor[type + '4'] == '#993399')
		{
			document.getElementById(type + '_1').style.backgroundColor = '#abc7ec';
			document.getElementById(type + '_2').style.backgroundColor = '#abc7ec';
			document.getElementById(type + '_3').style.backgroundColor = '#abc7ec';
			document.getElementById(type + '_1').style.color = '#000';
            document.getElementById(type + '_2').style.color = '#abc7ec';
			document.getElementById(type + '_3').style.color = '#abc7ec';
		}
		else
		{
			document.getElementById(type + '_' + id).style.color = currentFontColor[type + id];
			document.getElementById(type + '_' + id).style.backgroundColor = currentMenuColor[type + id];
		}
	}
}

function showLogin()
{
	if(document.getElementById('loginForm').style.display == '')
	{
		document.getElementById('loginForm').style.display = 'none';
	}
	else
	{
		document.getElementById('loginForm').style.display = '';
		document.getElementById('userNameInput').focus();
	}
}