﻿// 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 = "126px";
                       
        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 + "/PN/" + 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;
        var moveleft;
        
        if (Index1 > MaxPic) Index1 = 0;
        
        // Case IE only
        if (document.all) {
            var EffectValue=document.getElementById("HiddenEffect").value;
            var TransitionValue = document.getElementById("HiddenTransition");
            var TransitionString = "revealTrans(duration=1,transition=" + TransitionValue.value + ")";
            ImgSl.style.filter=TransitionString + EffectValue;
            ImgSl.filters.revealTrans.apply();
            ImgSl.style.visibility="visible";
            ImgSl.filters.revealTrans.play();        
        }
                
        ImgSl.src = Pics[Index1].src; 
        
        var ImgH = Pics[Index1].height;
        var ImgW = Pics[Index1].width;
        
        if (ImgH > 450) 
            { 
            ImgSl.height = 450;
            }
            else
            {
            ImgSl.height = ImgH;
            }
             
        if (ImgW > 600) {
            ImgSl.width = 600;
            ImgW = 600;
            }
            else
            {
            ImgSl.width = ImgW;
            }    
            
            
        // Make sure image is always in the middle even if not 320 wide
        // The left position is 126
        moveleft = Math.round(126 + (600 - ImgW)/2);
        document.getElementById("ImgSlideshow").style.left = moveleft + "px";
                      
        Index1 ++;
        document.getElementById("Counter").value = Index1;
    }      
        
    // The slideshow is 800px 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 350 and 450 so that we can select a pic
    
    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 < (400)) {
                    if (MousePosition < (350)) {
                        TimerScroll = setInterval("AnimateScrollR(3)",MousePosition/10);
                        }
                    else {
                        TimerScroll = setInterval("AnimateScrollR(1)",100);
                    }        
        }
        else
        {
                    if (MousePosition > (450)) {
                        TimerScroll = setInterval("AnimateScrollL(3)",80-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;
    }        
    