// 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.KHTMLOpacity = value/100;
  objet.style.MozOpacity = value/100;
  objet.style.opacity = value/100;
};

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 > 7) {
			document.getElementById("JMruban").style.left = "-"+((indice-8)*80)+"px";	
		}
	} else {

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

	if(total>7) {
		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 = 600;
		
		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) * 80) + (7*80)) * ((x-document.getElementById('JMxmin').innerHTML-20) / 380) / (3)) * (3);
			} else {
				var coorX = Math.floor((((-els.length+1) * 80) + (7*80)));
			}
		}
		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=\"JMbottom\"><div id=\"JMbottomt\"></div><div id=\"JMbottomd\"></div><div id=\"JMbottomg\"></div></div><div id=\"JMchargement\"></div><div id=\"JMtheatre\"></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 + 100;
		document.getElementById("JMtheatre").style.display = 'block';
	document.getElementById("JMchargement").innerHTML = '<p style="margin-top: 180px;"><img src="./JMpack/wait.gif" /></p>';
	new Ajax_request('files/galerie.xml',{method:'get',params:'',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');
	var imgs = new Array();
	
	
	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;}
	
	if(els.length > 7) {
		msg = "<p class=scrolltp><span class=scrolltinv>Move your mouse to change pictures.</span></p>";	
	} else {
		msg = "";	
	}
	
	for(i=0; i<els.length; i++) {
		var title = els[i].attributes.getNamedItem("title").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); document.getElementById(\"JMbottomt\").innerHTML = \"<p class=scrolltp><span class=scrolltinv><b>"+title+"</b></span></p>\"; fade(\"in\",\"JMbottomt\",0, 100,0);' onmouseout='setOpacity(\"el"+j+"\",60); document.getElementById(\"JMbottomt\").innerHTML = \""+msg+"\";' title='"+title+"' onclick=' selectEl("+j+")'><img src='./JMpack/transparent.gif' /></a> </div> ";
		document.getElementById('el'+j).style.left = (10+(j*80)-80) + 'px';
		document.getElementById('el'+j).style.backgroundImage = "none";
		document.getElementById('el'+j).style.backgroundImage = "url('"+imgs[i].src+"')";}
		
	if(els.length <= 7) { 
		document.getElementById('JMbottomd').style.background = "transparent";
		document.getElementById('JMbottomg').style.background = "transparent";
		document.getElementById('JMbottom').style.background = "transparent";
	}
	navi.innerHTML = navi.innerHTML+"<div class='JMminiatures' id='selector'></div> ";
	fadeAll("in", "el", 1, els.length);
};




var selectEl = function(el, func) {
	
	if(func!=null) {
	if(navigator.appName.substring(0,3) == "Net") 
	document.captureEvents(Event.MOUSEMOVE);
	document.onmousemove = func;
	}
	
	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, 60);
			}
		}
		document.getElementById("JMid_photo").innerHTML = 0;
		window.setTimeout("selectEl('"+el+"')", 1000);
	}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*80-80)+"px";
		setOpacity("JMtheatre", 0);
		document.getElementById("JMtheatre").style.backgroundImage = "none";
		document.getElementById("JMtheatre").style.backgroundImage = document.getElementById('el'+el).style.backgroundImage.replace("files/", "files/gd_");
		document.getElementById("JMtheatre").innerHTML = "<div class=\"JMtitre\">"+document.getElementById('el'+el).getElementsByTagName("a")[0].title+"</div>";
		fade("in", "JMtheatre", 0, 100, 0);
		document.getElementById("JMid_photo").innerHTML = el;
		document.getElementById("JMcache").style.display = "none";
		if(document.getElementById('JMruban').getElementsByTagName("a").length>7) {
			document.getElementById("JMbottomt").innerHTML = "<p class=scrolltp><span class=scrolltinv>D&eacute;placez la souris pour naviguer dans la galerie</span></p>";
		} else {
			document.getElementById("JMbottomt").innerHTML = "";
		}
		document.getElementById("JMbottom").style.display = 'block';
		  fade("in","JMbottomt",0, 100,0);
	}
	
	
};