// JavaScript Document
var langue = (document.location == "http://www.clairelouvet.fr/index_fr.php" || document.location == "http://clairelouvet.fr/index_fr.php") ? "francais" : "anglais";

$(document).ready(function() {

//pour le centrage vertical du div central
var doc = document.documentElement;
var top = (doc.clientHeight-630)/2;
if(doc.clientHeight > 600) { $('#global').attr({style : "top :"+top+"px;"}); }

// pour le menu déroulant
var nav = navigator.appName;
var haut = (nav == "Microsoft Internet Explorer" && navigator.appVersion.search('MSIE7')!=-1) ? 185 : 115;

$('#critiques').mouseover(function(){ $('#menuDeroulant').attr({ style : "visibility :visible; top :"+haut+"px;" }); });
//$('#critiques').mouseout(function(){ delai = setTimeout('$("#menuDeroulant").attr({ style : "visibility :hidden;"})',1000); });
$('#critiques').mouseout(function(){ delai = setTimeout('$("#menuDeroulant").fadeOut("normal")',600); });

$('#menuDeroulant').mouseover(function(){ clearTimeout(delai); $(this).attr({ style : "visibility :visible; top :"+haut+"px;"}); });
$('#menuDeroulant').mouseout(function(){ $(this).attr({ style : "visibility :hidden;"}); });
//$('#menuDeroulant').mouseout(function(){ $("#menuDeroulant").fadeOut("normal"); });
//pour les liens dans le menu deroulant
$('#menuDeroulant > div').mouseover(function(){ $("#menuDeroulant").attr({ style : "visibility :visible; top :"+haut+"px;"}); });
$('#menuDeroulant > div').click(function()
										 {								
										var tab = $(this).attr('id').split('-');
										
										$('#infos').load("actions.php","action=textes&id="+tab[1],
										function(){
										$('#infos').scrollTop(0);
						  				$('#vignettes,#conteneur_btn,#titreTableau').attr({ style : "visibility :hidden;"}); 
						  				$('#btn_haut,#btn_bas').attr({ style : "visibility :visible;"});
						  						});
										 });


//pour le rollover et defilement du div vignettes et infos
$('#btn_gauche').mouseover(function(){ $(this).attr({src : "img/btn_gauche_on.gif"}); 
										delai = setInterval(function(){$('#vignettes').scrollLeft(parseInt($('#vignettes').scrollLeft())-20);},100);
									});
$('#btn_gauche').mouseout(function(){ $(this).attr({src : "img/btn_gauche_off.gif"}); clearInterval(delai); });
$('#btn_droit').mouseover(function(){ $(this).attr({src : "img/btn_droit_on.gif"});
 										delai = setInterval(function(){$('#vignettes').scrollLeft(parseInt($('#vignettes').scrollLeft())+20);},100);
									});
$('#btn_droit').mouseout(function(){$(this).attr({src : "img/btn_droit_off.gif"}); clearInterval(delai); });

$('#btn_haut').mouseover(function(){ $(this).attr({src : "img/btn_haut_on.gif"}); 
										delai = setInterval(function(){$('#infos').scrollTop(parseInt($('#infos').scrollTop())-20);},100);
									});
$('#btn_haut').mouseout(function(){ $(this).attr({src : "img/btn_haut_off.gif"}); clearInterval(delai); });
$('#btn_bas').mouseover(function(){ $(this).attr({src : "img/btn_bas_on.gif"});
 										delai = setInterval(function(){$('#infos').scrollTop(parseInt($('#infos').scrollTop())+20);},100);
									});
$('#btn_bas').mouseout(function(){$(this).attr({src : "img/btn_bas_off.gif"}); clearInterval(delai); });

//pour renseigner les infos sur la toile
var tab = $('td:first > img').attr('id').split('|');
var lg = (langue == "anglais") ? tab[1] : tab[0];
$('#titretoile').html(lg);
$('#annee').html(tab[3]);
$('#dimensions').html(tab[2]+" cm");
centrage_toile(tab[5],tab[6]);

//évènements sur les vignettes
$('td > img').click(
function()
{
var tab = $(this).attr('id').split('|');
var lg = (langue == "anglais") ? tab[1] : tab[0];
$('#titretoile').html(lg);
$('#annee').html(tab[3]);
$('#dimensions').html(tab[2]+" cm");
if($('#tableau').attr('src') != 'http://www.clairelouvet.fr/photos/'+tab[4])
{
$('#tableau').fadeOut("250",function(){ 
									 $('#tableau').attr({ src : "http://www.clairelouvet.fr/photos/"+tab[4] }); 
									 centrage_toile(tab[5],tab[6]);
									 });

$('#tableau').fadeIn("250");
}

});

//menu ajax
$('#news').click(function(){ 						  
						  $('#infos').load("actions.php","action=news&lg="+langue,
						  
						  function(){
						  $('#infos').scrollTop(0);
						  $('#vignettes,#conteneur_btn,#titreTableau').attr({ style : "visibility :hidden;"}); 
						  $('#btn_haut,#btn_bas').attr({ style : "visibility :visible;"});
						  });
						  });
							  
$('#contact').click(function(){ 
							 $('#infos').load("actions.php","action=contact&lg="+langue, 
							function(){
							$('#infos').scrollTop(0);
						  	$('#vignettes,#conteneur_btn,#titreTableau,#btn_haut,#btn_bas').attr({ style : "visibility :hidden;"});
							}
							);
							});
$('#bio').click(function(){ 
							 $('#infos').load("actions.php","action=bio&lg="+langue, 
							function(){
							$('#infos').scrollTop(0);
						  	$('#btn_haut,#btn_bas').attr({ style : "visibility :visible;"});
							$('#vignettes,#conteneur_btn,#titreTableau').attr({ style : "visibility :hidden;"});
							}
							);
							});
			  
});

//pour l'envoi d'email
function verif()
{
var emailRegEx = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
var email = $('#email').val();
if(!email.match(emailRegEx)){
var mot = (langue == "francais") ? "Le champ email n'est pas renseigné ou l'email est incorrect." : "Email is required.";
alert(mot);  
$('#email').focus();
}
else if($('#formulaire').val() == "")
	{
	var mot = (langue == "francais") ? "Le message est vide." : "Message is required.";
	alert(mot);  
	$('#formulaire').focus();
}
								  
else { 
	$.post("envoi.php",{ email : $('#email').val(), msg : $('#formulaire').val()},
	function(data)
				{
				$('#email').val('');
				$('#formulaire').val('');
				if(data == 1) { 
				var reponse = (langue == "francais") ? "L'email a bien été envoyé." : "The email has been sent properly.";
				alert(reponse);
								}
				});					  
	}
								   
}

function centrage_toile(largeur,hauteur)
{
var difh = (550-hauteur)/2;
var difl = (470-largeur)/2;

$('#tableau').attr({ style : "margin-top:"+difh+"px; margin-left:"+difl+"px;"});

}