$(document).ready(function() {
	
    var sections = $("#menu li");
    var contenud = $("#contenud");
    var contenug = $("#contenug");
    var menu = $("#tableau");  // variables
	
    sections.click(function() {  

    switch(this.id) { 
        
        case "lbf":  
			
            $("#menu li[id=lbf]").addClass("lbftxtmenuactive");
            $("#menu li[id=vid]").removeClass("vidtxtmenuactive");
            $("#menu li[id=cli]").removeClass("clitxtmenuactive");
            $("#menu li[id=inf]").removeClass("inftxtmenuactive");
            $("#menu li[id=esp]").removeClass("eptxtmenuactive");
			
            contenug.fadeOut(200);
            contenud.fadeOut(200, function(){
                menu.animate({"margin-left":"-632px"}, 350, function(){
                    contenud.load("././ctf/lbf.php", function(){
                        contenud.fadeIn(200);
                    });  
                    contenug.load("././ctf/lbf.php", function(){
                        contenug.fadeIn(200);
                    });
                });
                // easing: 'easeInOutExpo'				
            });  
				
        break;  
        case "vid":  
			
            $("#menu li[id=lbf]").removeClass("lbftxtmenuactive");
            $("#menu li[id=vid]").addClass("vidtxtmenuactive");
            $("#menu li[id=cli]").removeClass("clitxtmenuactive");
            $("#menu li[id=inf]").removeClass("inftxtmenuactive");
            $("#menu li[id=esp]").removeClass("eptxtmenuactive");
			
            contenug.fadeOut(200);
            contenud.fadeOut(200, function(){
		menu.animate({"margin-left":"0px"}, 350, function(){
                    contenud.load("././ctf/vid.php", function(){
			contenud.fadeIn(200);
                    });  
                    contenug.load("././ctf/vid.php", function(){
			contenug.fadeIn(200);
                    }); 
                });
                // easing: 'easeInOutExpo'
            });    
				
        break;  
	case "cli":  
			
            $("#menu li[id=lbf]").removeClass("lbftxtmenuactive");
            $("#menu li[id=vid]").removeClass("vidtxtmenuactive");
            $("#menu li[id=cli]").addClass("clitxtmenuactive");
            $("#menu li[id=inf]").removeClass("inftxtmenuactive");
            $("#menu li[id=esp]").removeClass("eptxtmenuactive");
							
            contenug.fadeOut(200);
            contenud.fadeOut(200, function(){
		menu.animate({"margin-left":"-632px"}, 350, function(){
                    contenud.load("././ctf/cli.php", function(){
			contenud.fadeIn(200);
                    });  
                    contenug.load("././ctf/cli.php", function(){
			contenug.fadeIn(200);
                    });
                });
		// easing: 'easeInOutExpo'
            }); 
				
        break;  
	case "inf":  
			
            $("#menu li[id=lbf]").removeClass("lbftxtmenuactive");
            $("#menu li[id=vid]").removeClass("vidtxtmenuactive");
            $("#menu li[id=cli]").removeClass("clitxtmenuactive");
            $("#menu li[id=inf]").addClass("inftxtmenuactive");
            $("#menu li[id=esp]").removeClass("eptxtmenuactive");
			
            contenug.fadeOut(200);
            contenud.fadeOut(200, function(){
                menu.animate({"margin-left":"0px"}, 350, function(){
                    contenud.load("././ctf/inf.php", function(){
                        contenud.fadeIn(200);
                    });  
                    contenug.load("././ctf/inf.php", function(){
			contenug.fadeIn(200);
                    }); 
                });
		// easing: 'easeInOutExpo'
            }); 	
							
        break;				
    	}
		  
    });	
});