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

		document.getElementById("ruban").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 = 400;
		
		var els = document.getElementById("ruban").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("ruban").style.left = coorX+"px";
		} else {
			
		}
		}};
	} else {
		var position = function() { };

	}
		

		selectEl(document.getElementById("JMid_photo").innerHTML, position);
		fade("in", "el1", 60, 100, 200);	
	}
};
var gallerie = function(type, cat, id_album, id_photo, ymin, xmin) {
		document.getElementById('gallerie').innerHTML = "<div id='JMid_album'></div><div id='JMid_photo'></div><div id='JMymin'></div><div id='JMxmin'></div><div id=\"chargement\"></div><div id=\"theatre\"></div><div id=\"bg_navigateur\"><div id=\"navigateur\"><div id=\"ruban\"></div></div></div><div id=\"cache\"></div>";
	
	
		setOpacity("theatre", 0);
		document.getElementById('JMid_album').innerHTML = id_album;
		document.getElementById('JMid_photo').innerHTML = id_photo;
		document.getElementById('JMymin').innerHTML = 0;/*document.getElementById("navigateur").offsetTop;*/
		document.getElementById('JMxmin').innerHTML = document.getElementById("contenu_gallerie").offsetLeft + 150;
		document.getElementById("theatre").style.display = 'block';
	document.getElementById("chargement").innerHTML = '<p style="margin-top: 180px;"><img src="./pack/wait.gif" /></p>';
	new Ajax_request('files/produits.php',{method:'get',params:'type='+type+'&categorie='+cat,onSuccess:successNavInit});
	
};

var successNavInit = function(xhr) {
	
	var als = xhr.responseXML.getElementsByTagName("LISTE");
	var id, al, els, id_album, j, msg;
	var navi = document.getElementById('ruban');
	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("PRODUITS"); } }
			
		
	
	

	for(i=0; i<els.length; i++) {
		var source = els[i].attributes.getNamedItem("IMAGE").value; 
		
		imgs[i] = new Image();
		imgs[i].src = source;}
	
	if(els.length > 7) {
		msg = "<p class=scrolltp><span class=scrolltinv>Déplacez la souris pour naviguer dans la galerie</span></p>";	
	} else {
		msg = "";	
	}
	
	for(i=0; i<els.length; i++) {
		var title = els[i].attributes.getNamedItem("LIBELLE").value;
		var marque = els[i].attributes.getNamedItem("MARQUE").value;
		var description = els[i].attributes.getNamedItem("DESCRIPTION_MARQUE").value;
		var logo = els[i].attributes.getNamedItem("LOGO").value;
		j=i+1;
		navi.innerHTML = navi.innerHTML+"<div class='miniature' id='el"+ j +"'><a class='miniaturea' href='#al-"+id_album+"_el-"+j+"' onmouseover='fade(\"in\",\"el"+j+"\",60, 100,0); fade(\"in\",\"bottomt\",0, 100,0);' onmouseout='setOpacity(\"el"+j+"\",60); document.getElementById(\"bottomt\").innerHTML = \""+msg+"\";' title='"+title+"' onclick=' selectEl("+j+");viewBrand("+j+");'><img src='./pack/transparent.gif' /></a><form name='marque_"+j+"'><input type='hidden' name='marque' value='"+marque+"'><input type='hidden' name='logo' value='"+logo+"'><input type='hidden' name='description' value='"+description+"'></form></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+"')";}

	navi.innerHTML = navi.innerHTML+"<div class='miniatures' id='selector'></div> ";
	fadeAll("in", "el", 1, els.length);
};

var viewBrand = function  (el) {
	var description=eval ("document.marque_"+el+".description.value");
	var marque=eval ("document.marque_"+el+".marque.value");
	var logo=eval ("document.marque_"+el+".logo.value");
	document.getElementById('texte').style.width="195px";
	document.getElementById('texte').innerHTML = "<h2>"+marque+"</h2><center><img src="+logo+"></center><p>"+description+"</p>";
}

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("cache").style.display = "block";
		document.getElementById("el"+el).getElementsByTagName("a")[0].onmouseout = function() { };
		fade("out", "theatre", 50, 0, 0);
		var els = document.getElementById("ruban").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+"')", 500);
	}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("theatre", 0);
		document.getElementById("theatre").style.backgroundImage = "none";
		document.getElementById("theatre").style.backgroundImage = document.getElementById('el'+el).style.backgroundImage.replace("files/", "files/gd_");
		document.getElementById("theatre").innerHTML = "<div class=\"titre_produits\"><h1 class=\"libelle\">"+document.getElementById('el'+el).getElementsByTagName("a")[0].title+"</h1></div>";
		viewBrand(el);
		fade("in", "theatre", 0, 100, 0);
		document.getElementById("JMid_photo").innerHTML = el;
		document.getElementById("cache").style.display = "none";
		  fade("in","bottomt",0, 100,0);
	}
	
	
};