// JavaScript Document
// Author: Webheads Solutions, Simon Harte
// Last update: 30.06.2010

$(document).ready(function(){
	
	$('.opacspace').css('opacity', 0.15);
	$('.left').css('opacity', 0.15);
	$('.right').css('opacity', 0);
	$('.tableopac').css('opacity', 0.15);
	$('.subnav_overlay').css('opacity',0.15);
	$('div.selected').css('opacity',1);
	$('a.selected').css('color','black');
	$('#cats a:not(.selected)')
		.bind('mouseover', function(){
			var t = this;
			var p = t.parentNode;
			var s = $(p).children()[1];
			var o = $(p).children()[3];
			$(s).stop(true).animate({opacity:1}, 300);
			$(o).stop(true).animate({opacity:1}, 300);
			$(t).stop(true).animate({color:'black'}, 300);
		})
		.bind('mouseout', function(){
			var t = this;
			var p = t.parentNode;
			var s = $(p).children()[1];
			var o = $(p).children()[3];
			$(s).stop(true).animate({opacity:0.15}, 300);
			$(o).stop(true).animate({opacity:0}, 300);
			$(t).stop(true).animate({color:'white'}, 300);
		});
	
});