$(document).ready(function(){
/*
var Mouse_X; // Variable globale Position X de la Mouse
var Mouse_Y; // Variable globale Position Y de la Mouse

//-----------------------------------------------------------------------------
// l'argument e n'est passé à la fonction que par les navigateur n'ayant pas
// implémenté event comme objet, IE posséde son propre objet bien connu event
//-----------------------------------------------------------------------------
function WhereMouse( e ){
  var DocRef;    // Variable pour IE uniquement

  // L'événement est passée à la fonction
  // donc tous sauf IE…
  if( e){                     // Dans ce cas on obtient directement la position dans la page
    Mouse_X = e.pageX;
    Mouse_Y = e.pageY;
  }
  else{                      // Dans ce cas on obtient la position relative à la fenêtre d'affichage
    Mouse_X = event.clientX;
    Mouse_Y = event.clientY;

    //-- Il faut traiter le CAS des DOCTYPE sous IE
    if( document.documentElement && document.documentElement.clientWidth) // Donc DOCTYPE
      DocRef = document.documentElement;   // Dans ce cas c'est documentElement qui est réfèrence
    else
      DocRef = document.body;                    // Dans ce cas c'est body qui est réfèrence

    //-- On rajoute la position liée aux ScrollBars
    Mouse_X += DocRef.scrollLeft;
    Mouse_Y += DocRef.scrollTop;
  }
}

document.getElementById('corps').onmousemove = WhereMouse*/

//creer un div qui ne se charge qu'une fois

	$("div.carres").bind('mouseover',function(){
		if($(this).attr('lang') == 'ok'){
		var ici = $(this);
		var enfant = ici.children('div.carres_detail').children('a');
		//var contenu = enfant.html();
		//$("#details").html(contenu);
		
		$.get($(this).attr('rel'),'',function(data){
			//alert('chargé');
			enfant.html(data);			
		});
		
		
		/*ici.children().children('a').bind('mouseover',function(){
			enfant.fadeIn(300);
			$(this).unbind('mouseover');
			ici.children().children('a').mouseout(function(){
				enfant.fadeOut(300);
			});
		});*/
		
		$(this).unbind('mouseover');
			
		}
	});
	
	function voir(qui){
		//qui.unbind('mouseover');
		det = qui.parent().parent().children('div.carres_detail');
		det.css({display: 'block'});
			det.bind('mouseout',function(){//  = le div de détails
			//cacher(qui);
				$(this).css({display: 'none'});
			});
		
		
		
	}
	/*function cacher(qui){
		//qui.unbind('mouseout');
		qui.parent().parent().children('div.carres_detail').fadeOut(500,function(){
			$(this).parent().children().children('a').bind('mouseover',function(){// = les liens
				voir(qui);
			});
			
				
		
		});

	}*/	
	
	
	$("div.carres a").bind('mouseover',function(){
		voir($(this));
		//$(this).unbind('mouseover');
	});
	
	/*$("div.carres a").bind('mouseout',function(){
		cacher($(this));
		//$(this).unbind('mouseout');
	});*/	
	
	
	/*	$("div.carres").bind('mouseout',function(){
		var ici = $(this);
		var enfant = ici.children('div');
		var contenu = enfant.html();
		
		
		
		
		enfant.html($("#details").html());

		
	});*/
	$("div.carres_article a,div.carres_article a img").hover(
		/*function(){$(this).parent().parent().children('a').children('span').css({display: 'block'});},
		function(){$(this).parent().parent().children('a').children('span').css({display: 'none'});}*/
		function(){$(this).parent().parent().children('a').children('span').fadeIn(200);},
		function(){$(this).parent().parent().children('a').children('span').fadeOut(200);}		
		
	);
	
	
	
	
	$("div.carres_article a").click(function(){/*Pour détails ds box centrale*/
		/**/TB_load_position();
		
		$.get($(this).attr("href"),function(data){
			$("#details_content").html(data);
			actions_ds_cadre();
			/*produits associés*/ 
			set_associes();
		});
		return false;
	});
	
	$("#fermer").click(function(){
		$("#details, #fond").fadeOut("200");
		$("#details_content").html('<img id="loader" src="img/loading.gif" width="32" height="32" />');
	});
});
//attribuer le comportement aux articles associés
/*function voir_article(){
	
		$.get($(this).attr("href"),function(data){
			//alert(data);
			$("#details_content").html(data);
			actions_ds_cadre();
			set_associes();//relancer pour la charge suivante
			return false;					
		});
		return false;		
	
}*/

function set_associes(){
	$("a.p_associes").click(function(){
		$.get($(this).attr("href"),function(data){
			//alert(data);
			$("#details_content").html(data);
			actions_ds_cadre();
			set_associes();//relancer pour la charge suivante
			return false;					
		});
		return false;		
	});
				
}
function actions_ds_cadre(){
	//texte qui perd sa transparence au survol
	$("#details p").hover(
				function(){	$("#details p").fadeTo(500,.95); },
				function() { $("#details p").fadeTo(200,.6);				
			});
	$("#img_article img").click(function(){//fermer à partir de l'img principalle
		$("#details, #fond").fadeOut("200");
		$("#details_content").html('<img id="loader" src="img/loading.gif" width="32" height="32" />');
	});
}




//centrer la boite de détails
function TB_load_position() {
	var pagesize = TB_getPageSize();
	var arrayPageScroll = TB_getPageScrollTop();
	top_ = Math.max(0,(arrayPageScroll[1] + ((pagesize[1]-720)/2)));
	$("#details")
	.css({left: (arrayPageScroll[0] + (pagesize[0] - 920)/2)+"px", top: (top_)+"px" })
	.css({display:"block"});
	$("#fond").css({top: (arrayPageScroll[1])+"px"});
	$("#fond").css({display: "block"});
	
	
}

function TB_getPageScrollTop(){
	var yScrolltop;
	var xScrollleft;

	if (self.pageYOffset || self.pageXOffset) {
		yScrolltop = self.pageYOffset;
		xScrollleft = self.pageXOffset;
	
	} else if (document.documentElement && document.documentElement.scrollTop || document.documentElement.scrollLeft ){// Explorer 6 Strict
		yScrolltop = document.documentElement.scrollTop;
		xScrollleft = document.documentElement.scrollLeft;
	
	} else if (document.body) {// all other Explorers
		yScrolltop = document.body.scrollTop;
		xScrollleft = document.body.scrollLeft;
	}
	arrayPageScroll = new Array(xScrollleft,yScrolltop) 
	return arrayPageScroll;
}

function TB_getPageSize(){
	var de = document.documentElement;
	var w = window.innerWidth || self.innerWidth || (de&&de.clientWidth) || document.body.clientWidth;
	var h = window.innerHeight || self.innerHeight || (de&&de.clientHeight) || document.body.clientHeight
	arrayPageSize = new Array(w,h) 
	return arrayPageSize;
}