function new_xhr(){
	var xhr_object = null;
	if(window.XMLHttpRequest)
	   xhr_object = new XMLHttpRequest();
	else if(window.ActiveXObject){
	   try {
                xhr_object = new ActiveXObject("Msxml2.XMLHTTP");
            } catch (e) {
                xhr_object = new ActiveXObject("Microsoft.XMLHTTP");
            }
	}
	else {
	   alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");
	   xhr_object = false;
	}
	return xhr_object;
}


function lien(select,target) {
	var xhr2 = new_xhr();


	xhr2.onreadystatechange = function(){
		if ( xhr2.readyState == 4 ){
			if(xhr2.status  != 200){
				document.getElementById(target).innerHTML = xhr2.status;
			} else {
				document.getElementById(target).innerHTML = xhr2.responseText;
			}
		} else {
			//document.getElementById(target).innerHTML = "<table id=\"loading\"><tr><td ALIGN=\"center\" VALIGN=\"middle\"><img src=\"images/ajax-loader.gif\"></td></tr></table>";
		}
				
	}
	
	xhr2.open("GET", select, true);
	xhr2.send(null);
	
//	alert(select);

}

function galerie(categorie) {

	if ( (document.documentElement.clientHeight) >= 700 ) {
	
		$('div#contener').fadeOut("fast");
		var hauteur = (document.documentElement.clientHeight) - 200;
		var hauteur_iframe = hauteur + 80;
		var top_iframe = (document.documentElement.clientHeight) - hauteur_iframe ;
		var top_iframe = top_iframe / 2 ;
		//alert(top_iframe);
		
		//$("body").append("<div id='galerie-alternative-close' onclick='galerie_alternative_close();'>CLOSE</div><div id='galerie-alternative-menu-bouton' onclick='galerie_alternative_menu();'>MENU</div><iframe height='"+hauteur_iframe+"' style='top: "+top_iframe+"px;' id='galerie-alternative' src='inc/galerie-alternative.php?categorie="+categorie+"&height="+hauteur+"'></iframe>");
		$("body").append("<div id='galerie-alternative-topmenu'><div class='galerie-alternative-menu-bouton' onclick='galerie_alternative_menu();'>MENU</div><div class='galerie-alternative-menu-bouton' onclick='galerie_alternative_close();'>CLOSE</div></div><iframe height='"+hauteur_iframe+"' style='top: "+top_iframe+"px;' id='galerie-alternative' src='inc/galerie-alternative.php?categorie="+categorie+"&height="+hauteur+"'></iframe>");
	}
	else { lien("inc/galerie.php?categorie="+categorie+"","contenu"); }
}

function galerie_alternative(categorie) {
	//alert(categorie);
	var iframe_height = $("iframe#galerie-alternative").height();  
	var hauteur = iframe_height - 80;
	$("iframe#galerie-alternative").attr("src", "inc/galerie-alternative.php?categorie="+categorie+"&height="+hauteur+"");
	$("div#galerie-alternative-topmenu").fadeIn("fast");
	$('div#galerie-alternative-menu').animate({	left: '-=710'}, 300, function() {	});
	$('iframe#galerie-alternative').animate({ opacity: 1}, 300, function() {	});
}


function galerie_alternative_menu() {
	//alert("remove");
	$("div#galerie-alternative-topmenu").fadeOut("fast");
	$('div#galerie-alternative-menu').animate({	left: '+=710'}, 300, function() {	});
	$('iframe#galerie-alternative').animate({ opacity: 0.2}, 300, function() {	});
}

function galerie_alternative_menu_close() {
	//alert("remove");
	$("div#galerie-alternative-topmenu").fadeIn("fast");
	$('div#galerie-alternative-menu').animate({	left: '-=710'}, 300, function() {	});
	$('iframe#galerie-alternative').animate({ opacity: 1}, 300, function() {	});
}

function galerie_alternative_close() {
	//alert("remove");
	$('div#contener').fadeIn("slow");
	$('div#galerie-alternative-topmenu').remove();
	$('iframe#galerie-alternative').remove();
}



function affiche_photo(select,target,mini) {

	var xhr2 = new_xhr();
	var mini = mini 

	xhr2.onreadystatechange = function(){
		if ( xhr2.readyState == 4 ){
			if(xhr2.status  != 200){
				document.getElementById(target).innerHTML = xhr2.status;
			} else {
				document.getElementById(target).innerHTML = xhr2.responseText;
			}
		} else {
			//document.getElementById(target).innerHTML = "<table id=\"loading\"><tr><td ALIGN=\"center\" VALIGN=\"middle\"><img src=\"images/ajax-loader.gif\"></td></tr></table>";
		}
				
	}
	
	xhr2.open("GET", select, true);
	xhr2.send(null);
	

// change les contour de l'image selectionné en rouge ( paramettre complet sinon foire sous ie, donc a relier au conf du php )
$("img.mini").css("border","solid white 1px");
$("img#mini_"+mini+"").css("border","solid red 1px");

$("input#current-id").attr("value", ""+mini+"") ;
	
	var current_curseur = $("div#galerie-curseur-"+mini+"").attr("value");
	var current_curseur = parseInt(current_curseur);
	
	var valeur_scrolling = $("input#valeur-scrolling").attr("value");
	var valeur_scrolling = parseInt(valeur_scrolling);

	var current_scrolling = $("input#current-scrolling").attr("value"); 	
	var current_scrolling = parseInt(current_scrolling);

	
		
	$("input#current-curseur").attr("value", ""+current_curseur+"" ); 
	
	//alert("current_curseur: "+current_curseur+" / valleur_scrolling : "+valeur_scrolling+"");
	
	// valeur negative de scroll 
	if ( current_curseur == 0 ) { 
	var current_curseur = 0 ;
	var current_scrolling = 0 ;
	$("input#current-curseur").attr("value", "0" );
	$("input#current-scrolling").attr("value", "0" );
	}
	
	
	else if ( current_curseur > valeur_scrolling + current_scrolling ) {

	var current_scrolling =  current_curseur / valeur_scrolling  ;	
	var current_scrolling = Math.round(current_scrolling)
	var current_scrolling = valeur_scrolling * current_scrolling ;
	//alert(current_scrolling) ;
	var current_curseur = current_curseur + valeur_scrolling ;
	
	$("input#current-curseur").attr("value", ""+current_scrolling+"" ); 
	$("input#current-scrolling").attr("value", ""+current_scrolling+"" ); 
	
//		alert(current_scrolling) ;
	
	galerie_suivant();
	
	}
	
	
	

	else if ( current_curseur - 7 < current_scrolling  ) {

		
	// le -7 est pour le defilement de la margin ( champ input a rajouter )
	var current_scrolling =  current_curseur - valeur_scrolling ;	
	var current_scrolling =  current_scrolling / valeur_scrolling  ;	
	var current_scrolling = Math.round(current_scrolling)
	var current_scrolling = valeur_scrolling * current_scrolling ;
	//	alert(current_scrolling)



	var current_curseur = current_curseur - valeur_scrolling ;
	
	$("input#current-curseur").attr("value", ""+current_scrolling+"" ); 
	$("input#current-scrolling").attr("value", ""+current_scrolling+"" ); 

	galerie_precedant();

	}	




}

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////HD PHOTO //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

function mobile_help_close() {
	$("div#mobile-help").fadeOut("slow");
}

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////HD PHOTO //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

function affiche_photo_hd(lien) {
	//alert(lien);
	zoombox.init();
	zoombox.open(""+lien+"");
}




function acceuil_suivant() {
$('#acceuil-scrolling').scrollTo( '+=660px', 400, {axis:'x'} );//only scroll on this axis (can be x, y, xy or yx)
}

function acceuil_precedant() {
$('#acceuil-scrolling').scrollTo( '-=660px', 400, {axis:'x'} );//only scroll on this axis (can be x, y, xy or yx)
}


//////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////

//////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////



function galerie_suivant() {

var numero_page = $("input#numero-page").attr("value") ;
var numero_page_max = $("input#numero-page-max").attr("value") ;
var numero_page = parseInt(numero_page);

if ( numero_page < numero_page_max )  {

	$('#galerie-scrolling').scrollTo( '+=550px', 400, {axis:'x'} );//only scroll on this axis (can be x, y, xy or yx)
	var numero_page = numero_page + 1 ;
	$("input#numero-page").attr("value", ""+numero_page+""); 
	$("a.galerie-numero-page").css("background-color","#252525");
	$("a#galerie-numero-page-"+numero_page+"").css("background-color","red");

	$("input#current-numero-page").attr("value", ""+numero_page+""); 
	}

}




function galerie_suivant_click() {

	var current_scrolling = $("input#current-scrolling").attr("value"); 	
	var current_scrolling = parseInt(current_scrolling);
	
	var valeur_scrolling = $("input#valeur-scrolling").attr("value");
	var valeur_scrolling = parseInt(valeur_scrolling);

	var current_scrolling = current_scrolling + valeur_scrolling ;
	
	var numero_page = $("input#numero-page").attr("value") ;
	var numero_page_max = $("input#numero-page-max").attr("value") ;
	var numero_page = parseInt(numero_page);

	var valeur_scrolling_max = ( numero_page_max - 1 ) * valeur_scrolling ;

	if ( current_scrolling <= valeur_scrolling_max ) {  

	$("input#current-curseur").attr("value", ""+current_scrolling+"" ); 
	$("input#current-scrolling").attr("value", ""+current_scrolling+"" ); 

}

// alert (" je suis venu par click / current_scrolling :  "+current_scrolling+"" );

	$("input#current-id").attr("value", "NaN"); 
	
	//alert("pagesuivante");
 
}



//////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////


//////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////


function galerie_precedant() {

$('#galerie-scrolling').scrollTo( '-=550px', 400, {axis:'x'} );//only scroll on this axis (can be x, y, xy or yx)
var numero_page = $("input#numero-page").attr("value") ;
var numero_page = parseInt(numero_page);

if ( numero_page > 1 )  {
	var numero_page = numero_page - 1 ;
	$("input#numero-page").attr("value", ""+numero_page+""); 
	$("a.galerie-numero-page").css("background-color","#252525");
	$("a#galerie-numero-page-"+numero_page+"").css("background-color","red");
	//alert(numero_page);
}

}

function galerie_precedant_click() {

	var current_scrolling = $("input#current-scrolling").attr("value"); 	
	var current_scrolling = parseInt(current_scrolling);
	
	var valeur_scrolling = $("input#valeur-scrolling").attr("value");
	var valeur_scrolling = parseInt(valeur_scrolling);

	var current_scrolling = current_scrolling - valeur_scrolling ;
	
	if ( current_scrolling < 0 ) { var current_scrolling = 0 }

	$("input#current-curseur").attr("value", ""+current_scrolling+"" ); 
	$("input#current-scrolling").attr("value", ""+current_scrolling+"" ); 
	
	$("input#current-id").attr("value", "NaN"); 
	
	
	

// alert (" je suis venu par click / current_scrolling :  "+current_scrolling+"" );

}



//////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////

















//////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////




function galerie_photo_suivant() {



var nombre_fichier = $("input#nombre-fichier").attr("value") ;
var nombre_fichier = parseInt(nombre_fichier);
var current_photo = $("input#current-id").attr("value") ;
var current_photo = parseInt(current_photo);

// filtre pour empecher d'aller trop loin
if ( current_photo < nombre_fichier ) {  





var next_photo = current_photo + 1 ;
var mini = next_photo ;

$("img.mini").css("border","solid white 1px");
$("img#mini_"+next_photo+"").css("border","solid red 1px");

$("input#current-id").attr("value", ""+next_photo+"") ;


var select = $("a#"+next_photo+"").attr("href") ;
var target = $("a#"+next_photo+"").attr("target") ;

//alert(target);
//alert("photo en cours : "+current_photo+"  / prochaine photo : "+next_photo+"   ");

	var xhr2 = new_xhr();
	var mini = mini 

	xhr2.onreadystatechange = function(){
		if ( xhr2.readyState == 4 ){
			if(xhr2.status  != 200){
				document.getElementById(target).innerHTML = xhr2.status;
			} else {
				document.getElementById(target).innerHTML = xhr2.responseText;
			}
		} else {
			//document.getElementById(target).innerHTML = "<table id=\"loading\"><tr><td ALIGN=\"center\" VALIGN=\"middle\"><img src=\"images/ajax-loader.gif\"></td></tr></table>";
		}
				
	}
	
	xhr2.open("GET", select, true);
	xhr2.send(null);

// calcul du scrolling



	var current_curseur = $("div#galerie-curseur-"+mini+"").attr("value");
	var current_curseur = parseInt(current_curseur);
	
	var valeur_scrolling = $("input#valeur-scrolling").attr("value");
	var valeur_scrolling = parseInt(valeur_scrolling);

	var current_scrolling = $("input#current-scrolling").attr("value"); 	
	var current_scrolling = parseInt(current_scrolling);

	
		
	$("input#current-curseur").attr("value", ""+current_curseur+"" ); 
	
//	alert("current_curseur: "+current_curseur+" / valleur_scrolling : "+valeur_scrolling+"");
	
	if ( current_curseur > valeur_scrolling + current_scrolling ) {

	var current_scrolling =  current_curseur / valeur_scrolling  ;	
	var current_scrolling = Math.round(current_scrolling)
	var current_scrolling = valeur_scrolling * current_scrolling ;
	//alert(current_scrolling) ;



	var current_curseur = current_curseur + valeur_scrolling ;
	
	$("input#current-curseur").attr("value", ""+current_scrolling+"" ); 
	$("input#current-scrolling").attr("value", ""+current_scrolling+"" ); 
	
//		alert(current_scrolling) ;
	
	galerie_suivant();
	
	}




	
//fin pour empecher de sortir du cadre par defillement	
}
	

}





//////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////




//////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////




function galerie_photo_precedant() {



var current_photo = $("input#current-id").attr("value") ;
var current_photo = parseInt(current_photo);


if ( current_photo > 1 ) {
var next_photo = current_photo - 1 ;
var mini = next_photo ;

 

$("img.mini").css("border","solid white 1px");
$("img#mini_"+next_photo+"").css("border","solid red 1px");

$("input#current-id").attr("value", ""+next_photo+"") ;


var select = $("a#"+next_photo+"").attr("href") ;
var target = $("a#"+next_photo+"").attr("target") ;

//alert(target);
//alert("photo en cours : "+current_photo+"  / prochaine photo : "+next_photo+"   ");

	var xhr2 = new_xhr();
	var mini = mini 

	xhr2.onreadystatechange = function(){
		if ( xhr2.readyState == 4 ){
			if(xhr2.status  != 200){
				document.getElementById(target).innerHTML = xhr2.status;
			} else {
				document.getElementById(target).innerHTML = xhr2.responseText;
			}
		} else {
			//document.getElementById(target).innerHTML = "<table id=\"loading\"><tr><td ALIGN=\"center\" VALIGN=\"middle\"><img src=\"images/ajax-loader.gif\"></td></tr></table>";
		}
				
	}
	
	xhr2.open("GET", select, true);
	xhr2.send(null);

// calcul du scrolling



	var current_curseur = $("div#galerie-curseur-"+mini+"").attr("value");
	var current_curseur = parseInt(current_curseur);
	
	var valeur_scrolling = $("input#valeur-scrolling").attr("value");
	var valeur_scrolling = parseInt(valeur_scrolling);

	var current_scrolling = $("input#current-scrolling").attr("value"); 	
	var current_scrolling = parseInt(current_scrolling);

	
		
	$("input#current-curseur").attr("value", ""+current_curseur+"" ); 
	
//	alert("current_curseur: "+current_curseur+" / valleur_scrolling : "+valeur_scrolling+"");
	
	 if ( current_curseur < current_scrolling ) {
	
	
	var current_scrolling =  current_curseur - valeur_scrolling ;	
	var current_scrolling =  current_scrolling / valeur_scrolling  ;	
	var current_scrolling = Math.round(current_scrolling)
	var current_scrolling = valeur_scrolling * current_scrolling ;
	//	alert(current_scrolling)



	var current_curseur = current_curseur - valeur_scrolling ;
	
	$("input#current-curseur").attr("value", ""+current_scrolling+"" ); 
	$("input#current-scrolling").attr("value", ""+current_scrolling+"" ); 

	galerie_precedant();

	}	
	
	
//fin d'empecherment negatif
}	

}





//////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////





























function page_switch(page_switch,numero_page) {

//$('#galerie-scrolling').scrollTo( '-=100000000px', 0, {axis:'x'} );//only scroll on this axis (can be x, y, xy or yx)
//$('#galerie-scrolling').scrollTo( "+="+page_switch+"px", 0, {axis:'x'} );//only scroll on this axis (can be x, y, xy or yx)
//$("div#galerie-mini").hide();
//$("div#galerie-mini").fadeIn(400);

	var current_scrolling = $("input#current-scrolling").attr("value"); 	
	var current_scrolling = parseInt(current_scrolling);

	var valeur_scrolling = $("input#valeur-scrolling").attr("value");
	var valeur_scrolling = parseInt(valeur_scrolling);

	var numero_page = numero_page.replace("galerie-numero-page-","");
	var numero_page = parseInt(numero_page);
	
	var current_page = $("input#numero-page").attr("value"); 	
	var current_page = parseInt(current_page);



	if ( numero_page > current_page ) {
	var scrolling = ( numero_page - current_page ) * valeur_scrolling  ;
	var current_scrolling = current_scrolling + scrolling ; 	
//	alert( "current_scrolling > "+current_scrolling+" scrolling > "+scrolling+"" );
	$('#galerie-scrolling').scrollTo( "+="+scrolling+"px", 1000, {axis:'x'} );//only scroll on this axis (can be x, y, xy or yx) 
	$("input#current-curseur").attr("value", ""+current_scrolling+"" ); 
	$("input#current-scrolling").attr("value", ""+current_scrolling+"" ); 

	}




	if ( numero_page < current_page ) {
	var scrolling = ( current_page - numero_page ) * valeur_scrolling ;
	var current_curseur = ( numero_page * valeur_scrolling ) - valeur_scrolling;
	//alert(current_curseur); 
	$('#galerie-scrolling').scrollTo( "-="+scrolling+"px", 1000, {axis:'x'} );//only scroll on this axis (can be x, y, xy or yx) 
	$("input#current-curseur").attr("value", ""+current_curseur+"" ); 
	$("input#current-scrolling").attr("value", ""+current_curseur+"" ); 
	}


$("input#numero-page").attr("value", ""+numero_page+""); 
$("input#current-id").attr("value", "NaN"); 

$("a.galerie-numero-page").css("background-color","#252525");
$("a#galerie-numero-page-"+numero_page+"").css("background-color","red");

}













function detection_redim()
{
 window.onresize = margin_top;
}

function margin_top()
{
	var largeur = (document.body.clientWidth);
	var hauteur = (document.documentElement.clientHeight);

	var hauteur_contener = $("div#contener").css("height"); 	
	var hauteur_contener = hauteur_contener.replace("px","");
	var hauteur_contener = parseInt(hauteur_contener);

	var margin_top = ( hauteur - hauteur_contener ) / 2;

	$("div#contener").css("margin-top",""+margin_top+"px");

	var menu_height = $("div#galerie-alternative-menu").height();
	var menu_top = (hauteur - menu_height ) / 2 ;
	$("div#galerie-alternative-menu").css("top",""+menu_top+"px");
	

//alert ("votre resolution est de : "+largeur+" / "+hauteur+" hauteur du conteneur :  "+hauteur_contener+" px / margin-top "+margin_top+" px"); 

}