﻿// JScript File

        var pos = 0;
        var ModeEtendu = false;
        var panelcontent = document.getElementById("panelcontent");  
        panelcontent.style.width = item_count*120+"px";
        
        function Avance()
        {       
        if(!ModeEtendu){
            var div = document.getElementById("panelcontent");
           
            if(pos<item_count-5) pos++;
            
            div.style.left="-"+pos*120+"px";    
           }
        }
        function Recule()
        {
        if(!ModeEtendu){
           if(pos>0) {
                 pos--;
                 var div = document.getElementById("panelcontent");
                div.style.left="-"+pos*120+"px";           
            }
            }
        }
        function Deplier()
        { 
            if(!ModeEtendu)
            {   
                ModeEtendu = true;
                var content = document.getElementById("panelprodscontent");           
                var div = document.getElementById("panelcontent");  
                
                var img = document.getElementById("imgprodsDeplier");
                img.src= "Img/btnRefermer.gif";
                 
                var height = Math.round(item_count/5)*100;             
                 
                content.style.height = height+"px";
                div.style.height = height+"px";
                
                content.style.width = "600px";
                div.style.width = "600px";  
                
                div.style.left="0px";     
             }
             else
             {             
                ModeEtendu = false;
                var content = document.getElementById("panelprodscontent");           
                var div = document.getElementById("panelcontent");  
               
                var img = document.getElementById("imgprodsDeplier");
                img.src= "Img/btnDeplier.gif";
                
                var height = 100;
                
                content.style.height = height+"px";
                div.style.height = height+"px";
                
                content.style.width = "600px";
                div.style.width = item_count*120+"px";
                  
                div.style.left="0px";                  
               
             }
        }