var W3CDOM = (document.createElement && document.getElementsByTagName && document.getElementById);


// Replace file input box with a new designed one

function initFileUploads() {
	if (!W3CDOM) return;
	var fakeFileUpload = document.createElement('div');
	fakeFileUpload.className = 'fakefile';
	fakeFileUpload.appendChild(document.createElement('input'));
	var image = document.createElement('img');
	image.src='_img/button_voegtoe.gif';
	fakeFileUpload.appendChild(image);
	var x = document.getElementsByTagName('input');
	for (var i=0;i<x.length;i++) {
		if (x[i].type != 'file') continue;
		if (x[i].parentNode.className != 'fileinputs') continue;
		x[i].className = 'file hidden';
		var clone = fakeFileUpload.cloneNode(true);
		x[i].parentNode.appendChild(clone);
		x[i].relatedElement = clone.getElementsByTagName('input')[0];
		x[i].onchange = x[i].onmouseout = function () {
			this.relatedElement.value = this.value;
		}
	}
}

// Clear borders and background images from first or last list-items

function clearLines() {
	if (!W3CDOM) return;
	var x = document.getElementById('mainmenu');
	if (x)
	{
		var mainmenulistItems = x.getElementsByTagName('li');
		mainmenulistItems[0].style.background = 'none';
	}
	var teaserLists = getElementsByClassName('teaser-list');
	for (var i = 0; i < teaserLists.length; i++) {
  	var teaserListItems = teaserLists[i].getElementsByTagName('li');
		teaserListItems[teaserListItems.length-1].style.border = '0';
  }
}

function init() {
	initFileUploads();
	clearLines();
}



/*
	Developed by Robert Nyman, http://www.robertnyman.com
	Code/licensing: http://code.google.com/p/getelementsbyclassname/
*/	
var getElementsByClassName = function (className, tag, elm){
	if (document.getElementsByClassName) {
		getElementsByClassName = function (className, tag, elm) {
			elm = elm || document;
			var elements = elm.getElementsByClassName(className),
				nodeName = (tag)? new RegExp("\\b" + tag + "\\b", "i") : null,
				returnElements = [],
				current;
			for(var i=0, il=elements.length; i<il; i+=1){
				current = elements[i];
				if(!nodeName || nodeName.test(current.nodeName)) {
					returnElements.push(current);
				}
			}
			return returnElements;
		};
	}
	else if (document.evaluate) {
		getElementsByClassName = function (className, tag, elm) {
			tag = tag || "*";
			elm = elm || document;
			var classes = className.split(" "),
				classesToCheck = "",
				xhtmlNamespace = "http://www.w3.org/1999/xhtml",
				namespaceResolver = (document.documentElement.namespaceURI === xhtmlNamespace)? xhtmlNamespace : null,
				returnElements = [],
				elements,
				node;
			for(var j=0, jl=classes.length; j<jl; j+=1){
				classesToCheck += "[contains(concat(' ', @class, ' '), ' " + classes[j] + " ')]";
			}
			try	{
				elements = document.evaluate(".//" + tag + classesToCheck, elm, namespaceResolver, 0, null);
			}
			catch (e) {
				elements = document.evaluate(".//" + tag + classesToCheck, elm, null, 0, null);
			}
			while ((node = elements.iterateNext())) {
				returnElements.push(node);
			}
			return returnElements;
		};
	}
	else {
		getElementsByClassName = function (className, tag, elm) {
			tag = tag || "*";
			elm = elm || document;
			var classes = className.split(" "),
				classesToCheck = [],
				elements = (tag === "*" && elm.all)? elm.all : elm.getElementsByTagName(tag),
				current,
				returnElements = [],
				match;
			for(var k=0, kl=classes.length; k<kl; k+=1){
				classesToCheck.push(new RegExp("(^|\\s)" + classes[k] + "(\\s|$)"));
			}
			for(var l=0, ll=elements.length; l<ll; l+=1){
				current = elements[l];
				match = false;
				for(var m=0, ml=classesToCheck.length; m<ml; m+=1){
					match = classesToCheck[m].test(current.className);
					if (!match) {
						break;
					}
				}
				if (match) {
					returnElements.push(current);
				}
			}
			return returnElements;
		};
	}
	return getElementsByClassName(className, tag, elm);
};

/** Functies voor tabs **/

var tabsAreInitialized = false;

/* tabs function on */
function Tabs(ulId, divId, activeN){
	var UL,DIV,T = this;
	this.show = function(n){
		hideAll();
		getChildren(DIV)[n].style.display="block";
		var c = getChildren(UL);
		c[n].className="active"; //+(n==0?"activeL":((n==c.length-1)?"activeR":"activeC"));
	}
	function hideAll(){
		var ulc = getChildren(UL);
		var divc = getChildren(DIV);
		for(var i=0;i<ulc.length;i++){
			ulc[i].className="";
			divc[i].style.display="none";
		}
	}
	function getChildren(o){
		var arr=[], c = o.childNodes;
		for(var i=0;i<c.length;i++) if(c[i].tagName) arr.push(c[i]);
		return arr;
	}
	function init(){
		UL = document.getElementById(ulId);
		DIV = document.getElementById(divId);
		if(!UL || !DIV) return;
		var fix=0,i,li = getChildren(UL),w = Math.ceil(UL.offsetWidth/li.length), f = UL.offsetWidth%li.length;
		
		for(i=0;i<li.length;i++){
			li[i].onclick = new Function("this.tabs.show("+i+")");
			li[i].tabs = T;
			fix = (i==li.length-1)?f:0;
			if(f==0) fix+=1;
			// Geen schaling van de tabs nodig. Zit in css 
			//li[i].style.width=(w + fix)+"px";
		}
		T.show(activeN||0)
	}
	init();
}
function TabsNoResize(ulId, divId, activeN){
	var UL,DIV,T = this;
	this.show = function(n){
		hideAll();
		if (getChildren(DIV)[n])
		{
		  getChildren(DIV)[n].style.display="block";
		}
		var c = getChildren(UL);
		c[n].className="active";
	}
	function hideAll(){
		var ulc = getChildren(UL);
		var divc = getChildren(DIV);
		for(var i=0;i<ulc.length;i++){
			ulc[i].className="";
			if (divc[i])
			{
		    divc[i].style.display="none";
		  }
		}
	}
	function getChildren(o){
		var arr=[], c = o.childNodes;
		for(var i=0;i<c.length;i++) if(c[i].tagName) arr.push(c[i]);
		return arr;
	}
	function init(){
		UL = document.getElementById(ulId);
		DIV = document.getElementById(divId);
		if(!UL || !DIV) return;
		var fix=0,i,li = getChildren(UL);
		
		for(i=0;i<li.length;i++){
			li[i].onclick = new Function("this.tabs.show("+i+")");
			li[i].tabs = T;
		}
		T.show(activeN||0)
	}
	init();
}
/* tabs function off */
function showComment(id){
var react = document.getElementById(id);
if (react.style.display == "none") {react.style.display = "block"}
else {react.style.display = "none"}
}

/* init de tabs */
$(document).bind('ready', function() {
	new Tabs("tLinkTabs", "tLinkTabsContainer",0);
	new TabsNoResize("pLinkTabs", "pLinkTabsContainer",0);
	new TabsNoResize("tLite", "tLiteContainer",0);
	/* Initialization of the tabs is done */
	tabsAreInitialized = true;
});