
function mouseOverStates() {
	
	var trigger_blockleft = document.getElementById("blockleft");
	var trigger_blockcenter = document.getElementById("blockcenter");
	var trigger_blockright = document.getElementById("blockright");
	var body = document.getElementsByTagName("body")[0];
	var background = document.getElementById("blocks");
	
	trigger_blockleft.onmouseover = function(e) {
		var src = (e) ? e.target : window.event.srcElement;
		if (src.className == "visual") return;
		background.className = "left";
		trigger_blockleft.className = "mouseover";
		trigger_blockcenter.className = "mouseout";
		trigger_blockright.className = "mouseout";
	}
	trigger_blockcenter.onmouseover = function(e) {
		var src = (e) ? e.target : window.event.srcElement;
		if (src.className == "visual") return;
		background.className = "center";
		trigger_blockleft.className = "mouseout";
		trigger_blockcenter.className = "mouseover";
		trigger_blockright.className = "mouseout";		
	}
	trigger_blockright.onmouseover = function(e) {
		var src = (e) ? e.target : window.event.srcElement;
		if (src.className == "visual") return;
		background.className = "right";
		trigger_blockleft.className = "mouseout";
		trigger_blockcenter.className = "mouseout";
		trigger_blockright.className = "mouseover";
	}

	body.onmouseover = function(e) {
		var src = (e) ? e.target : window.event.srcElement;
		if (src.tagName == "BODY") {
			background.className = "";
			trigger_blockleft.className = "";
			trigger_blockcenter.className = "";
			trigger_blockright.className = "";
		}
	}

}
window.onload=function(){
	mouseOverStates();
	var lis = document.getElementById("blocks").getElementsByTagName("li");
	for (var i=0; i < lis.length; i++) {
		lis[i].onmouseover = function () {this.className = "over";}
		lis[i].onmouseout = function () {this.className = "";}
	}
	hideContactVlak();
}