function affichage(display) {
switch(display){

case "accueil":  
//change status & style menu  
$("#accueil").addClass("active");  
$("#live").removeClass("active");  
$("#vod").removeClass("active");  
$("#lesplus").removeClass("active");  
$("#faq").removeClass("active");  
$("#contact").removeClass("active");  
$("#parrain").removeClass("active");  
$("#hotesse").removeClass("active");  
//display selected division, hide others  
$("div.accueil").fadeIn();  
$("div.live").css("display", "none");  
$("div.vod").css("display", "none");  
$("div.lesplus").css("display", "none");  
$("div.faq").css("display", "none");  
$("div.contact").css("display", "none");  
$("div.parrain").css("display", "none");  
$("div.hotesse").css("display", "none");  
break;

case "live":  
//change status & style menu  
$("#accueil").removeClass("active");  
$("#live").addClass("active");  
$("#vod").removeClass("active");  
$("#lesplus").removeClass("active");  
$("#faq").removeClass("active");  
$("#contact").removeClass("active");  
$("#parrain").removeClass("active");  
$("#hotesse").removeClass("active");  
//display selected division, hide others  
$("div.live").fadeIn();  
$("div.accueil").css("display", "none");  
$("div.vod").css("display", "none");  
$("div.lesplus").css("display", "none");  
$("div.faq").css("display", "none");  
$("div.contact").css("display", "none");  
$("div.parrain").css("display", "none");  
$("div.hotesse").css("display", "none");  
break;

case "vod":  
//change status & style menu  
$("#accueil").removeClass("active");  
$("#live").removeClass("active");  
$("#vod").addClass("active");  
$("#lesplus").removeClass("active");  
$("#faq").removeClass("active");  
$("#contact").removeClass("active");  
$("#parrain").removeClass("active");  
$("#hotesse").removeClass("active");  
//display selected division, hide others  
$("div.vod").fadeIn();  
$("div.live").css("display", "none"); 
$("div.accueil").css("display", "none");  
$("div.lesplus").css("display", "none");  
$("div.faq").css("display", "none");  
$("div.contact").css("display", "none");  
$("div.parrain").css("display", "none");  
$("div.hotesse").css("display", "none");  
break;

case "lesplus":  
//change status & style menu  
$("#accueil").removeClass("active");  
$("#live").removeClass("active");  
$("#vod").removeClass("active");  
$("#lesplus").addClass("active");  
$("#faq").removeClass("active");  
$("#contact").removeClass("active");  
$("#parrain").removeClass("active");  
$("#hotesse").removeClass("active");  
//display selected division, hide others  
$("div.live").css("display", "none");  
$("div.accueil").css("display", "none");  
$("div.vod").css("display", "none");  
$("div.lesplus").fadeIn();  
$("div.faq").css("display", "none");  
$("div.contact").css("display", "none");  
$("div.parrain").css("display", "none");  
$("div.hotesse").css("display", "none");  
break;

case "faq":  
//change status & style menu  
$("#accueil").removeClass("active");  
$("#live").removeClass("active");  
$("#vod").removeClass("active");  
$("#lesplus").removeClass("active");  
$("#faq").addClass("active");  
$("#contact").removeClass("active");  
$("#parrain").removeClass("active");  
$("#hotesse").removeClass("active");  
//display selected division, hide others  
$("div.live").css("display", "none");  
$("div.accueil").css("display", "none");  
$("div.vod").css("display", "none");  
$("div.lesplus").css("display", "none");  
$("div.faq").fadeIn();  
$("div.contact").css("display", "none");  
$("div.parrain").css("display", "none");  
$("div.hotesse").css("display", "none");  
break;

case "contact":  
//change status & style menu  
$("#accueil").removeClass("active");  
$("#live").removeClass("active");  
$("#vod").removeClass("active");  
$("#lesplus").removeClass("active");  
$("#faq").removeClass("active");  
$("#contact").addClass("active");  
$("#parrain").removeClass("active");  
$("#hotesse").removeClass("active");  
//display selected division, hide others  
$("div.live").css("display", "none");  
$("div.accueil").css("display", "none");  
$("div.vod").css("display", "none");  
$("div.lesplus").css("display", "none");  
$("div.faq").css("display", "none");  
$("div.contact").fadeIn();  
$("div.parrain").css("display", "none");  
$("div.hotesse").css("display", "none");  
break;

case "parrain":  
//change status & style menu  
$("#accueil").removeClass("active");  
$("#live").removeClass("active");  
$("#vod").removeClass("active");  
$("#lesplus").removeClass("active");  
$("#faq").removeClass("active");  
$("#contact").removeClass("active");  
$("#parrain").addClass("active");  
$("#hotesse").removeClass("active");  
//display selected division, hide others  
$("div.live").css("display", "none");  
$("div.accueil").css("display", "none");  
$("div.vod").css("display", "none");  
$("div.lesplus").css("display", "none");  
$("div.faq").css("display", "none");  
$("div.contact").css("display", "none");  
$("div.parrain").fadeIn();  
$("div.hotesse").css("display", "none");  
break;

case "hotesse":  
//change status & style menu  
$("#accueil").removeClass("active");  
$("#live").removeClass("active");  
$("#vod").removeClass("active");  
$("#lesplus").removeClass("active");  
$("#faq").removeClass("active");  
$("#contact").removeClass("active");  
$("#parrain").removeClass("active");  
$("#hotesse").addClass("active");  
//display selected division, hide others  
$("div.live").css("display", "none");  
$("div.accueil").css("display", "none");  
$("div.vod").css("display", "none");  
$("div.lesplus").css("display", "none");  
$("div.faq").css("display", "none");  
$("div.contact").css("display", "none");  
$("div.parrain").css("display", "none");   
$("div.hotesse").fadeIn();  
break;



}  

}

$(document).ready(function(){  
$(".menu > li").click(function(e){  
affichage(e.target.id)
//alert(e.target.id);  
return false;  
});  
});