// JavaScript Document
//var lg="fr";

//var script = document.createElement('script');
//script.src = "lang/"+lg+".inc.js";
//document.getElementsByTagName('head')[0].appendChild(script);

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

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

    if(total>9) {
        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) * 80) + (9*80)) * ((x-document.getElementById('JMxmin').innerHTML-20) / 380) / (3)) * (3);
            } else {
                var coorX = Math.floor((((-els.length+1) * 80) + (9*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('top_menu/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 > 9) {
           msg = ""; 
    } else {
        msg = "";   
    }
    
    for(i=0; i<els.length; i++) {
     var canal = els[i].attributes.getNamedItem("canal").value;
       
        if (canal=="home")  {var title = " "+els[i].attributes.getNamedItem("title").value;}
       else {var title = " "+JS_STR_CHANNEL+" "+els[i].attributes.getNamedItem("title").value;}
        j=i+1;
        if (canal=="home")  {
        navi.innerHTML = navi.innerHTML+"<div class='JMminiature' id='el"+ j +"'><a class='JMminiaturea' href='index.php' onmouseover='fade(\"in\",\"el"+j+"\",60, 100,0); document.getElementById(\"JMbottomt\").innerHTML = \"<p class=scrolltp><span class=scrolltinv><b></b></span></p>\"; fade(\"in\",\"JMbottomt\",0, 100,0);' onmouseout='setOpacity(\"el"+j+"\",60); document.getElementById(\"JMbottomt\").innerHTML = \""+msg+"\";' title='"+title+"' onclick=' selectEl("+j+")'><P class=canalt>"+title+"</P><img src='./top_menu/transparent.gif' /></a> </div> ";
        }
        else
        {
        navi.innerHTML = navi.innerHTML+"<div class='JMminiature' id='el"+ j +"'><a class='JMminiaturea' href='canal.php?canal="+canal+"' onmouseover='fade(\"in\",\"el"+j+"\",60, 100,0); document.getElementById(\"JMbottomt\").innerHTML = \"<p class=scrolltp><span class=scrolltinv><b></b></span></p>\"; fade(\"in\",\"JMbottomt\",0, 100,0);' onmouseout='setOpacity(\"el"+j+"\",60); document.getElementById(\"JMbottomt\").innerHTML = \""+msg+"\";' title='"+title+"' onclick=' selectEl("+j+")'><P class=canalt>"+title+"</P><img src='./top_menu/transparent.gif' /></a> </div> ";
        }

        document.getElementById('el'+j).style.left = (10+(j*80)-80) + 'px';
        document.getElementById('el'+j).style.top = '0px';
        document.getElementById('el'+j).style.backgroundImage = "none";
        document.getElementById('el'+j).style.backgroundImage = "url('"+imgs[i].src+"')";}
        
    if(els.length <= 9) {
        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("top_menu/files/", "top_menu/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>9) {
            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);
    }
    
    
};