// Fichier JScript
      
    var SelectedItem;
    var SelectedX, SelectedY;
    var Pics = new Array();
    var Index1 = 0;
    var TimerValue=3000;
    var Timer;  
    var TimerScroll;
    var e;
                        
    function SetTimer(){
        document.getElementById("ImgSlideshow").style.left = "0px";
        Timer = setInterval("Animate()", TimerValue);
    }
                    
    function PlayerPlay(ClickedItem){
        var PauseImage = document.getElementById("PlayerPauseImage");
        PauseImage.style.visibility = "visible";
        ClickedItem.style.visibility = "hidden";
       
        var PicTable = document.getElementById("PicTable");
        var i;
        
        var MbDN = document.getElementById("HiddenDN").value;
         
        for (i=0; i< PicTable.rows.length; i++) {
            Pics[i] = new Image();
            var TbRow = PicTable.rows[i];
            var Path = "../members/" + MbDN + "/PH/" + TbRow.cells[0].innerHTML;
            Pics[i].src = Path;
            
            document.getElementById("Total").value = PicTable.rows.length;    
        }
        SetTimer();
    }
            
      
    function PlayerPause(ClickedItem) {
        ClickedItem.style.visibility = "hidden";
        var PlayImage = document.getElementById("PlayerPlayImage");
        PlayImage.style.visibility = "visible";
        clearInterval(Timer);
    } 
      
    function Animate() {

        var ImgSl = document.getElementById("ImgSlideshow");
        var PicTable = document.getElementById("PicTable");
        var MaxPic =PicTable.rows.length-1;
        
        if (Index1 > MaxPic) Index1 = 0;
                       
        
        ImgSl.src = Pics[Index1].src; 
        var ImgH = Pics[Index1].height;
        var ImgW = Pics[Index1].width;
        
        //if (ImgH > 240) ImgSl.height = 240; 
       
        //if (ImgW > 320) {
        //    ImgSl.width = 320;
        //    ImgW = 320;
        //    }    
            
        if (ImgH > 240) 
            { 
            ImgSl.height = 240;
            }
            else
            {
            ImgSl.height = ImgH;
            }
             
        if (ImgW > 320) {
            ImgSl.width = 320;
            ImgW = 320;
            }
            else
            {
            ImgSl.width = ImgW;
            }        
            
            
        // Make sure image is always in the middle even if not 600 wide
        // The left position is 70 => 0
        // var newImgW = ImgS1.width;
        moveleft = Math.round((320 - ImgW)/2);
        document.getElementById("ImgSlideshow").style.left = moveleft + "px";
        
        Index1 ++;
        document.getElementById("Counter").value = Index1;
    }      
        
    // The slideshow is 400px wide.
    // The timer, that makes the speed, has to be between 8 to 40
    // By chance 40 is half of the slideshow divided by 10, which explains the ScrollValue calculation
    // On the side the value is 0
    // It is 0 between 175 and 225 so that we can select a pic
    // 320 160 135 185
    
    function BtnScrollOver(evt) {
        
        e = (window.event) ? window.event : evt;
        
        //var DivSC = document.getElementById("DivSlideshow");       
        // clientX gives the position no the screen so we deduct the Div left position
        var MousePosition = e.clientX - parseInt(document.getElementById("DivSlideshow").offsetLeft,10);
        if (MousePosition < (160)) {
                    if (MousePosition < (135)) {
                        TimerScroll = setInterval("AnimateScrollR(1)",MousePosition/10);
                        }
                    else {
                        TimerScroll = setInterval("AnimateScrollR(1)",100);
                    }        
        }
        else
        {
                    if (MousePosition > (185)) {
                        TimerScroll = setInterval("AnimateScrollL(1)",45-MousePosition/10);
                        }
                    else {
                        TimerScroll = setInterval("AnimateScrollL(1)",100);
                    } 
        }
    }
               
    function BtnScrollOverL(ScrollValue) {
        TimerScroll = setInterval("AnimateScrollL()",ScrollValue);
    }     
    function BtnScrollOverR(ScrollValue) {
        TimerScroll = setInterval("AnimateScrollR()",ScrollValue);
    }
    function BtnScrollOut() {
        clearInterval(TimerScroll);
    }
    function AnimateScrollL(StepValue) {
        document.getElementById("DivScroll").scrollLeft += StepValue;
    }
    function AnimateScrollR(StepValue) {
        document.getElementById("DivScroll").scrollLeft -= StepValue;
    }
         
    function RadioSelect(CheckedRadio) {
        var SelectedRadio = CheckedRadio;
        SelectedRadio.checked = true;
        TimerValue = SelectedRadio.value;
        
        clearInterval(Timer);
        Timer = setInterval("Animate()", TimerValue);           
    }
        
    function PicOver(OverItem) {
        var PicSelected = OverItem;
        if (document.all) {
            // case IE
            PicSelected.style.filter = "alpha(opacity=60)"; 
        }
        else {
            // case Firefox and others
            PicSelected.style.MozOpacity = 0.6;
        } 
    }

    function PicOut(OutItem) {
        var PicSelected = OutItem;
         if (document.all) {
            // case IE
            PicSelected.style.filter = "alpha(opacity=100)"; 
        }
        else {
            // case Firefox and others
            PicSelected.style.MozOpacity = 1;
        } 
    }
        
    function PicSelected(ClickedPic) {
        var PicSelected = ClickedPic;
        var SelectedPicIndex = PicSelected.id.substr(3,4);
        clearInterval(Timer);
        Index1 = SelectedPicIndex - 1;
        Timer = setInterval("Animate()", TimerValue);
    }       
        
    function BtnTransition(TransValue) {
        var SelectedTrans = TransValue;
        var HiddenTrans = document.getElementById("HiddenTransition");
        HiddenTrans.value = SelectedTrans;
    }