var current = "";

window.onload = function() {
	var szNormal = 200, szSmall  = 75, szFull   = 575;

	var kwicks = $$("#kwicks li");
	var fx = new Fx.Elements(kwicks, {wait: false, duration: 700, onComplete: check_blocks});
	kwicks.each(function(kwick, i) {
		kwick.addEvent("mouseenter", function(event) {
			this.className = "hover";
			current = "";
			check_blocks();
			var o = {};
			o[i] = {width: [kwick.getStyle("width").toInt(), szFull]}
			kwicks.each(function(other, j) {
				if(i != j) {
					var w = other.getStyle("width").toInt();
					if(w != szSmall) o[j] = {width: [w, szSmall]};
				}
			});
			current = this.getAttribute("id");
			fx.start(o);
		});
		kwick.addEvent("mouseleave", function() { this.className = ""; });
	});
	
	 
	$("kwicks").addEvent("mouseleave", function(event) {
		$("kwicks").className = "";
		current = "";
		check_blocks();
		var o = {};
		kwicks.each(function(kwick, i) {
			o[i] = {width: [kwick.getStyle("width").toInt(), szNormal]}
		});
		fx.start(o);
	})
}

function check_blocks() {
	if (current == "our_house") {
		$('house_images').style.display='inline';
		$('our_tools').style.display='none';
		$('directions').style.display='none';
		$('culture').style.display='none'
		var myFx = new Fx.Style('house_images', 'opacity').start(0,1);
		var myFx = new Fx.Style('our_tools', 'opacity').set(0);
		var myFx = new Fx.Style('directions', 'opacity').set(0);
		var myFx = new Fx.Style('culture', 'opacity').set(0);
	} else if (current == "how_we_do_it") {
		$('our_tools').style.display='inline';
		$('house_images').style.display='none';
		$('directions').style.display='none';
		$('culture').style.display='none'
		var myFx = new Fx.Style('house_images', 'opacity').set(0);
		var myFx = new Fx.Style('directions', 'opacity').set(0);
		var myFx = new Fx.Style('our_tools', 'opacity').set(1);
		var myFx = new Fx.Style('culture', 'opacity').set(0);
	} else if (current == "what_we_do") {
		$('our_tools').style.display='none';
		$('house_images').style.display='none';
		$('directions').style.display='inline';
		$('culture').style.display='none'
		var myFx = new Fx.Style('house_images', 'opacity').set(0);
		var myFx = new Fx.Style('our_tools', 'opacity').set(0);
		var myFx = new Fx.Style('directions', 'opacity').set(1);
		var myFx = new Fx.Style('culture', 'opacity').set(0);
	} else if (current == "what_defines_us") {
		$('our_tools').style.display='none';
		$('house_images').style.display='none';
		$('directions').style.display='none';
		$('culture').style.display='inline'
		var myFx = new Fx.Style('house_images', 'opacity').set(0);
		var myFx = new Fx.Style('our_tools', 'opacity').set(0);
		var myFx = new Fx.Style('directions', 'opacity').set(0);
		var myFx = new Fx.Style('culture', 'opacity').set(1);
	} else {
		var myFx = new Fx.Style('house_images', 'opacity').set(0);
		var myFx = new Fx.Style('our_tools', 'opacity').set(0);
		var myFx = new Fx.Style('directions', 'opacity').set(0);
		var myFx = new Fx.Style('culture', 'opacity').set(0);
		$('house_images').style.display='none';
		$('our_tools').style.display='none';
		$('directions').style.display='none';
		$('culture').style.display='none'
	}
}