function getXhr()
{
    var xhr=null;
	 
	if(window.XMLHttpRequest) // Firefox et autres
	   xhr = new XMLHttpRequest(); 
	else if(window.ActiveXObject){ // Internet Explorer 
	   try {
                xhr = new ActiveXObject("Msxml2.XMLHTTP");
            } catch (e) {
                xhr = new ActiveXObject("Microsoft.XMLHTTP");
            }
	}
	else { // XMLHttpRequest non supporté par le navigateur 
	   alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); 
	   xhr = false; 
	}
   
   return xhr;
}

// Node cleaner
function go(c)
{
	if(!c.data.replace(/\s/g,''))
	c.parentNode.removeChild(c);
}

function clean(d)
{
	var bal=d.getElementsByTagName('*');
	for(i=0;i<bal.length;i++)
	{
		a=bal[i].previousSibling;
		if(a && a.nodeType==3)
			go(a);
			b=bal[i].nextSibling;
		if(b && b.nodeType==3)
			go(b);
	}
	return d;
} 

function close_div(d)
{
	
	document.getElementById(d).className="tumevoispas";
}

function move_aff(e) {
  if(i) {  // Si la bulle est visible, on calcul en temps reel sa position ideale
    if (navigator.appName!="Microsoft Internet Explorer") { // Si on est pas sous IE
    GetId("curseur").style.left=e.pageX + 5+"px";
    GetId("curseur").style.top=e.pageY + 10+"px";
    }
    else { // Modif proposé par TeDeum, merci à lui
    if(document.documentElement.clientWidth>0) {
	GetId("curseur").style.left=20+event.x+document.documentElement.scrollLeft+"px";
	GetId("curseur").style.top=10+event.y+document.documentElement.scrollTop+"px";
    } else {
	GetId("curseur").style.left=20+event.x+document.body.scrollLeft+"px";
	GetId("curseur").style.top=10+event.y+document.body.scrollTop+"px";
	     }
    }
  }
}






function photo_aff(tab_ref, id_ref, page_photo, nbr_photo_col_max, nbr_total_page, taille_max){
	var xhr = getXhr();
	//on affiche le message d'attente
	xhr.onreadystatechange = function()
	{
		// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
		if(xhr.readyState == 4 && xhr.status == 200)
		{
			//on efface le message d'attente
			
			
			document.getElementById("gallerie"+id_ref).innerHTML = "";
			
			var docXML=  clean(xhr.responseXML);
			var items = docXML.getElementsByTagName("photos")
			
			//on fait juste une boucle sur chaque element "donnee" trouvé
			
			if(items.length > 0)
			{
				
				if(tab_ref == 'gallerie')
				{
					var style_tab = "align='center'";
				}else
				{
					if(tab_ref == 'musiciens')
					{
					
						var style_tab = "align='left'";
					}
					
				}
			var txt = "<table cellpadding='0' cellspacing='0' border='0' "+style_tab+"><tr><td colspan='3'><table align='center'  cellpadding='2' id='gallerie_ajax' ><tr>";
			
		
			
			var col = 1;
			var i_photo = 1;
			
			
			for (i=0;i<items.length;i++)
			{
				var param_photos = items[i];
				var cheminphoto =  param_photos.getElementsByTagName("chemin")[0].firstChild.nodeValue;
				var total_page = param_photos.getAttribute("total_page") ;
				var id_photo = param_photos.getAttribute("id_photo") ;
				var popup_photo = 'photo_open("'+tab_ref+'", "'+id_ref+'", "0", "'+id_photo+'", '+taille_max+' , "manuelle");';
				
				txt += "<td width='77' height='77' class='liste_img' align='center' onclick='"+popup_photo+"'><img src='"+cheminphoto+"_mini.jpg' border='0'></td>";
				
				if(i_photo < items.length   &&   (col/nbr_photo_col_max)==1)
				{
						txt += "</tr><tr>";
						col = 0;
				}
				if((i_photo == items.length)  &&  nbr_photo_col_max > nbr_total_page)
				{
					for(var complete = col ; complete<nbr_photo_col_max; complete++)
					{
						txt += "<td width='77' height='77'></td>";
					}
				}
				col++;
				i_photo++;
			}
			
			if(items.length <= nbr_photo_col_max  &&  nbr_photo_col_max > nbr_total_page)
			{
				txt += "<tr><td colspan='"+nbr_photo_col_max+"' height='77'>&nbsp;</td></tr>";
			}
			
			
			var p_suivante = page_photo;
			p_suivante++			
			var p_precedente = page_photo - 1;
			var suivant = 'photo_aff("'+tab_ref+'", "'+id_ref+'", "'+p_suivante+'", "'+nbr_photo_col_max+'", "'+nbr_total_page+'")';
			var precedent = 'photo_aff("'+tab_ref+'", "'+id_ref+'", "'+p_precedente+'", "'+nbr_photo_col_max+'", "'+nbr_total_page+'")';
			
			var nav_gallerie = "<tr>";
			
			
			if(page_photo !=  1)
			{
				
				nav_gallerie += "<td onclick='"+precedent+"' id='fleche_img'><img src='images/elements/ajax/fleche_gaucheGal.gif' border='0'></td>";
			}else
			{
				nav_gallerie += "<td><img src='images/elements/ajax/fleche_gaucheG.gif' border='0'></td>";
			}
			
			
			nav_gallerie += "<td align='center' id='nav_photo'>page "+page_photo+" de "+total_page+"</td>";
		
		
			if(page_photo !=  total_page)
			{
				nav_gallerie += "<td align='right' onclick='"+suivant+"' id='fleche_img'><img src='images/elements/ajax/fleche_droiteGal.gif' border='0'></td>";
			}else
			{
				nav_gallerie += "<td align='right'><img src='images/elements/ajax/fleche_droiteG.gif' border='0'></td>";
			}
			
			nav_gallerie += "</tr>";
			
			
			
			if(total_page < 2)
			{
				nav_gallerie = "";
			}
			
			
			
			
					txt += "</tr></table></td></tr>"+nav_gallerie+"</table>" ;
			document.getElementById("gallerie"+id_ref).className="transparent";
			document.getElementById("gallerie"+id_ref).innerHTML =  txt;
			}
			
		}
	}
	
	xhr.open("GET","ajax_photo_list.php?tab_ref="+tab_ref+"&id_ref="+id_ref+"&page_photo="+page_photo+"&max_page="+nbr_total_page+"&type_aff=GALLERIE",true);
	xhr.send(null); 
				
}



function photo_open(tab_ref, id_ref, page_photo_open, id_photo,taille_max, type_action){
	
	var xhr = getXhr();
	//on affiche le message d'attente
	
	if(tab_ref == "avendre")
	{
		var nom_div = "transparent_gallerie_avendre";
	}else
	{
		var nom_div = "transparent_gallerie"+id_ref;
	}
			
   	 document.getElementById(nom_div).className="tumevois";
	
	xhr.onreadystatechange = function()
	{
		// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
		if(xhr.readyState == 4 && xhr.status == 200)
		{
			//on efface le message d'attente
			
			
			document.getElementById(nom_div).className="tumevoispas";
			
			document.getElementById(nom_div).innerHTML = "";
			
			var docXML=  clean(xhr.responseXML);
			var items = docXML.getElementsByTagName("photos");
			var params_photo = items[0];
			var id_photo =  params_photo.getAttribute("id_photo") ;
			var photo_precedente =  params_photo.getAttribute("photo_precedente") ;
			var photo_suivante =  params_photo.getAttribute("photo_suivante") ;
			
			var cheminphoto =  params_photo.getElementsByTagName("chemin")[0].firstChild.nodeValue;
			var nom_gallerie =  params_photo.getElementsByTagName("nom_gallerie")[0].firstChild.nodeValue;
			
			
			
			var style_img = "";
			
			var tab_doc = new Array ((document.documentElement && document.documentElement.scrollLeft) || window.pageXOffset || self.pageXOffset || document.body.scrollLeft,(document.documentElement && document.documentElement.scrollTop) || window.pageYOffset || self.pageYOffset || document.body.scrollTop);
			

	var pad_ecran = tab_doc[1] +5;
	var taille_tab = (taille_max + 6);	
if( tab_doc[1] == 0){pad_ecran = pad_ecran + 40;}
	
	
	
				if(tab_ref == 'gallerie')
				{
					document.location = "#top_section";
					var style_tab = "";
					//var style_tab = " class='photo_open_tab'";
				}else
				{
					if(tab_ref == 'musiciens')
					{		
							if(type_action != "auto" )
							{
							//document.location = "#anchor_"+id_ref;
							}
						var style_tab = " height='400'";
					}
					
				}

			txt = "<table cellspacing='0' cellpadding='0' border='0' "+style_tab+">";
				
				if(photo_suivante>0)
				{
					var suivant = 'photo_open("'+tab_ref+'", "'+id_ref+'", "1", "'+photo_suivante+'", '+taille_max+')';
				}else
				{
					var suivant = '';
				}
				
				if(photo_precedente>0)
				{
					var precedent = 'photo_open("'+tab_ref+'", "'+id_ref+'", "-1", "'+photo_precedente+'", '+taille_max+')';
				}else
				{
					var precedent = '';
				}
			txt += "<tr><td  colspan='3'  align='center' width='"+taille_tab+"' height='"+taille_tab+"'><img src='"+cheminphoto+"_BIG.jpg' class='gallerie_img'></td></tr>";
			txt += "<tr><td onclick='"+precedent+"' id='fleche_precedent' title='pr&eacute;c&eacute;dent' height='35' align='left'><img src='images/elements/ajax/fleche_gauche_site.gif' border='0'></td>";
			txt += "<td title='Fermer' align='center'><a href=javascript:close_div('"+nom_div+"');><img src='images/elements/ajax/close_site.gif' border='0' alt='fermer' ></a></td>";
			txt += "<td align='right' onclick='"+suivant+"' id='fleche_suivant' title='suivant' height='35'><img src='images/elements/ajax/fleche_droite_site.gif' border='0'></td></tr></table>" ;
			
			
			document.getElementById(nom_div).className="tumevois";
			document.getElementById(nom_div).innerHTML =  txt;
			
			
		}
	}
	
	xhr.open("GET","ajax_photo_list.php?tab_ref="+tab_ref+"&id_ref="+id_ref+"&page_photo_open="+page_photo_open+"&id_photo="+id_photo+"&type_aff=PHOTO",true);
	xhr.send(null); 
				
				
}