jQuery(document).ready(function(){
	jQuery(".tab:not(:first)").hide();

	//to fix u know who
	jQuery(".tab:first").show();
	
	jQuery(".htabs a").click(function(){
		stringref = jQuery(this).attr("href").split('#')[1];

		jQuery('.tab:not(#'+stringref+')').hide();

		if (jQuery.browser.msie && jQuery.browser.version.substr(0,3) == "6.0") {
			jQuery('.tab#' + stringref).show();
		}
		else 
			jQuery('.tab#' + stringref).fadeIn();
		return false;
	});
});

// For the fade transitions - 0, 150, 339, 474
$(function(){
	$('#what-title')
		.css( {backgroundPosition: "0 -49px"} )
		.mouseover(function(){
			$(this).stop().animate({backgroundPosition:"(0 0px)"}, {duration:500})
		})
		.mouseout(function(){
			$(this).stop().animate({backgroundPosition:"(0 -49px)"}, {duration:500})
		})
	$('#why-title')
		.css( {backgroundPosition: "-150px -49px"} )
		.mouseover(function(){
			$(this).stop().animate({backgroundPosition:"(-150px 0px)"}, {duration:500})
		})
		.mouseout(function(){
			$(this).stop().animate({backgroundPosition:"(-150px -49px)"}, {duration:500})
		})
	$('#blog-title')
		.css( {backgroundPosition: "-339px -49px"} )
		.mouseover(function(){
			$(this).stop().animate({backgroundPosition:"(-339px 0px)"}, {duration:500})
		})
		.mouseout(function(){
			$(this).stop().animate({backgroundPosition:"(-339px -49px)"}, {duration:500})
		})
	$('#contact-title')
		.css( {backgroundPosition: "-474px -49px"} )
		.mouseover(function(){
			$(this).stop().animate({backgroundPosition:"(-474px 0px)"}, {duration:500})
		})
		.mouseout(function(){
			$(this).stop().animate({backgroundPosition:"(-474px -49px)"}, {duration:500})
		})
});