var intervalSpeed = 3;
var easing = 3;

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

// make a new class, useful for css
function addClass(element,value) 
{
	if (!element.className) 
	{
		element.className = value;
	}
	else 
	{
		newClassName = element.className;
		newClassName+= " ";
		newClassName+= value;
		element.className = newClassName;
	}
}

function agendaItem()
{
    if(!document.getElementsByTagName) return false;
    
    var divs = document.getElementsByTagName("div");
    for(var i=0; i<divs.length; i++)
    {
        if (divs[i].className.indexOf("agendaItem") == -1) continue;
        divs[i].oldClassName = divs[i].className;
      
        divs[i].onmouseover = function()
        {
        	addClass(this,"highlight");
        }
                
        divs[i].onmouseout = function() 
		    {
			     this.className = this.oldClassName;
		    }
        
        divs[i].onclick = function()
        {
          var img = this.getElementsByTagName("img")[0];
          var link = img.parentNode.getAttribute("href");
          window.location =  link;
        }
    }
}

function extensions()
{
    if(!document.getElementsByTagName) return false;
    
    var divs = document.getElementsByTagName("div");
    for(var i=0; i<divs.length; i++)
    {
        if (divs[i].className.indexOf("extension") == -1) continue;
        divs[i].oldClassName = divs[i].className;        
        
        divs[i].onmouseover = function()
        {
          addClass(this,"highlight");
        }
        
        divs[i].onmouseout = function() 
		    {
			     this.className = this.oldClassName;
		    }
        
        divs[i].onclick = function()
        {
          var h3 = this.getElementsByTagName("h3")[0];
          var link = h3.getElementsByTagName("a")[0].getAttribute("href");
          window.location =  link;
        }
    }
}

function ZoekBox() {
    return document.getElementById("search");
}

function UZoekt(blur) {
    zkInp = ZoekBox();
    if (zkInp == null)
        return;

    if (zkInp.value == "zoek met google...") {
        zkInp.value = "";
        return;
    }

    if (blur && zkInp.value == "") {

        zkInp.value = "zoek met google..."
        return;
    }
}

function CheckEnter(e) {

   if (window.event) {
        k = e.keyCode;
    } else {
        k = e.which;
    }
    if (k == 13) {
        Zoeken();
        return false;
    }
    return true;
}

function Zoeken() {
    zkInp = ZoekBox();
    
    if (zkInp == null)
        return;

    window.open(zoekUrl + "?q=" + zkInp.value, "_blank");
}

function searchBox()
{
	if(!document.getElementById) return false;
	if(!document.getElementById("searchSite")) return false;
	var searchSite = document.getElementById("searchSite");
	var inputField = searchSite.getElementsByTagName("input")[0];
	
	if (navigator.userAgent.toLowerCase().indexOf('safari') < 0  && document.getElementById )
	{
		var docHead = document.getElementsByTagName("head")[0];
		var cssNode = document.createElement('link');
		cssNode.type = 'text/css';
		cssNode.rel = 'stylesheet';
		cssNode.href = 'styles/search_box.css';
		cssNode.media = 'screen';
		docHead.appendChild(cssNode);
	}
	else
	{
		inputValue = inputField.getAttribute("value");
		inputField.setAttribute("type", "search");
		inputField.setAttribute("value", "");
		inputField.setAttribute("placeholder", inputValue);
		inputField.setAttribute("results", "5");
	}

	
	inputField.onfocus = function()
	{
		if (this.value == this.defaultValue)
		{
			this.value = "";
		}
	}
	inputField.onblur = function()
	{
		if(this.value == "")
		{
			this.value = this.defaultValue;
		}
	}
}

function ieNav()
{
	var navigation = document.getElementById("navigation");
	var listitems = navigation.getElementsByTagName("li");
	for (var i=0; i<listitems.length; i++ ) 
	{
		if (listitems[i].className.indexOf("here") != -1) continue;
		
		listitems[i].oldClassName = listitems[i].className
		listitems[i].onmouseover = function()
		{
			addClass(this,"hover");	
		}
		listitems[i].onmouseout = function()
		{
			this.className = this.oldClassName;
		}
	}
	
	var paras = document.getElementsByTagName("p");
	for (var i=0; i<paras.length; i++ ) 
	{
		if (paras[i].className.indexOf("button") == -1) continue;
		
		paras[i].oldClassName = paras[i].className
		paras[i].onmouseover = function()
		{
			addClass(this,"hover");	
		}
		paras[i].onmouseout = function()
		{
			this.className = this.oldClassName;
		}
	}
}

function changeHeight(elementID, final_y, interval)
{
	if(!document.getElementById) return false;
	if(!document.getElementById(elementID)) return false;
	
	var elem = document.getElementById(elementID);
	if (elem.movement)
	{
		clearTimeout(elem.movement);
	}
	if (!elem.style.height)
	{
		elem.style.height = final_y + "px";
	}
	var ypos = parseInt(elem.style.height);
	if (ypos == final_y)
	{
		return true;
	}
	if (ypos < final_y)
	{
		var dist = Math.ceil((final_y - ypos)/easing)
		ypos += dist;
	}
	if (ypos > final_y)
	{
		var dist = Math.ceil((ypos - final_y)/easing)
		ypos -= dist;
	}
	elem.style.height = ypos + "px";
	var repeat = "changeHeight('"+elementID+"', "+final_y+", "+interval+")";
	elem.movement = setTimeout(repeat,interval);
}

function checkIndexOf()
{
	if (!Array.indexOf) 
	{
		Array.prototype.indexOf = function (obj, start) 
		{
			for (var i = (start || 0); i < this.length; i++) 
			{
				if (this[i] == obj)
				{
					return i;
				}	
			}
		}
	}
}


addLoadEvent(agendaItem);
addLoadEvent(extensions);
addLoadEvent(searchBox);
addLoadEvent(ieNav);
addLoadEvent(checkIndexOf);