var timer;
var bb_legende_unlock = false;
var IE6 = (navigator.appVersion.indexOf("MSIE 6.")==-1) ? false : true;
var IE7 = (navigator.appVersion.indexOf("MSIE 7.")==-1) ? false : true;

if (IE6) {
	window.location.replace("http://www.citedudesign.com/problemeIE6.html");
}

function bgcolor(qui, coul) {
	qui.style.backgroundColor = coul;
}

function maRecherche() {
	document.getElementById("mot").blur();
	var mot = document.getElementById("mot").value;
	$("#mail").hide();
	mail_status = 0;
	if (mot.length < 4 || mot == "rechercher") {
		message ='<div id="close_mail">';
		message +='<a onclick="closeRecherche();" href="javascript:void(0)">Fermer cette fenêtre</a>';
		message += '</div>';
		message += "<span class='titre'>Rechercher<br />sur le site</span>";
		message += "<hr class='mail' /><br />";
		message += "<div id='result_recherche'>";
		message += "Veuillez entrer au moins 4 lettres...<br />";
		message += "</div>";
		document.getElementById("recherche").innerHTML = message;
		$('#recherche').slideDown(400);
	} else {
		document.getElementById("recherche").innerHTML = '<em>Recherche en cours...</em>';
		http = createRequestObject();
		http.open('POST', '../recherche.php', true);
		http.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");     
		http.onreadystatechange = afficheRecherche;
		http.send("mot="+mot);
	}
};

function afficheRecherche()
{
	if(http.readyState == 4)
	{
		if(http.status == 200)
		{
			document.getElementById('recherche').innerHTML = http.responseText;
			$('#recherche').slideDown(400);
		}
		else
		{
			message = "<img src='../imgs/recherche.gif' alt='Recherche' />";
			message +='<div id="close_mail">';
			message +='<a onclick="closeRecherche();" href="javascript:void(0)">Fermer cette fenêtre</a>';
			message += '</div>';
			message += "<hr class='mail' /><br />";
			message += "<div id='result_recherche'>";
			message += "<em>La recherche n'a pas fonctionné.<br />Veuillez essayer ultérieurement.</em><br />";
			message += "</div>";
			document.getElementById('recherche').innerHTML = message;
			$('#recherche').slideDown(400);
		}
	}
}

function closeRecherche() {
	$("#recherche").slideUp(400);
}

function closeGallery() {
	var blackbox = document.getElementById('blackBox');
	$('#bb_content').fadeOut(300);
	$('#bb_navi').fadeOut(400);
	$('#bb_close').fadeOut(300,function(){
		$('#blackBox').slideUp(300);
	});
	bb_legende_unlock = false;
}
function openGallery() {
	if (document.getElementById('legende') != null) {
		var currentLegende = document.getElementById('legende').innerHTML;
		document.getElementById('bb_legende').innerHTML = currentLegende;
	}
	if (document.getElementById('legende_small') != null) {
		var currentLegende = document.getElementById('legende_small').innerHTML;
		document.getElementById('bb_legende').innerHTML = currentLegende;
	}
	if (document.getElementById('legende_medium') != null) {
		var currentLegende = document.getElementById('legende_medium').innerHTML;
		document.getElementById('bb_legende').innerHTML = currentLegende;
	}

	var galerie = document.getElementById('changingImg');
	var pimg = galerie.src;
	var gimg = pimg.replace('/site/site','/pics/pics');

	$('#bb_content').hide();
	$('#bb_navi').hide();
	$('#bb_close').hide();
	$('#bb_legende').hide();
	
	var blackbox = document.getElementById('blackBox');

	blackbox.style.display = "block";
	blackbox.style.height =  "100%";
	blackbox.style.width =  "100%";
	
	$('#blackBox').slideUp(0);
	$('#blackBox').slideDown(400, function() {
		//
		var element = 'bb_content';
		
		largeur = 640;
		hauteur = 480;
		var width=largeur;//largeur de l'élément à positionner
		var height=hauteur;//hauteur de l'élément à positionner
		
		myParent=document.getElementById(element).parentNode;
		
		var pHeight=myParent.offsetHeight;//Hauteur de l'élément parent
		var pWidth=myParent.offsetWidth;//Largeur de l'élément parent
		var sTop=myParent.scrollTop;//Hauteur de défilement de l'élément parent
		var sLeft=myParent.scrollLeft;//Longueur de défilement de l'élément parent
		var posY=(pHeight/2)-(height/2)+sTop;//Calcul de la position en Y
		var posX=(pWidth/2)-(width/2)+sLeft;//Calcul de la position en X

		$('#bb_content').width(largeur+"px");
		$('#bb_content').height(hauteur+"px");
		$('#bb_content').css("margin-top",posY+"px");
		$('#bb_content').css("margin-left",posX+"px");
		$('#bb_content').css("border","5px solid #fff");
		//
		$('#bb_image').width(largeur+"px");
		$('#bb_image').height(hauteur+"px");
		//
		$('#bb_navi').width((largeur-50)+"px");
		$('#bb_navi').css("margin-left",posX+"px");
		//
		var posYb = posY+hauteur+20;
		$('#bb_close').css("margin-left",posX+(largeur-54)+"px");
		$('#bb_close').css("margin-top", posYb+"px");
		//
		$('#bb_content').fadeIn(500);
		$('#bb_navi').fadeIn(500);
		$('#bb_close').fadeIn(500);
		//
		tailleImgFirst(gimg, 0);
	});	
}

function openGallerySingle(img) {

	var gimg = "."+img;

	if (document.getElementById('legende') != null) {
		var currentLegende = document.getElementById('legende').innerHTML;
		document.getElementById('bb_legende').innerHTML = currentLegende;
	} else	if (document.getElementById('legende_small') != null) {
		var currentLegende = document.getElementById('legende_small').innerHTML;
		document.getElementById('bb_legende').innerHTML = currentLegende;
	} else	if (document.getElementById('legende_medium') != null) {
		var currentLegende = document.getElementById('legende_medium').innerHTML;
		document.getElementById('bb_legende').innerHTML = currentLegende;
	} else {
		legendeBB(gimg);
	}
	//
	$('#bb_content').hide();
	$('#bb_navi').hide();
	$('#bb_close').hide();
	$('#bb_legend').hide();
	//
	var blackbox = document.getElementById('blackBox');
	blackbox.style.display = "block";
	blackbox.style.height =  "100%";
	blackbox.style.width =  "100%";
	//
	if (IE6 && document.documentElement) {
		var largIE6 = (document.documentElement.clientWidth);
		var hautIE6 = (document.documentElement.clientHeight);
		blackbox.style.width =  largIE6;
		blackbox.style.height =  hautIE6;
	}
	//
	$('#blackBox').slideUp(0);
	$('#blackBox').slideDown(500, function() {
		
		var element = 'bb_content';
		
		largeur = 640;
		hauteur = 480;
		var width=largeur;//largeur de l'élément à positionner
		var height=hauteur;//hauteur de l'élément à positionner
		
		myParent=document.getElementById(element).parentNode;
		
		var pHeight=myParent.offsetHeight;//Hauteur de l'élément parent
		var pWidth=myParent.offsetWidth;//Largeur de l'élément parent
		
		var sTop=myParent.scrollTop;//Hauteur de défilement de l'élément parent
		var sLeft=myParent.scrollLeft;//Longueur de défilement de l'élément parent
		
		var posY=(pHeight/2)-(height/2)+sTop-50;//Calcul de la position en Y
		var posX=(pWidth/2)-(width/2)+sLeft;//Calcul de la position en X
		
		$('#bb_content').width(largeur+"px");
		$('#bb_content').height(hauteur+"px");
		$('#bb_content').css("margin-top",posY+"px");
		$('#bb_content').css("margin-left",posX+"px");
		$('#bb_content').css("border","5px solid #fff");
		//
		$('#bb_image').width(largeur+"px");
		$('#bb_image').height(hauteur+"px");
		//
		$('#bb_navi').width((largeur-50)+"px");
		$('#bb_navi').css("margin-left",posX+"px");
		//
		var posYb = posY+hauteur+20;
		$('#bb_close').css("margin-left",posX+(largeur-54)+"px");
		$('#bb_close').css("margin-top", posYb+"px");
		//
		$('#bb_content').fadeIn(500);
		$('#bb_navi').fadeIn(500);
		$('#bb_close').fadeIn(500);
		//
		tailleImgFirst(gimg, 1);
	});		
}

function tailleImgFirst(gimg, myBoolean) {
	document.getElementById('bb_image').innerHTML = "<div style='position:relative;top:50%;text-align:center;font-weight:900;'><img src='../imgs/none.gif' /></em>";
	http = createRequestObject();
	http.open('POST', '../getImgSize.php', true);
	http.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");     
	http.onreadystatechange = processImgSize;
	http.send("img="+gimg+"&single="+myBoolean);
}

function tailleImg(gimg, myBoolean) {
	legendeBB(gimg);
	document.getElementById('bb_image').innerHTML = "<div style='position:relative;top:50%;text-align:center;font-weight:900;'><img src='../imgs/none.gif' /></em>";
	http = createRequestObject();
	http.open('POST', '../getImgSize.php', true);
	http.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");     
	http.onreadystatechange = processImgSize;
	http.send("img="+gimg+"&single="+myBoolean);
}
function processImgSize(gimg) {
	//
	if(http.readyState == 4)
	{
		if(http.status == 200)
		{
			var element = 'bb_content';
			myParent=document.getElementById(element).parentNode;
			var pWidth=myParent.offsetWidth;//Largeur de l'élément parent
			var pHeight=myParent.offsetHeight;//Hauteur de l'élément parent
			//
			var size = http.responseText.split('*|*');
			var largeur = size[0];
			var hauteur = size[1];
			var img = size[2];
			
			
			//
			var marginH = 100;
			var marginW = 100;
			//
			if (parseInt(hauteur)+marginH >= pHeight) {
				ratio = hauteur/(pHeight-marginH);
				hauteur = pHeight-marginH;
				largeur = (largeur/ratio);
			}
			if (largeur >= pWidth) {
				ratio = largeur/(pWidth-marginW);
				largeur = pWidth-marginW;
				hauteur = (hauteur/ratio);
			}
			document.getElementById('bb_image').innerHTML = '<img style="display:none;" onload="imgLoaded();" src="'+img+'" width="'+largeur+'" height="'+hauteur+'" />';
			centrerPopup(largeur, hauteur, img);
			bb_legende_unlock = false;
		}
		else
		{
			document.getElementById('bb_image').innerHTML = "<div style='position:relative;top:50%;text-align:center;font-weight:900;'>L'image ne peut être affichée</div>";
		}
	}
}
function imgLoaded() {
	$('#bb_image img').fadeIn(300);
	bb_legende_unlock = true;
}
function centrerPopup(largeur, hauteur, img) {
	var element = 'bb_content';
	
	largeur = parseInt(largeur);
	hauteur = parseInt(hauteur);
	
	var width=largeur;//largeur de l'élément à positionner
	var height=hauteur;//hauteur de l'élément à positionner
	
	myParent=document.getElementById(element).parentNode;
	
	var pHeight=myParent.offsetHeight;//Hauteur de l'élément parent
	var pWidth=myParent.offsetWidth;//Largeur de l'élément parent
	
	var sTop=myParent.scrollTop;//Hauteur de défilement de l'élément parent
	var sLeft=myParent.scrollLeft;//Longueur de défilement de l'élément parent
	
	var posY=(pHeight/2)-(height/2)+sTop-($('#bb_navi').height()/2);//Calcul de la position en Y
	var posX=(pWidth/2)-(width/2)+sLeft;//Calcul de la position en X
	
	$('#bb_content').width(largeur+"px");
	$('#bb_content').height(hauteur+"px");
	$('#bb_content').css("margin-top",posY+"px");
	$('#bb_content').css("margin-left",posX+"px");
	$('#bb_content').css("border","5px solid #fff");
	//
	if (IE7) {
		$('#bb_content').css("position","fixed");
		$('#bb_content').css("top","0px");
		$('#bb_content').css("left","0px");
		$('#bb_content').css("border","5px solid #fff");
	}
	//
	$('#bb_image').width(largeur+"px");
	$('#bb_image').height(hauteur+"px");
	//
	$('#bb_legende').css("width",(largeur-20)+"px");
	var p = pHeight-(posY+height)-5;
	$('#bb_legende').css("bottom",p+"px");
	
	if (IE7) {
		var p = (pHeight-5)-(posY+height);
		$('#bb_legende').css("position","fixed");
		$('#bb_legende').css("left", posX+5+"px");
		$('#bb_legende').css("bottom",p+"px");
	}
	//
	$('#bb_legende').fadeIn(500);
	
	//
	$('#bb_navi').width((largeur-50)+"px");
	$('#bb_navi').css("margin-left",posX+"px");
	
	if (IE7) {
		$('#bb_navi').css("position","fixed");
		$('#bb_navi').css("top",(posY+hauteur+10)+"px");
		$('#bb_navi').css("left","0px");
	}
	//
	var posYb = posY+hauteur+20;
	$('#bb_close').css("margin-left",posX+(largeur-54)+"px");	
	$('#bb_close').css("margin-top", posYb+"px");
	//
	$('#bb_legende').slideDown(0);
	//
	if (timer != null) {
		clearTimeout(timer);
	}
	timer = setTimeout("effacer()", 3500);
	//

		$("#bb_content").hover(function(){
			if (bb_legende_unlock) {
			   $('#bb_legende').slideDown(500);
			 }},function(){
			    $('#bb_legende').slideUp(500);
		});

	 $("#bb_content").click( function() {closeGallery(); });
	 $("#bb_content").css("cursor","pointer");
}
function effacer() {
	$('#bb_legende').slideUp(500);
}
function legendeBB(data)
{
	document.getElementById('bb_legende').innerHTML = '<em>Chargement...</em>';

	http2 = createRequestObject();
	http2.open('POST', '../legendebb.php', true);
	http2.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");     
	http2.onreadystatechange = AJAXReturnBB;
	http2.send("qui="+data);
}
function AJAXReturnBB()
{
	if(http2.readyState == 4)
	{
		if(http2.status == 200)
		{
			document.getElementById('bb_legende').innerHTML = http2.responseText;
		}
		else
		{
			document.getElementById('bb_legende').innerHTML = "<strong>N/A</strong>";
		}
	}
}
//*************************************************************************************
// 																						SLIDESHOW
//*************************************************************************************
var PicCurrent = new Image();
function slideshow(qui, ou, v) {
	var vignette = "v"+v;
	
	data = qui;
	qui = '../galerie/'+qui;
	PicCurrent.src = qui;
	document[ou].src = qui;
	
	$( function() {
		for (a=0; a<50; a++) {
			$('#v'+a+' img').fadeTo(0,1);
			$('#v'+a+' img').css("border-color","#ccc");
		}
		$(document[ou]).fadeOut(0);
		//$(document[ou]).fadeIn("slow");
		$('#'+vignette+ ' img').fadeTo(200,0.75);
		$('#'+vignette+ ' img').css("border-color","#000");
	} ); 
	//
	gestionClic(data);
}
function imgLoaded2() {
	$('img#changingImg').fadeIn(200);
}
function ssmenu(qui) {
	var cible = "bloc"+qui;
	var ladiv = document.getElementById(cible);
	ladiv.style.display = "block";
}
//
var http; // Notre objet XMLHttpRequest
//
function createRequestObject()
{
	var http;
	if(window.XMLHttpRequest)
	{ // Mozilla, Safari, ...
		http = new XMLHttpRequest();
	}
	else if(window.ActiveXObject)
	{ // Internet Explorer
		http = new ActiveXObject("Microsoft.XMLHTTP");
	}
	return http;
}
function gestionClic(data)
{
	data = data.replace('/site/','/');
	if (document.getElementById('legende') != null) {
		document.getElementById('legende').innerHTML = '<em>Chargement...</em>';
	}
	if (document.getElementById('legende_small') != null) {
		document.getElementById('legende_small').innerHTML = '<em>Chargement...</em>';
	}
	if (document.getElementById('legende_medium') != null) {
		document.getElementById('legende_medium').innerHTML = '<em>Chargement...</em>';
	}
	http = createRequestObject();
	http.open('POST', '../legende.php', true);
	http.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");     
	http.onreadystatechange = handleAJAXReturn;
	http.send("qui="+data);
}

function handleAJAXReturn()
{
	if(http.readyState == 4)
	{
		if(http.status == 200)
		{
			if (document.getElementById('legende') != null) {
				document.getElementById('legende').innerHTML = http.responseText;
			}
			if (document.getElementById('legende_small') != null) {
				document.getElementById('legende_small').innerHTML = http.responseText;
			}
			if (document.getElementById('legende_medium') != null) {
				document.getElementById('legende_medium').innerHTML = http.responseText;
			}
		}
		else
		{
			if (document.getElementById('legende') != null) {
				document.getElementById('legende').innerHTML = "<strong>N/A</strong>";
			}
			if (document.getElementById('legende_small') != null) {
				document.getElementById('legende_small').innerHTML = "<strong>N/A</strong>";
			}
			if (document.getElementById('legende_medium') != null) {
				document.getElementById('legende_medium').innerHTML = "<strong>N/A</strong>";
			}
		}
	}
}

function ResetAll(qui, moi)
{
	var tempObj;
	for (a=0; a<55; a++) {
		tempObj = document.getElementById(eval("'bloc'+a"));
		if (tempObj != null) {
			if(tempObj.style.display != "none") {
				tempObj.style.display = "none";
			}
		};
	}
	var bloc = document.getElementById(eval("'bloc'+qui"));
	if (bloc.style.display == 'none') {
		bloc.style.display = 'block';
		$(bloc).show();
	}
}
function imprime() {
	if (typeof(window.print) != 'undefined')
	{
		window.print();
	}
}
//*************************************************************************************
// 																						ENVOYER MAIL
//*************************************************************************************
var mail_status = 0;
function openMail()
{
	$('#recherche').hide();
	if (!mail_status) {
		$('#mail').slideDown(500);
		mail_status = 1;
	} else {
		$('#mail').slideUp(500);
		mail_status = 0;
	}
}
function closeMail() {
	document.getElementById("message_mail").innerHTML = "";
	$('#mail').slideUp(500);
	mail_status = 0;
}
function envoyer_mail() {
	var nomE = document.getElementById('nomE').value;
	var mailE = document.getElementById('mailE').value;
	var mailD = document.getElementById('mailD').value;
	var url_brut = document.location.href;
	var url = encodeURIComponent(url_brut) ;

	if (nomE == "" || nomE == "Votre nom" || mailE == "" || mailE == "votre mail" || mailD == "" || mailD == "Envoyer à") {
		document.getElementById("message_mail").innerHTML = "Au moins un des champs n'est pas correctement renseigné !";
	} else {
		httpmail = createRequestObject();
		httpmail.open('POST', '../mail_process.php', true);
		httpmail.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");     
		httpmail.onreadystatechange = processMail;
		httpmail.send("nomE="+nomE+"&mailE="+mailE+"&mailD="+mailD+"&url="+url);
		//
		document.getElementById("message_mail").innerHTML = "<em>Envoi en cours...</em>";
	}
}
function processMail() {
	if(httpmail.readyState == 4)
	{
		if(httpmail.status == 200)
		{
			document.getElementById("message_mail").innerHTML = httpmail.responseText;
		}
		else
		{
			message = "Un problème technique s'est produit.<br />";
			message += "Veuillez essayer ultérieurement.";
			document.getElementById("message_mail").innerHTML = message;
		}
	}
}

function overImg() {
	$("img[id=changingImg]").hover(function(){
		var bbOpen = $(this).parent().parent().children("#bb_open");
		var hautLgd = $(this).parent().parent().children(".lgd").height();
		if (hautLgd == null) {
			hautLgd = -10;
		}
		var hauteur = (bbOpen.parent().height())-hautLgd;
		bbOpen.css("margin-top",hauteur-46+"px");
		bbOpen.fadeIn(300);
	},function(){
		var bbOpen = $(this).parent().parent().children("#bb_open");
	    bbOpen.fadeOut(300);
	 });
}