$(document).ready(function(){

	
	$("div.button").mouseover(function() {
		$hovered = $(this);
		if ($("div").hasClass("info")) {
			$("div.info").css("display", "none");
			$("div.button").css("background-position","0 -940px");
			$("div.button").css("z-index","0");
			$("div.button").css("color","#999");
		    //$("div.button").css("font-weight","normal");
		}
		var carInfo = $hovered.attr("class").split('-');
		$("div#right_bigbox_box > div").fadeOut("fast");
		$("div."+carInfo[0]).fadeIn();
		$hovered.fadeIn();
		$hovered.css("background-position","0 -881px");
		$hovered.css("z-index","100");
		$hovered.css("color","#FF0000");
		$hovered.css("font-weight","bold");

		$("div.menu").css("z-index","200");
	});

	$("div.menu").hover(
	    function() {
		},
		function() {
		    $("div.content > div").fadeOut("fast");
		    $("div.button").css("background-position","0 -940px");
		    $("div.button").css("z-index","0");
		    $("div.button").css("color","#999");
		    //$("div.button").css("font-weight","normal");
		    $("div.menu").css("z-index","0");
		    $("div#right_bigbox_box > div").fadeIn();
		}
	);
});