// JavaScript Document




var setOpacity = function(obj, value) {
  value = (value == 100)?99.999:value;
  objet = document.getElementById(obj);
  objet.style["filter"] = "alpha(opacity=" + value + ")";
  objet.style["-khtml-opacity"] = value/100;
  objet.style["-moz-opacity"] = value/100;
  objet.style["opacity"] = value/100;  
};

var nombre_image = 9;
var imgs = new Array();
var clients = new Array();
var titles = new Array();

var fade = function(type, obj, value, maxi, retard) {
	if(retard == 0) {
	switch(type) {
		case "in" :
			document.getElementById(obj).style.display = 'block';
    			if (value <= maxi) {
			value += 10;
			setOpacity(obj, value);
			window.setTimeout("fade('"+type+"','"+obj+"',"+value+","+maxi+",0)", 10);
			}
		break;
		case "out" :
    			if (value >= maxi) {
			value -= 10;
			setOpacity(obj, value);
			window.setTimeout("fade('"+type+"','"+obj+"',"+value+","+maxi+",0)", 50);
			} else {
			if(value <= 0) {
				//document.getElementById(obj).style.display = 'none';	
			}
			}
		break;
	}} else {
		window.setTimeout("fade('"+type+"','"+obj+"',"+value+","+maxi+",0)", retard);}	

};
	

var fadeAll = function(type, objName, indice, total) {
	if(indice <= total) {
		fade(type, objName+indice, 0, 60,0);
		indice += 1;
		window.setTimeout('fadeAll("'+type+'","'+objName+'",'+indice+','+total+')', 100);
		if(indice > nombre_image) {
			document.getElementById("JMruban").style.left = "-"+((indice-(nombre_image+1))*95)+"px";	
		}
	} else {

		document.getElementById("JMruban").style.left = "0px";

	if(total>nombre_image) {
		var  position = function(e) {
		{
		x = (navigator.appName.substring(0,3) == "Net") ? e.pageX : event.x+document.body.scrollLeft;
		y = (navigator.appName.substring(0,3) == "Net") ? e.pageY : event.y+document.body.scrollTop;
		
			
		var largeur = 400;
		
		var els = document.getElementById("JMruban").getElementsByTagName("div");
		
		if(y > document.getElementById('JMymin').innerHTML) {
		if(-x > -document.getElementById('JMxmin').innerHTML-20) {
				var coorX = 0;
		} else {
			if(-x > -document.getElementById('JMxmin').innerHTML-400){
				var coorX = Math.floor((((-els.length+1) * 95) + (nombre_image*95)) * ((x-document.getElementById('JMxmin').innerHTML-20) / 380) / (3)) * (3);
			} else {
				var coorX = Math.floor((((-els.length+1) * 95) + (nombre_image*95)));
			}
		}
		document.getElementById("JMruban").style.left = coorX+"px";
		} else {
			
		}
		}};
	} else {
		var position = function() { };

	}
		

		selectEl(document.getElementById("JMid_photo").innerHTML, position);
		fade("in", "el1", 60, 100, 200);	
	}
};
var JMGalerie = function(id_album, id_photo, ymin, xmin) {
	
		document.getElementById('JMgalerie').innerHTML = "<div id='JMid_album'></div><div id='JMid_photo'></div><div id='JMymin'></div><div id='JMxmin'></div><div id=\"JMchargement\"></div><div id=\"JMtheatre\"></div><div id=\"JMtitre\"></div><div id=\"JMnavigateur\"><div id=\"JMruban\"></div></div><div id=\"JMcache\"></div>";
		//setOpacity("JMtheatre", 0);
		document.getElementById('JMid_album').innerHTML = id_album;
		document.getElementById('JMid_photo').innerHTML = id_photo;
		document.getElementById('JMymin').innerHTML = document.getElementById("JMnavigateur").offsetTop;
		document.getElementById('JMxmin').innerHTML = document.getElementById("JMnavigateur").offsetLeft + 250;
		document.getElementById("JMtheatre").style.display = 'block';
		document.getElementById("JMchargement").innerHTML = '<p style="margin-top: 190px;"><img src="./images/wait.gif" /></p>';
		var mydate = Math.floor((new Date()).getTime() / 1000);
		new Ajax_request('files/'+filexml+'.xml',{method:'get',params:'mydate=' + mydate ,onSuccess:successNavInit});
};

var successNavInit = function(xhr) {
	
	var als = xhr.responseXML.getElementsByTagName("album");
	var id, al, els, id_album, j, msg;
	var navi = document.getElementById('JMruban');
	
	id_album = document.getElementById('JMid_album').innerHTML;
	
	for(i=0; i<als.length; i++) {
		id = als[i].attributes.getNamedItem("id").value;
		if(id==id_album) {
			els = als[i].getElementsByTagName("photo"); } }
			
	for(i=0; i<els.length; i++) {
		var source = els[i].attributes.getNamedItem("src").value; 
		
		imgs[i] = new Image();
		imgs[i].src = source;}
	

	for(i=0; i<els.length; i++) {
		titles[i] = els[i].attributes.getNamedItem("title").value;
		clients[i] = els[i].attributes.getNamedItem("client").value;
		j=i+1;
		navi.innerHTML = navi.innerHTML+"<div class='JMminiature' id='el"+ j +"'><a class='JMminiaturea' href='#al-"+id_album+"_el-"+j+"' onmouseover='fade(\"in\",\"el"+j+"\",60, 100,0)'; onmouseout='setOpacity(\"el"+j+"\",100)'; title='"+clients[i]+" : "+titles[i]+"' onclick=' selectEl("+j+")'><img src='./images/transparent.gif' /></a> </div> ";
		document.getElementById('el'+j).style.left = (10+(j*90)-90) + 'px';
		document.getElementById('el'+j).style.backgroundImage = "none";
		document.getElementById('el'+j).style.backgroundImage = "url('"+imgs[i].src+"')";}
		
	navi.innerHTML = navi.innerHTML+"<div class='JMminiatures' id='selector'></div> ";
	fadeAll("in", "el", 1, els.length);
};


var Chargement = function(im) {
	//alert(im.height);
	//alert (Math.round(im.height < 400 ? ((400 - im.height)/2 ) : 0) + 'px');
	document.getElementById("JMimg").style.top = Math.round(im.height < 400 ? ((400 - im.height)/2 ) : 0) + 'px';
	document.getElementById("page").style.width = ((screen.availWidth -20) < (im.width + 130) ? (im.width + 130) : (screen.availWidth - 40) ) + 'px';
	setOpacity("JMchargement", 0);
	//setOpacity("JMtheatre", 100);
};

var selectEl = function(el, func) {
	
	if(func!=null) {
	if(navigator.appName.substring(0,3) == "Net") 
	document.captureEvents(Event.MOUSEMOVE);
	document.onmousemove = func;
	}
	setOpacity("JMchargement", 100);
	var el1 = document.getElementById("JMid_photo").innerHTML;
	if(document.getElementById("JMid_photo").innerHTML!='0') {
		document.getElementById("selector").style.display = "none";
		document.getElementById("JMcache").style.display = "block";
		document.getElementById("el"+el).getElementsByTagName("a")[0].onmouseout = function() { };
		//fade("out", "JMtheatre", 50, 0, 0);
		var els = document.getElementById("JMruban").getElementsByTagName("div");
		fade("in", "el"+el, 40, 100, 0);
		for(i=1;i<els.length;i++) {
			if(i!=el) {
			setOpacity("el"+i, 100);
			}
		}
		document.getElementById("JMid_photo").innerHTML = 0;
		window.setTimeout("selectEl('"+el+"')", 100);
	}else{
		if(document.getElementById("el"+el1)) {
		document.getElementById("el"+el1).getElementsByTagName("a")[0].onmouseout = function() {fade("out","el"+el1+"",100, 60,0); };
		}
		document.getElementById("selector").style.display = "block";
		document.getElementById("selector").style.left = (el*90-90)+"px";
		//setOpacity("JMtheatre", 0);
		document.getElementById("JMtheatre").innerHTML = "<img id=\"JMimg\" src=\""+imgs[el-1].src.replace("files/", "files/gd_")+"\" onLoad=\"Chargement(this)\"/>";
		document.getElementById("JMtitre").innerHTML = "<strong>"+clients[el-1]+" : </strong>"+titles[el-1];
		//fade("in", "JMtheatre", 0, 100, 0);
		document.getElementById("JMid_photo").innerHTML = el;
		document.getElementById("JMcache").style.display = "none";
	}
	
};