$(document).ready(function(){
	
		// remove link background images since we're re-doing the hover interaction below 
		// (doing it this way retains the CSS default hover states for non-javascript-enabled browsers)
		// we also want to only remove the image on non-selected nav items, so this is a bit more complicated
		$(".nav").children("li").each(function() {
			var current = "nav current-" + ($(this).attr("class"));
			var parentClass = $(".nav").attr("class");
			if (parentClass != current) {
				$(this).children("a").css({backgroundImage:"none"});
			}
		});	


		// create events for each nav item
		attachNavEvents(".nav", "home");
		attachNavEvents(".nav", "about");
		attachNavEvents(".nav", "services");
		attachNavEvents(".nav", "contact");
	

		function attachNavEvents(parent, myClass) {
			$(parent + " ." + myClass).mouseover(function() {
				$(this).append('<div class="nav-' + myClass + '"></div>');
				$("div.nav-" + myClass).css({display:"none"}).fadeIn(200);
			}).mouseout(function() {
				$("div.nav-" + myClass).fadeOut(200, function() {
					$(this).remove();
				});
			}).mousedown(function() {
				$("div.nav-" + myClass).attr("class", "nav-" + myClass + "-click");
			}).mouseup(function() {
				$("div.nav-" + myClass + "-click").attr("class", "nav-" + myClass);
			});
		}

		 $('.part1').click(
			function() {
				rafraichir_page();
				$('#titre_part1').fadeIn();
				$('.text_part1').fadeIn();
				$('#texte_page').fadeIn();
				$('#cadre').hide();
			}
		);
		 $('.part2').click(
			function() {
				rafraichir_page();
				$('#titre_part2').fadeIn();
				$('.text_part2').fadeIn();
				$('#texte_page').fadeIn();
				$('#cadre').hide();
			}
		);
		 $('.part3').click(
			function() {
				rafraichir_page();
				$('#titre_part3').fadeIn();
				$('.sc_menu').fadeIn();
				$('.text_part3').fadeIn();
				$('#texte_page').fadeIn();
				$('#cadre').hide();
			}
		);
		 $('.part4').click(
			function() {
				rafraichir_page();
				$('#titre_part4').fadeIn();
				$('.text_part4').fadeIn();
				$('#texte_page').fadeIn();
			}
		);
		 $('.part5').click(
			function() {
				rafraichir_page();
				$('#titre_part5').fadeIn();
				$('.text_part5').fadeIn();
				$('#texte_page').fadeIn();
			}
		);
		function rafraichir_page() {
			$('#texte_page').hide();
			$('.text_part1').hide();
			$('.text_part2').hide();
			$('.text_part3').hide();
			$('.text_part4').hide();
			$('.text_part5').hide();
			$('.sc_menu').hide();
			$('.titre').hide();
			$('#titre_page').hide();
			$('#titre_part1').hide();
			$('#titre_part2').hide();
			$('#titre_part3').hide();
			$('#titre_part4').hide();
			$('#titre_part5').hide();		
		}


		$('.lien1').click(function () {
			rafraichir_ref();
			$('.ref1').fadeIn('slow');	
		});
		$('.lien2').click(function () {
			rafraichir_ref();
			$('.ref2').fadeIn('slow');	
		});
		$('.lien3').click(function () {
			rafraichir_ref();
			$('.ref3').fadeIn('slow');	
		});
		$('.lien4').click(function () {
			rafraichir_ref();
			$('.ref4').fadeIn('slow');	
		});
		$('.lien5').click(function () {
			rafraichir_ref();
			$('.ref5').fadeIn('slow');	
		});
		$('.lien6').click(function () {
			rafraichir_ref();
			$('.ref6').fadeIn('slow');	
		});
		$('.lien7').click(function () {
			rafraichir_ref();
			$('.ref7').fadeIn('slow');	
		});
		$('.lien8').click(function () {
			rafraichir_ref();
			$('.ref8').fadeIn('slow');	
		});
		$('.lien9').click(function () {
			rafraichir_ref();
			$('.ref9').fadeIn('slow');	
		});
		$('.lien10').click(function () {
			rafraichir_ref();
			$('.ref10').fadeIn('slow');	
		});



		function rafraichir_ref() {
				$('.ref1').fadeOut('slow');
				$('.ref2').fadeOut('slow');
				$('.ref3').fadeOut('slow');
				$('.ref4').fadeOut('slow');
				$('.ref5').fadeOut('slow');
				$('.ref6').fadeOut('slow');
				$('.ref7').fadeOut('slow');
				$('.ref8').fadeOut('slow');
				$('.ref9').fadeOut('slow');
				$('.ref10').fadeOut('slow');
		}

		$('span.acces_massy').click(function () {
			rafraichir_acces();
			$('div.acces_massy').fadeIn('slow');
			$('div.plan').fadeIn('slow');	
		});
		
		$('span.acces_paris').click(function () {
			rafraichir_acces();
			$('div.acces_paris').fadeIn('slow');
			$('div.plan').fadeIn('slow');	
		});

		$('span.acces_lille').click(function () {	
			rafraichir_acces();
			$('div.acces_lille').fadeIn('slow');
			$('div.plan').fadeIn('slow');
		});
		
		$('span.acces_lyon').click(function () {	
			rafraichir_acces();
			$('div.acces_lyon').fadeIn('slow');
			$('div.plan').fadeIn('slow');
		});				
		
		$('span.acces_marseille').click(function () {	
			rafraichir_acces();
			$('div.acces_marseille').fadeIn('slow');
			$('div.plan').fadeIn('slow');
		});

		function rafraichir_acces() {
				$('div.acces_massy').fadeOut('slow');
				$('div.acces_paris').fadeOut('slow');
				$('div.acces_lille').fadeOut('slow');
				$('div.acces_lyon').fadeOut('slow');
				$('div.acces_marseille').fadeOut('slow');					
				$('div.acces').fadeIn('slow');
		}


	    $('span.volet_1').click(function () {
		    $('div.volet_1').slideToggle('slow');
	    });
	    $('span.volet_2').click(function () {
		    $('div.volet_2').slideToggle('slow');
	    });
	    $('span.volet_3').click(function () {
		    $('div.volet_3').slideToggle('slow');
	    });
	    $('span.volet_4').click(function () {
		    $('div.volet_4').slideToggle('slow');
	    });
	    $('span.volet_5').click(function () {
		    $('div.volet_5').slideToggle('slow');
	    });
	    $('span.volet_6').click(function () {
		    $('div.volet_6').slideToggle('slow');
	    });
	    $('span.volet_7').click(function () {
		    $('div.volet_7').slideToggle('slow');
	    });
	    $('span.volet_8').click(function () {
		    $('div.volet_8').slideToggle('slow');
	    });
	    $('span.volet_9').click(function () {
		    $('div.volet_9').slideToggle('slow');
	    });
	    $('span.volet_10').click(function () {
		    $('div.volet_10').slideToggle('slow');
	    });
	    $('span.volet_11').click(function () {
		    $('div.volet_11').slideToggle('slow');
	    });
	    $('span.volet_12').click(function () {
		    $('div.volet_12').slideToggle('slow');
	    });
	    $('span.volet_13').click(function () {
		    $('div.volet_13').slideToggle('slow');
	    });
		
		$('li.t1').hover(
			function ()
			{
				$('.actif_MR').removeClass('actif_MR');
				$('li.t1').addClass('actif_MR');
				$('.descpription_metier').hide();
				$('.metier_t1').show();
			}
		);
		
		$('li.t2').hover(
			function ()
			{
				$('.actif_MR').removeClass('actif_MR');
				$('li.t2').addClass('actif_MR');
				$('.descpription_metier').hide();
				$('.metier_t2').show();
			}
		);
		$('li.t3').hover(
			function ()
			{
				$('.actif_MR').removeClass('actif_MR');
				$('li.t3').addClass('actif_MR');
				$('.descpription_metier').hide();
				$('.metier_t3').show();
			}
		);
		
		$('li.t4').hover(
			function ()
			{
				$('.actif_MR').removeClass('actif_MR');
				$('li.t4').addClass('actif_MR');
				$('.descpription_metier').hide();
				$('.metier_t4').show();
			}
		);	
		
		$('li.t5').hover(
			function ()
			{
				$('.actif_MR').removeClass('actif_MR');
				$('li.t5').addClass('actif_MR');
				$('.descpription_metier').hide();
				$('.metier_t5').show();
			}
		);
		
		$('li.t6').hover(
			function ()
			{
				$('.actif_MR').removeClass('actif_MR');
				$('li.t6').addClass('actif_MR');
				$('.descpription_metier').hide();
				$('.metier_t6').show();
			}
		);

		$('li.t7').hover(
			function ()
			{
				$('.actif_AP').removeClass('actif_AP');
				$('li.t7').addClass('actif_AP');
				$('.descpription_metier_AP').hide();
				$('.metier_t7').show();
			}
		);
		
		$('li.t8').hover(
			function ()
			{
				$('.actif_AP').removeClass('actif_AP');
				$('li.t8').addClass('actif_AP');
				$('.descpription_metier_AP').hide();
				$('.metier_t8').show();
			}
		);
		
		$('li.t9').hover(
			function ()
			{
				$('.actif_AP').removeClass('actif_AP');
				$('li.t9').addClass('actif_AP');
				$('.descpription_metier_AP').hide();
				$('.metier_t9').show();
			}
		);
		
		
		$('li.t10').hover(
			function ()
			{
				$('.actif_VV').removeClass('actif_VV');
				$('li.t10').addClass('actif_VV');
				$('.descpription_metier_VV').hide();
				$('.metier_t10').show();
			}
		);
		
		$('li.t11').hover(
			function ()
			{
				$('.actif_VV').removeClass('actif_VV');
				$('li.t11').addClass('actif_VV');
				$('.descpription_metier_VV').hide();
				$('.metier_t11').show();
			}
		);
		
		$('li.t12').hover(
			function ()
			{
				$('.actif_VV').removeClass('actif_VV');
				$('li.t12').addClass('actif_VV');
				$('.descpription_metier_VV').hide();
				$('.metier_t12').show();
			}
		);
		
	});