$(document).ready(function() {
	//préchargement des bg du sous-menu :
	var bgSousMenu=new Image();// on cree une variable de stockage pour bgSousMenu
	bgSousMenu.src='interface/header.menu.sousmenu.bg.png';// et on la met en cache.
	var bgSousMenuBtn=new Image();
	bgSousMenuBtn.src='interface/header.menu.sousmenu.btn.bg.png';
	var bgSousMenuOver=new Image();
	bgSousMenuOver.src='interface/header.menu.sousmenu.btn.over.bg.png';
	
	
	$('#news').newsbox();//mise en place de l'interactivité de la newsbox
	
	//mise en place du menu
	var rollOvered = false;
	//on récupere tout les images quie doivent ouvrir un sous-menu au rollover
	$("#menu dt img.sous-menu").hover(
		function(){//au survol on fait ça :
			$(this).css({cursor:'pointer'});//on transforme le pointer comme s'il s'agissait d'un lien
			$(this).parent().next('dd').slideDown("fast");//on déroule le sous menu
		},
		function(){//dès que la souris sort de la zone de survol on fait ça
			$(this).oneTime(100, function() {//on active une temporisation pour éviter de remonter le menu dès que la souris sort du sous-menu
				if(rollOvered == false){//si on a pas survoler le sous menu...
					$(this).parent().next('dd').slideUp("fast");//...on remonte le sous-menu
				};
			});			
		}
	);
	//on recupère tout les sous-menu
	$("#menu dd").hover(
		function(){//on indique par le biais de "rollovered", si on survol le sous menu
			rollOvered = true;
		},
		function(){
			rollOvered = false;//et quand on survol plus , on remonte le sous menu
			$(this).oneTime(400, function() {//on active une temporisation pour éviter de remonter le menu dès que la souris sort du sous-menu
				if(rollOvered == false){//si on a pas survoler le sous menu entre temps..
					$(this).slideUp("fast");//...on le remonte
				};
			});			
		}
	);
	
	//mise en place des vidéos	
	$("div.video div").each(function () {//récupération de toutes les div ayant une classe video		
		var id = $(this).attr("id");//pour chaque div récuperées, on récupère l'id vidéo,		
		var width = parseInt($(this).css('width'));//la largeur,
		var height = parseInt($(this).css('height'));//et la hauteur		
		
		var flashvars = {
				idVideo: id,
				enablejsapi: 1
			};
		var params = {
				allowfullscreen: "false",
				allowScriptAccess: "always",
				wmode: "transparent"
			};
		var attributes = {
				rel: 'video'
			};
		
		swfobject.embedSWF('swf/player.swf', id, width, height, "9.0.0", false, flashvars, params, attributes);
		
	});
	
	/*params = {//on remplie l'objet
				src: "swf/player.swf?idVideo="+id,
				id:					id,
				class:				"video",
				width:				width,
				height:				height,
				version:			[8,0],
				allowfullscreen:	"false",
				allowScriptAccess:	"always",//ça c'est important pour pouvoir acceder au video de youtube
				wmode:				"transparent"
		};
		console.log(id);
		swfobject.embedSWF(settings);*/
});