$(document).ready(function()
	{
			$("#contenu_back").fadeIn(1000);
			//Affichage du scroll si nécessaire
			$("#contenu").scrollbar();
			
			
	
			//Effet pour les tiles du menu
			$(".tile").css({ opacity: 0.5});
			$(".tile_title").css({ opacity: 0.8});
			
			$(".tile").mouseenter(function(){
			  $(this).animate({"opacity": 1.0}, "fast");
			});
			
			$(".tile").mouseleave(function(){
			  $(this).animate({"opacity": 0.5}, "fast");
			});
			

			
			//On cache le menu rapide
			$("#menu_elements").hide();
			//On l'affiche
			$("#menu_button").click(function(){
				if($("#menu_elements").is(':hidden'))
					{
					$("#contenu_back").animate({"opacity": 0.5}, "fast");
					$("#menu_elements").animate({
						opacity: 1.0,
						height: 'toggle'}, "fast");
					$("#menu_elements").addClass('ontop');
					}
				else{
					$("#contenu_back").animate({"opacity": 1.0}, "fast");
					$("#menu_elements").removeClass('ontop');
					$("#menu_elements").hide();
					}
			});
			//On le cache si on clique hors du bouton ou du menu rapide
			$("body").click(function(event){
			var el= event.target.id;
			var elcu= event.target.nodeName;
			
				if($("#menu_elements").is(':hidden'))
					{
					}
				else{
					if(el != "menu_button" && el != "menu_elements" && elcu != "CANVAS")
						{
						$("#contenu_back").animate({"opacity": 1.0}, "fast");
						$("#menu_elements").removeClass('ontop');
						$("#menu_elements").hide();
						}
					}
			});
			
		
		//on cache tous les onglets	
		$(".tab_content").hide();
		
		//on affiche le premier
		$("ul.tabs li:first-child").addClass("active").show();
		$(".tab_content:first-child").show();

		$("ul.tabs li").click(function()
			{
			//On retourne en haut du scroll et on met le scroll au top
			depl_contenu= 0;
			depl_bouton=0;
			$('#bouton').css({'top':depl_bouton+"px"});
			$('#englobe').css({'top':depl_contenu+"px"});
			
			//on change l'onglet actif
			$(this.parentNode).find("li").removeClass("active");
			$(this).addClass("active");

			//on cache a nouveau tous les onglets
			$(".tab_content").hide();
			//on récupère l'adresse de l'onglet sélectionné
			var activeTab = $(this).find("a").attr("href");
			//on affiche cet onglet
			
			
				ongletcontent = $(this).parent().parent().find(activeTab);
				ongletcont = ongletcontent.html();
				ongletcontent.html("");
				ongletcontent.html(ongletcont);
			
			ongletcontent.fadeIn("slow");
		
			return false;
			});	
			
		//Effet pour les onglets
			$('.tabs').mousemove(function(e){

				var offset = $(this).offset(),
				containerWidth = $(this).width(),
				runnerWidth = $('#tabs_back').width(),
				relativeX = e.pageX - offset.left,
				position = relativeX - runnerWidth/2;
				
				if (position > 0 && position < (containerWidth - runnerWidth)) 
					{
					$('#tabs_back').stop().animate({left: position}, 200, 'linear');
					}
			});

		//Gestion Webtv/Chat
		$(".button_door_off").hide();
		
			$(".button_door_on").click(function()
				{
				tvContainer = $(this.parentNode).find("#tvContainer");
				chatContainer = $(this.parentNode).find("#chatContainer");
				
				chatContainer.animate({
					width: "400px"
				  }, 600 ); 
				
				
				
				thestream = tvContainer.html();
				tvContainer.html("");
				tvContainer.css({width: "390px"});
				tvContainer.html(thestream);
				
				$(this.parentNode).find(".button_door_off").show();
				$(this).hide();  				
				 
				return false;
				});	
			
			$(".button_door_off").click(function()
				{
				tvContainer = $(this.parentNode).find("#tvContainer");
				chatContainer = $(this.parentNode).find("#chatContainer");
				
				chatContainer.css({
					width: "0px"
				  });
				  
				thestream = tvContainer.html();
				tvContainer.html("");
				tvContainer.css({width: "800px"});
				tvContainer.html(thestream); 
				
				$(this.parentNode).find(".button_door_on").show();
				$(this).hide();  				
				 
				return false;
				});
			
		//Gestion Teams
		$(".roster_list").hide();
		$(".roster_list:first-child").show();
		$(".button_roster").eq(0).css({background: "#ccc", color: "#fff"});
		
			$(".button_roster").click(function()
				{
				$(".button_roster").css({background: "#E9E9E9", color: "#313131"});
				$(this).css({background: "#ccc", color: "#fff"});
				$(".roster_list").hide();				
				//on récupère l'adresse de l'onglet sélectionné
				var roster_detail = $(this).attr("href");
				//on affiche cet onglet
				$(this).parent().parent().parent().find(roster_detail).fadeIn("slow");
				return false;
				});				
			
		$('.slidedeck').slidedeck();	
	});