jQuery(function( $ ){
	
	$('#vehicule div p').css("display","none");
	$('#exit').css("display","none");
	$("#vehicule div").parent().css("cursor","default");
	$("#vehicule div").css("cursor","pointer");
	// Target examples bindings
	// THIS DEMO IS NOT INTENDED TO SHOW HOW TO CODE IT
	// JUST THE MULTIPLE OPTIONS. THIS CODE IS UGLY.
	
	$("#vehicule div").mouseover(function(){
		$(this).parent().find("div").addClass("actif");
		$(this).removeClass("actif");
		$(this).find("span").addClass("nofo");
		$(this).find(".nofo").css("display","block");
		
	});
	$('#vehicule div').mouseleave(function(){
		$('#vehicule').find("div.actif").removeClass("actif");
		$(this).css("z-index", "0");
		$("#mercos").css("z-index", "1000");
		$(this).find(".nofo").css("display","none");
		$(this).find(".nofo").removeClass("nofo");
		$(".fonctionne").css("display","block");
	});
	
	

	$("#vehicule div").click(function () {
		$(this).parent().find(".actif").fadeOut();
		$('#vehicule div p').fadeIn();
		$('#vehicule div.actif p').css("display","none");
		$('#exit').css("display","block");
		$('#centre').css("background","transparent");
		$(this).find("span").addClass("fonctionne");
		$(this).find('.fonctionne').css("display","block");
		$(this).css("cursor","default");
		$(this).parent().css("cursor","default");
		
	});
	$("#exit").click(function () {	
		$('#vehicule div p').fadeOut();
		$('#vehicule div ').fadeIn();
		$('#vehicule div p').css("display","none");	
		$('#exit').css("display","none");	
		$("#vehicule div").find("span").removeClass("fonctionne");
		$(".fonctionne").css("display","none");
		$("span").css("display","none");
		$("#vehicule div").css("cursor","pointer");

	});
	
	$("#exit").click(function () {
		$("#mercos").animate({"left": "360px"}, "slow");
		$("#viano").animate({"left": "609px"}, "slow");
		$("#mercoe").animate({"left": "0px"}, "slow");
		
	});
	
	$("#mercos").click(function () {
		 $(this).animate({"left": "0px"}, "slow");
	});
	$("#viano").click(function () {
		 $(this).animate({"left": "0px"}, "slow");
		
	});
	$("#mercoe").click(function () {
		 $(this).animate({"left": "538px"}, "slow");
		 $(this).find(p).animate({"left": "0px"}, "slow");
	});
	
	
	
	$("#edit-submitted-reservation-of option[value='viano']").click(function() {
		$("#block-block-5").css("display","none");
	});
	
	
	$("#edit-submitted-reservation-of option[value='viano']").click(function() {
		$("#content-area").removeClass("merco_e");
		$("#content-area").removeClass("merco_s");
		$("#content-area").addClass("viano");
	});
	$("#edit-submitted-reservation-of option[value='merco_e']").click(function() {
		$("#content-area").addClass("merco_e");
		$("#content-area").removeClass("merco_s");
		$("#content-area").removeClass("viano");
	});
	$("#edit-submitted-reservation-of option[value='merco_s']").click(function() {
		$("#content-area").addClass("merco_s");
		$("#content-area").removeClass("merco_e");
		$("#content-area").removeClass("viano");
	});
	
	$("#edit-submitted-reservation-de option[value='viano']").click(function() {
		$("#block-block-5").css("display","none");
	});
	
	
	$("#edit-submitted-reservation-de option[value='viano']").click(function() {
		$("#content-area").removeClass("merco_e");
		$("#content-area").removeClass("merco_s");
		$("#content-area").addClass("viano");
	});
	$("#edit-submitted-reservation-de option[value='merco_e']").click(function() {
		$("#content-area").addClass("merco_e");
		$("#content-area").removeClass("merco_s");
		$("#content-area").removeClass("viano");
	});
	$("#edit-submitted-reservation-de option[value='merco_s']").click(function() {
		$("#content-area").addClass("merco_s");
		$("#content-area").removeClass("merco_e");
		$("#content-area").removeClass("viano");
	});
	
	jQuery.fn.exists = function(){return jQuery(this).length>0;}



if ($("#node-1").exists()) {
	
	$("#block-menu-menu-mainmenu li a").addClass("active");
	$("#block-menu-menu-mainmenu li+li a").removeClass("active");
	$("#block-menu-menu-footermenu li a").addClass("active");
	$("#block-menu-menu-footermenu li+li a").removeClass("active");
}

if ($(".front").exists()) {
	
	$("link[rel=stylesheet2]").attr({href : "front.css"});
}
	
	
	


});