/* ADD LOAD EVENT */

function addLoadEvent(func)
{
	var oldonload = window.onload;
	if(typeof window.onload != 'function')
	{
		window.onload = func;
	}
	else
	{
		window.onload = function()
		{
			oldonload();
			func();
		}
	}
}



/* ADD CLASS */

function addClass(element,name)
{
	if(!element.className)
	{
		element.className = name;
	}
	else
	{
		element.className += " ";
		element.className += name;
	}
}



/* REMOVE CLASS NAME */

function removeClassName(objElement,strClass)
{
	// kijken of de class name bestaat
	if (objElement.className)
	{
		// class names in array stoppen
		var arrList = objElement.className.split(' ');
		// class name naar uppercase om te vergelijken
		var strClassUpper = strClass.toUpperCase();
		
		for (var i=0; i < arrList.length; i++)
		{
			// als er een class name instance bestaat verwijderen uit array
			if (arrList[i].toUpperCase() == strClassUpper)
			{
				arrList.splice(i, 1);
				i--;
			}
		}
		
		// oude classname vervangen door nieuwe
		objElement.className = arrList.join(' ');
	}
}



function highlightPage()
{
	// foutcontroles
	if (!document.getElementsByTagName) return false;
	if (!document.getElementById) return false;
	if (!document.getElementById("website_options")) return false;
	
	// variabelen ophalen
	var website_options = document.getElementById("website_options");
	var links = website_options.getElementsByTagName("a");
	
	// door links gaan
	for (var i=0; i<links.length; i++)
	{
		var link_url = links[i].getAttribute("href");
		var current_url = window.location.href;
		if (current_url.indexOf(link_url) != -1)
		{
			//links[i].className = "active";
		}
	}
	
	// undien geen id of parid geset -> home
	if (current_url.indexOf("?id") == -1 && current_url.indexOf("?parid") == -1 && current_url.indexOf("sitemap.php") == -1 && current_url.indexOf("search.php") == -1)
	{
		//links[0].className = "active";
	}
}



/* PREPARE GALLERIJ PAGES */

function prepareGallerijPages()
{
	if(!document.getElementsByTagName) return false;
	if(!document.getElementById) return false;
	if(!document.getElementById("gallerij_pages")) return false;
	
	var gallerij_pages = document.getElementById("gallerij_pages");
	var gallerij_pages_links = gallerij_pages.getElementsByTagName("a");
	
	for(var i=0; i < gallerij_pages_links.length; i++)
	{
		gallerij_pages_links[i].onclick = function()
		{
			return showGallerijPages(this);
		}
		gallerij_pages_links[i].onfocus = function()
		{
			if(this.blur)
			{
				this.blur()
			}
		};
		gallerij_pages_links[i].onkeypress = gallerij_pages_links[i].onclick;
	}
}



/* SHOW GALLERIJ PAGES */

function showGallerijPages(foto)
{
	if(!document.getElementById("placeholder")) return true;
	
	var source = foto.getAttribute("href");
	var placeholder = document.getElementById("placeholder");
	
	placeholder.setAttribute("src",source);
	
	checkGallerijPagesActive();
	
	return false;
}



/* SET GALLERIJ PAGES ACTIVE */

function setGallerijPagesActive()
{
	if(!document.getElementById("placeholder")) return false;
	
	var placeholder = document.getElementById("placeholder");
	var placeholder_source = placeholder.getAttribute("src");
	var div_navi = document.getElementById("gallerij_pages_navi");
	var div_navi_links = div_navi.getElementsByTagName("a");
	
	for(var i=0; i < div_navi_links.length; i++)
	{
		var div_navi_link = div_navi_links[i];
		var div_navi_href = div_navi_link.getAttribute("href");
		
		if (div_navi_href == placeholder_source)
		{
			addClass(div_navi_link,"active");
		}
	}
}



/* PREPARE CHECK GALLERIJ PAGES ACTIVE */

function checkGallerijPagesActive()
{
	if(!document.getElementById("placeholder")) return false;
	
	var placeholder = document.getElementById("placeholder");
	var placeholder_source = placeholder.getAttribute("src");
	var div_navi = document.getElementById("gallerij_pages_navi");
	var div_navi_links = div_navi.getElementsByTagName("a");
	
	for(var i=0; i < div_navi_links.length; i++)
	{
		var div_navi_link = div_navi_links[i];
		var div_navi_href = div_navi_link.getAttribute("href");
		
		if ((div_navi_href == placeholder_source) && (div_navi_link.className.indexOf("active") != 1))
		{
			addClass(div_navi_link,"active");
		}
		else if (div_navi_href != placeholder_source)
		{
			removeClassName(div_navi_link,"active");
		}
	}
}



/* WINDOW LOAD */

addLoadEvent(highlightPage);
addLoadEvent(prepareGallerijPages);
addLoadEvent(setGallerijPagesActive);