// Rollover functies Tab blocken op homepage
function showBlockLeft(e) {
	//zoek het element waar de event vandaan kwam: is de betreffende tab
	if(window.event){
		var target = window.event.srcElement;
	} else {
		var target = e.target;
	}

	var targetSrc = target.id;
	
	hideAllBlocksLeft();
	
	//Show Blocks en set rolloverstate target tab
	if(targetSrc=="btn_one") {
		document.getElementById('blockHome01').style.display = "block";
		document.getElementById('btn_one').className = 'over';
	} else if (targetSrc=="btn_two")  {
		document.getElementById('blockHome02').style.display = "block";
		document.getElementById('btn_two').className = "over";
	} else if (targetSrc=="btn_three")  {
		document.getElementById('blockHome03').style.display = "block";
		document.getElementById('btn_three').className = "over";
	} else if (targetSrc=="btn_four")  {
		document.getElementById('blockHome04').style.display = "block";
		document.getElementById('btn_four').className = "over";
}
}

function showBlockRight(e) {
	//zoek het element waar de event vandaan kwam: is de betreffende tab
	if(window.event){
		var target = window.event.srcElement;
	} else {
		var target = e.target;
	}

	var targetSrc = target.id;
	
	hideAllBlocksRight();
	
	//Show Blocks en set rolloverstate target tab		
	if (targetSrc=="btn_11") {
		document.getElementById('blockHome11').style.display = "block";
		document.getElementById('btn_11').className = "over";
	} else if (targetSrc=="btn_12") {
		document.getElementById('blockHome12').style.display = "block";
		document.getElementById('btn_12').className = "over";
	} else if (targetSrc=="btn_13") {
		document.getElementById('blockHome13').style.display = "block";
		document.getElementById('btn_13').className = "over";
	} else if (targetSrc=="btn_14") {
		document.getElementById('blockHome14').style.display = "block";
		document.getElementById('btn_14').className = "over";
	} else if (targetSrc=="btn_15") {
		document.getElementById('blockHome15').style.display = "block";
		document.getElementById('btn_15').className = "over";
	} else if (targetSrc=="btn_16") {
		document.getElementById('blockHome16').style.display = "block";
		document.getElementById('btn_16').className = "over";
	} else if (targetSrc=="btn_17") {
		document.getElementById('blockHome17').style.display = "block";
		document.getElementById('btn_17').className = "over";
	} else if (targetSrc=="btn_18") {
		document.getElementById('blockHome18').style.display = "block";
		document.getElementById('btn_18').className = "over";
	}
	
}

function hideAllBlocksLeft() {
	//Hide all blocks left column
	document.getElementById('blockHome01').style.display = "none";
	document.getElementById('blockHome02').style.display = "none";
	document.getElementById('blockHome03').style.display = "none";
	document.getElementById('blockHome04').style.display = "none";

	//Reset all classNames form tabs left column
	document.getElementById('btn_one').className = '';
	document.getElementById('btn_two').className = '';
	document.getElementById('btn_three').className = '';
	document.getElementById('btn_four').className = '';
	
}

function hideAllBlocksRight() {
	// Verberen blocken bij inladen pagina gebeurd in screen_homepage.css

	//Hide all blocks right column
	document.getElementById('blockHome11').style.display = "none";
	document.getElementById('blockHome12').style.display = "none";
	document.getElementById('blockHome13').style.display = "none";
	document.getElementById('blockHome14').style.display = "none";
	document.getElementById('blockHome15').style.display = "none";
	document.getElementById('blockHome16').style.display = "none";
	document.getElementById('blockHome17').style.display = "none";
	document.getElementById('blockHome18').style.display = "none";
	//Reset all classNames form tabs right column
	document.getElementById('btn_11').className = '';
	document.getElementById('btn_12').className = '';
	document.getElementById('btn_13').className = '';
	document.getElementById('btn_14').className = '';
	document.getElementById('btn_15').className = '';
	document.getElementById('btn_16').className = '';
	document.getElementById('btn_17').className = '';
	document.getElementById('btn_18').className = '';
	
}

function addListeners(e){


var item1 = document.getElementById('btn_one');
addEvent(item1, 'mouseover', showBlockLeft, false);

var item2 = document.getElementById('btn_two');
addEvent(item2, 'mouseover', showBlockLeft, false);

var item3 = document.getElementById('btn_three');
addEvent(item3, 'mouseover', showBlockLeft, false);

var item4 = document.getElementById('btn_four');
addEvent(item4, 'mouseover', showBlockLeft, false);

//--------------------------------------------
var item11 = document.getElementById('btn_11');
addEvent(item11, 'mouseover', showBlockRight, false);

var item12 = document.getElementById('btn_12');
addEvent(item12, 'mouseover', showBlockRight, false);

var item13 = document.getElementById('btn_13');
addEvent(item13, 'mouseover', showBlockRight, false);

var item14 = document.getElementById('btn_14');
addEvent(item14, 'mouseover', showBlockRight, false);

var item15 = document.getElementById('btn_15');
addEvent(item15, 'mouseover', showBlockRight, false);

var item16 = document.getElementById('btn_16');
addEvent(item16, 'mouseover', showBlockRight, false);

var item17 = document.getElementById('btn_17');
addEvent(item17, 'mouseover', showBlockRight, false);

var item18 = document.getElementById('btn_18');
addEvent(item18, 'mouseover', showBlockRight, false);
}

addEvent(window, 'load', addListeners, false);

function addEvent(elm, evType, fn, useCapture)
      // cross-browser event handling for IE5+, NS6+ and Mozilla/Gecko
      // By Scott Andrew
      {
        if (elm.addEventListener) {
          elm.addEventListener(evType, fn, useCapture); 
          return true; 
        } else if (elm.attachEvent) {
          var r = elm.attachEvent('on' + evType, fn); 
          return r; 
        } else {
          elm['on' + evType] = fn;
        }
      }