/*********************************************************

Author:     Sander Tiekstra
Company:    Tiekstramedia
URL:        http://www.TiekstraMedia.nl

            MAIN JAVSCRIPT

*********************************************************/

// global scope
//var toggle = "off";

function setMainNav() {
	if (!document.getElementById("mainNav")) return;
	var mainNav = document.getElementById("mainNav");
	var Lis = mainNav.getElementsByTagName("LI");
	var As = mainNav.getElementsByTagName("A");
	
	for (i=0; i<Lis.length; i++) {

		// item met een submenu
		if (Lis[i].getElementsByTagName("LI").length > 0) {
			Lis[i].onmouseover = function() {
				this.className += " over";
				if (this.id == "") {
					if(document.getElementById("mainActive")) document.getElementById("mainActive").id = "mainActiveHidesub";
				}
			}
			Lis[i].onmouseout = function() {
				this.className = "";
				if (this.id == "") {
					if(document.getElementById("mainActiveHidesub")) document.getElementById("mainActiveHidesub").id = "mainActive";
				}
			}
		}

		// items zonder submenu (of items IN een submenu)

		else {

			if (Lis[i].getElementsByTagName("A")[0].className == 'direct') {
				Lis[i].onmouseover = function() {
					this.className += " over";
					if(document.getElementById("mainActive")) document.getElementById("mainActive").id = "mainActiveHidesub";
				}
				Lis[i].onmouseout = function() {
					this.className = "";
					if(document.getElementById("mainActiveHidesub")) document.getElementById("mainActiveHidesub").id = "mainActive";
				}
			}

		}

	}	

}

function mainNavReplacement() {
	//
	// replace 'Home', 'Boeken', 'Leerspellen', 'Atlassen', 'DVD's', 'Luisterboeken' and 'CD-rom's'.
	//
	if (document.getElementById("mainNav")) {
		var mainNav = document.getElementById("mainNav");
		var Strongs = mainNav.getElementsByTagName("STRONG");
		for (l=0; l<Strongs.length; l++) {	
			if (Strongs[l].firstChild.nodeValue == "Home") {
				Strongs[l].id = "mainHome";
			} else if (Strongs[l].firstChild.nodeValue == "Boeken") {
				Strongs[l].id = "mainBoeken";
			} else if (Strongs[l].firstChild.nodeValue == "Atlassen") {
				Strongs[l].id = "mainAtlassen";
			} else if (Strongs[l].firstChild.nodeValue == "Leerspellen") {
				Strongs[l].id = "mainLeerspellen";
			} else if (Strongs[l].firstChild.nodeValue == "DVD's") {
				Strongs[l].id = "mainDVDs";
			} else if (Strongs[l].firstChild.nodeValue == "Luisterboeken") {
				Strongs[l].id = "mainLuisterboeken";
			} else if (Strongs[l].firstChild.nodeValue == "Cd-rom's") {
				Strongs[l].id = "mainCDroms";
			}
		}
	}
	
	if (document.getElementById("subNav") && document.getElementById("bHome")) {
		
		var subNav = document.getElementById("subNav");
		var Strongs = subNav.getElementsByTagName("STRONG");
		for (m=0; m<Strongs.length; m++) {	
			if (Strongs[m].firstChild.nodeValue == "Boeken") {
				Strongs[m].id = "subBoeken";
			} else if (Strongs[m].firstChild.nodeValue == "Atlassen") {
				Strongs[m].id = "subAtlassen";
			} else if (Strongs[m].firstChild.nodeValue == "Leerspellen") {
				Strongs[m].id = "subLeerspellen";
			} else if (Strongs[m].firstChild.nodeValue == "DVD's") {
				Strongs[m].id = "subDVDs";
			} else if (Strongs[m].firstChild.nodeValue == "Luisterboeken") {
				Strongs[m].id = "subLuisterboeken";
			} else if (Strongs[m].firstChild.nodeValue == "Cd-rom's") {
				Strongs[m].id = "subCDroms";
			}
		}
	}
}

function setMainNavSubCentering() {
	if (!document.getElementById("mainNav")) return;
	var mainNav = document.getElementById("mainNav");
	var Lis = mainNav.getElementsByTagName("LI");	
	
	for (i=0; i<Lis.length; i++)
	{
		if (Lis[i].getElementsByTagName("UL").length > 0) {
			var subUl = Lis[i].getElementsByTagName("UL")[0];
			
			var subUlLis = subUl.getElementsByTagName("LI");

			var subUlLisWidth = 0;
			for (j=0; j<subUlLis.length; j++)
			{
				subUlLis[j].style.width = subUlLis[j].offsetWidth + "px";
				subUlLisWidth += subUlLis[j].offsetWidth;
			}
			var center = Lis[i].offsetLeft + (Lis[i].offsetWidth/2);
			var paddingL = center - (subUlLisWidth / 2);
			if (paddingL < 20) {
				subUl.style.padding = "0 10px 0 20px";
				subUl.style.width = 940 - 10 - 20 + "px";
			} else if (center + (subUlLisWidth / 2) > 920) {
				paddingL = 920 - subUlLisWidth;
				subUl.style.padding = "0 10px 0 " + paddingL + "px";
				subUl.style.width = 940 - 10 - paddingL + "px";
			} else{
				subUl.style.padding = "0 10px 0 " + paddingL + "px";
				subUl.style.width = 940 - 10 - paddingL + "px";
			}
		}
	}
}

function subNav() {
	if (!document.getElementById("subNav")) return;
	var subNav = document.getElementById("subNav");
	var allLis = subNav.getElementsByTagName("LI");
	for (i=0; i<allLis.length; i++)
	{
		if (allLis[i].getElementsByTagName("UL").length>0)
		{
			for (j=0; j<allLis[i].getElementsByTagName("UL").length; j++)
			{
				if (allLis[i].getElementsByTagName("UL")[j].className == "open")
				{
					if (allLis[i].getElementsByTagName("SPAN").length > 0 && allLis[i].getElementsByTagName("SPAN")[0].className == "closed" || allLis[i].getElementsByTagName("SPAN")[0].className == "") {
							allLis[i].getElementsByTagName("SPAN")[0].className = "open";
						}
				} else {
					if (allLis[i].getElementsByTagName("SPAN").length > 0 && allLis[i].getElementsByTagName("SPAN")[0].className != "open" && allLis[i].getElementsByTagName("SPAN")[0].className == "") {
							allLis[i].getElementsByTagName("SPAN")[0].className = "closed";
					}
				}
			}
		}
	}
}

function setHeightContent() {
	if (!document.getElementById("page") || !document.getElementById("content") || !document.getElementById("footer")) return;
	var page =	document.getElementById("page");
	var content = document.getElementById("content");
	var footer = document.getElementById("footer");
	
	if (content.offsetHeight < page.offsetHeight - footer.offsetHeight)
	{
		content.style.height = page.offsetHeight - footer.offsetHeight + 35 + "px";
	}
}


<!--  Add the following snippet to your basic JavaScript file   -->
/* http://javascript.internet.com */
function addEvent(obj, type, fn) {
  if (obj.addEventListener) {
    obj.addEventListener(type, fn, false);
    EventCache.add(obj, type, fn);
  }
  else if (obj.attachEvent) {
    obj["e"+type+fn] = fn;
    obj[type+fn] = function() {obj["e"+type+fn](window.event);}
    obj.attachEvent("on"+type, obj[type+fn]);
    EventCache.add(obj, type, fn);
  }
  else {
    obj["on"+type] = obj["e"+type+fn];
  }
}

var EventCache = function(){
  var listEvents = [];
  return {
    listEvents : listEvents,
    add : function(node, sEventName, fHandler){
      listEvents.push(arguments);
    },
    flush : function(){
      var i, item;
      for(i = listEvents.length - 1; i >= 0; i = i - 1){
        item = listEvents[i];
        if(item[0].removeEventListener){
          item[0].removeEventListener(item[1], item[2], item[3]);
        };
        if(item[1].substring(0, 2) != "on"){
          item[1] = "on" + item[1];
        };
        if(item[0].detachEvent){
          item[0].detachEvent(item[1], item[2]);
        };
        item[0][item[1]] = null;
      };
    }
  };
}();

addEvent(window, 'unload', EventCache.flush);
//addEvent(window, 'onload', startUpAction);

var startUpFunction = window.onload;
window.onload = startUpAction;

function startUpAction()
{
  if(startUpFunction)
  {
    startUpFunction();
  }
  if (document.getElementsByTagName && document.getElementById)
	{
		alphaImg();
		mainNavReplacement();
		setMainNav();
		setMainNavSubCentering();
		setHeightContent();
		subNav();
		if(document.getElementsByTagName("iframe").length > 0)
		{
		  // Bugfix by digital-spirit
		  //placeIframe();
		  // /Bugfix by digital-spirit
	  }
	}
}


/*
function startPage() {
	if (document.getElementsByTagName && document.getElementById)
	{
		alphaImg();
		mainNavReplacement();
		setMainNav();
		setMainNavSubCentering();
		setHeightContent();
		subNav();
	}
}
*/

//window.onload = startPage;