/* ======================================================= */
/*

browserchecks

IS_MOZ
IS_IE
IS_SAFARI

IS_OPERA

IS_WIN
	VERSION_IS
IS_MAC
	IS_OSX

*/

if(navigator)
{
	user = navigator;
	IS_MOZ = (user.appName.toLowerCase().indexOf("netscape") != -1);
	IS_IE = (user.appName.toLowerCase().indexOf("internet") != -1);
	IS_SAFARI = (user.userAgent.toLowerCase().indexOf("safari") != -1);
	
	IS_OPERA = (user.appName.toLowerCase() == "opera");
	
	if(user.userAgent.indexOf("Opera")>-1)
	{
		IS_IE = false;
		IS_OPERA = true;
	}
	// browser version
	if (user.appVersion)
	{  // don't try to parseInt a string (NA = "")
		VERSION_IS = parseInt(user.appVersion);
		if (IS_IE)
		{  
			IS_IE55 = false;
			VERSION_IS = parseFloat(user.userAgent.split("MSIE")[1].split(";")[0]);
			if(VERSION_IS==5.5)
			{
				IS_IE55 = true;
			}
			VERSION_IS = parseInt(VERSION_IS)
		}
	}
	if (user.userAgent && user.appVersion)
	{
		agt = user.userAgent.toLowerCase();  
		IS_WIN = ((agt.indexOf("win") != -1) || (agt.indexOf("16bit") != -1));
		IS_MAC = (agt.indexOf("mac") != -1);
		
		IS_OSX = IS_MAC && (agt.indexOf("os x") != -1);
	}
}	
/* ======================================================= */

var STYLE = "";

if(IS_MAC && IS_SAFARI)
{
	STYLE +="select,input.typeText{font-family:'Lucida Grande';font-size:11px;}\n";
	STYLE +="input.typeText{font-size:10px;}\n";
}
if(IS_MAC && IS_IE)
{
	STYLE +="input.typeText{font-size:12px;}\n";
	//STYLE +="div.contentBlock,div.changeNetwerk div.contentContainer,tbody.programDetails div.contentContainer{overflow:visible;height:auto;}\n";
}
if(!(IS_WIN && IS_IE))
{
	STYLE +="ul.sitemap ul{display:block;padding-left:18px;background-position:35px 0px;}\n";
}




/* ======================================================= */

function getURLSelected(selectElm)
{
	if(selectElm[selectElm.selectedIndex].value.length)
	{
		document.location.href=selectElm[selectElm.selectedIndex].value;
	}
}

/* ======================================================= */

var preloadList = [];
var altTimeID

function initNav(id,altId)
{
	aList = document.getElementById(id).getElementsByTagName("a");
	for(var i=0; i<aList.length;i++)
	{
		var aElm = aList[i];
		var imgElm = aElm.getElementsByTagName("img")[0];
		if (!imgElm) return
		preloadIndex =  preloadList.length;
		preloadList[preloadIndex] = new Image();
		preloadList[preloadIndex].src = imgElm.src.replace(".gif","_hover.gif");
		
		if(altId && imgElm)
		{
			imgElm.altId = altId;
			imgElm.altText = imgElm.alt;
			imgElm.alt="";
		}
		if(aElm.className!="active")
		{
			aElm.onmouseover = function()
			{
				var imgElm = this.getElementsByTagName("img")[0];
				imgElm.src=imgElm.src.replace(".gif","_hover.gif");
				if(imgElm.altId) 
				{
					document.getElementById(imgElm.altId).innerHTML=imgElm.altText;
					clearTimeout(altTimeID);
					document.getElementById(imgElm.altId).style.visibility="visible";
				}
					
				this.onmouseout = function()
				{
					var imgElm = this.getElementsByTagName("img")[0];
					imgElm.src=imgElm.src.replace("_hover.gif",".gif");
					if(imgElm.altId) 
					{
						altTimeID = setTimeout("document.getElementById(\""+imgElm.altId+"\").style.visibility=\"hidden\"",300)
					}
				}
			}
		}
		else
		{
			imgElm.src=imgElm.src.replace(".gif","_hover.gif");
		}
	}
}

/* ------------------------------------------------------- */

// focus on the search box
function focusImg(inputElm)
{
	if(!inputElm.value.length)
	{
		var imgElm = inputElm.parentNode.getElementsByTagName("img")[0];
		imgElm.src=imgElm.src.replace(".gif","_hover.gif");
	}
	inputElm.onblur = function()
	{
		if(!this.value.length)
		{
			var imgElm = inputElm.parentNode.getElementsByTagName("img")[0];
			imgElm.src=imgElm.src.replace("_hover.gif",".gif");
		}
	}
}

/* ======================================================= */

function initSubNav(level1id,level2id,isProgram)
{
	var level1Elm = document.getElementById(level1id);
	var level2Elm = document.getElementById(level2id);

	if(level2Elm && level1Elm)
	{
		var level1DivList = level1Elm.getElementsByTagName("div");
		var level2DivList = level2Elm.getElementsByTagName("div");

		if(level2DivList.length && level1DivList.length)
		{
			
			if(level2DivList.length>1)
			{
				// set top/bottom level2 nav
				level2DivList[0].className="top"
				level2DivList[level2DivList.length-1].className="bottom"
			}
			else
			{
				// connect level2 nav
				level2DivList[0].className="nodeSingle"
			}
			
			if(!isProgram)
			{
				for(var i=0;i<level1DivList.length;i++)
				{
					level1Elm = level1DivList[i]
					
					if(level1Elm.className=="active")
					{
						level1Elm.className+=" dotted";
						level1AElm = level1Elm.getElementsByTagName("a")[0];
						level1AElm.innerHTML = "<strong>"+level1AElm.innerHTML+"</strong>"
						// position level2 nav
						if(i>=level2DivList.length-1){
							level2Elm = level2DivList[0];
							mTopCount = i-((level2DivList.length>1)?level2DivList.length-2:level2DivList.length-1);
							mTop = level2Elm.offsetHeight*mTopCount;
							level2Elm.style.marginTop=mTop+"px";
						}
						
						// connect level2 nav
						if(level2DivList.length>1)
						{
							if(i==0 || level2DivList.length==2)
							{
								level2Elm = level2DivList[0];
								level2Elm.className="nodeTop";
							}
							else
							{
								if(i<level2DivList.length-1)
								{
									level2Elm = level2DivList[i];
									level2Elm.className="node";
								}
								else
								{
									level2Elm = level2DivList[level2DivList.length-2];
									level2Elm.className="node";
								}
							}
						}
					}
				}
			}
			else
			{

				var mCount = Math.floor(level2DivList.length/2)-1
				var level1Elm = level1DivList[0];
				var level1AElm = level1Elm.getElementsByTagName("a")[0];
				var level2Elm = level2DivList[mCount];

				level2Elm.className="node";
				mTop = level1Elm.offsetHeight*mCount;
				level1Elm.style.marginTop=mTop+"px";
				level1Elm.className+=" dotted";
				level1AElm.innerHTML = "<strong>"+level1AElm.innerHTML+"</strong>"
			}
		}
	}
}

function concatElements()
{
	var arr = []
	
	for(var i=0;i<arguments.length;i++)
	{
		if(arguments[i].length)
		{
			elmList = arguments[i];
			for(var j=0;j<elmList.length;j++)
			{
				arr[arr.length] = elmList[j];
			}
		}
		else
		{
			arr[arr.length] = arguments[i];
		}
	}
	return arr;
}


var whisperDelay = 4000;
var whisperIndex;
var whisperList = [
	"Opleidingen op maat"
	];


function showWhisper()
{
	var whisperElm = document.getElementById("whisper");
	if(whisperElm)
	{
		if(whisperIndex>=whisperList.length) whisperIndex=0;
		whisperElm.innerHTML = whisperList[whisperIndex++];
		setTimeout("showWhisper()",whisperDelay);
	}
}

window.onload = function()
{
	var level1Elm = document.getElementById("level1Nav");
	var level2Elm = document.getElementById("level2Nav");

	if(!(IS_IE && IS_MAC))
	{
		var level1DivList = (level1Elm!=null) ? level1Elm.getElementsByTagName("div") : [];
		var level2DivList = (level2Elm!=null) ? level2Elm.getElementsByTagName("div") : [];

		var levelDivList = concatElements(level1DivList,level2DivList)
		
		for(var i=0;i<levelDivList.length;i++)
		{
			levelElm=levelDivList[i];
			if(levelElm.title)
			{
				titleDivElm = document.createElement('SPAN');
				titleDivElm.className = "navTitle";
				
				titleDivElm.innerHTML = levelElm.title;
				levelElm.title="";
				
				levelElm.style.position="relative";
				levelElm.appendChild(titleDivElm);
				
				titleDivElm.style.top = -titleDivElm.offsetHeight+"px";
				
				levelElm.onmouseover = function()
				{
					this.getElementsByTagName("span")[0].style.visibility="visible";
					this.onmouseout = function()
					{
						this.getElementsByTagName("span")[0].style.visibility="hidden";
					}
				}
			}
		}
	}
	
	whisperIndex = Math.floor(Math.random()*whisperList.length);
	showWhisper();
}