﻿        var photoArray = new Array;
        var photoDescArray = new Array;
        var photoCount = 0;
        var iPos;
        var tStart=null;
        var iSec=0;
        var bigpicdesc;
        
        var allpics;
        var allpicdescs;
        var thedomain;
        var picdomain;
        var picloc;
        var timerID = null;                 
        function splitphoto(sInput){
            photoArray = sInput.split("_");
        }
        function splitphotodesc(sInput){
            photoDescArray = sInput.split("_");
        }

        function initPics(picarr,picarrdesc, sdomain,spicdoamin,spicloc, startpos){
            allpics=picarr;
            allpicdescs=picarrdesc;                            
            thedomain=sdomain;
            picdomain=spicdoamin;
            picloc= spicloc;
            
            iPos = startpos-1;
        }

        function StartShow(){ 
             
            //alert (picarr); 
            if (allpics.length >0){
            
                splitphoto(allpics);
                splitphotodesc(allpicdescs);
                photoCount = photoArray.length;
                
                if (iPos>=photoCount-1){
                    iPos=0;
                }else{
                    iPos ++;
                } 

                
                if (photoCount >1){
                    tStart=new Date();           
                    timerID = setTimeout("UpdatePic()",7000);
                    
                    document.getElementById ("play").innerHTML = '<a onclick="StopShow()"><img src="' + thedomain + '/images/stop.gif" border="0" /></a>';
                    //document.getElementById("navpic0" ).style.border="solid 0px Red";
                }
                else{
                    document.getElementById ("play").innerHTML = '';
                   // document.getElementById("navpic0" ).style.border="solid 0px Red";
                }
            }
        }
        
        function setOpacity(level) { 
            var element = document.getElementById("bigpic");
            element.style.opacity = level;  
            element.style.MozOpacity = level;  
            element.style.KhtmlOpacity = level;  
            element.style.filter = "alpha(opacity=" + (level * 100) + ");";
        }
        var duration = 1000; 
        /* 1000 millisecond fade = 1 sec */
        var steps = 20;      
        /* number of opacity intervals   */
        function fadeIn(){  
            document.getElementById ("bigpic").style.opacity = "0";  
            document.getElementById ("bigpic").style.filter="alpha(opacity=0)";
            for (i = 0; i <= 1; i += (1 / steps)) {
                i = Math.round(i * 100)/100;
                setTimeout("setOpacity(" + i + ")", i * duration);  
            }  
            //setTimeout("fadeOut()", delay);
            
        }        
        
        function UpdatePic(){
            if(timerID){
                clearTimeout(timerID);
                clockID=0;
            }

  
                
                if(!tStart)iStart=new Date();
            document.getElementById("bigpic").style.background = "url(" + picdomain + "/"+ picloc +"l/car_" + photoArray[iPos] + "L.jpg" + ") no-repeat center center"; 
                document.getElementById("picdesc").innerHTML="<b>" + photoDescArray[iPos] + "</b>";
                //fadeIn();
//                for (j=0;j<photoArray.length;j++){
//                    var icon = document.getElementById("navpic" + j);
//                    icon.style.border='solid 0px Gray';
//                }
                //document.getElementById("navpic" + iPos).style.border="solid 0px Red";
                if (iPos>=photoCount-1){
                    iPos=0;
                }else{
                    iPos ++;
                }                

            timerID= setTimeout("UpdatePic()",5000);
            //alert(timerID);
        }
        
        function StopShow(){
            if(timerID){
                clearTimeout(timerID);
                timerID=0;
            }
            tStart=null;
            document.getElementById ("play").innerHTML = '<a onclick="StartShow()"><img src="'+ thedomain +'/images/play.gif" border="0" /></a>';            
        }
        
        function nextpic(){
            if(photoCount>1){
                StopShow();
                if (photoCount>1){
                    iPos++;
                    if(iPos>photoCount-1){
                        iPos = 0;
                    }
                document.getElementById("bigpic").style.background = "url(" + picdomain + "/"+ picloc +"l/car_" + photoArray[iPos] + "L.jpg" + ") no-repeat center center"; 
                    document.getElementById("picdesc").innerHTML="<b>" + photoDescArray[iPos] + "</b>";
    //                for (j=0;j<photoArray.length;j++){
    //                    var icon = document.getElementById("navpic" + j);
    //                    icon.style.border='solid 0px Gray';
    //                }
                    //document.getElementById("navpic" + iPos).style.border="solid 0px Red";
                }
            }
        }
        
        function prevpic(){
            if(photoCount>1){
                StopShow();
                if (photoCount>1){
                    iPos--;
                    if(iPos<0){
                        iPos=photoCount-1;
                    }
                document.getElementById("bigpic").style.background = "url(" + picdomain + "/"+ picloc +"l/car_" + photoArray[iPos] + "L.jpg" + ") no-repeat center center"; 
                    document.getElementById("picdesc").innerHTML="<b>" + photoDescArray[iPos] + "</b>";
                    //for (j=0;j<photoArray.length;j++){
                        //var icon = document.getElementById("navpic" + j);
                        //icon.style.border='solid 0px Gray';
                    //}
                    //document.getElementById("navpic" + iPos).style.border="solid 0px Red";
                }
            }
        }
        
        function showpic(iindex){
            StopShow();
            iPos = iindex;
            document.getElementById("bigpic").style.background = "url(" + picdomain + "/"+ picloc +"l/car_" + photoArray[iPos] + "L.jpg" + ") no-repeat center center"; 
            //document.getElementById("bigpic").src=picdomain + "/"+ picloc +"l/" + photoArray[iPos] + ".jpg";
            document.getElementById("picdesc").innerHTML="<b>" + photoDescArray[iPos] + "</b>";
            //var j=0;
//            for (j=0;j<photoArray.length;j++){
//                var icon = document.getElementById("navpic" + j);
//                icon.style.border='solid 0px Gray';
//            }
            //document.getElementById("navpic" + iindex).style.border="solid 0px Red";
        
        }
        
        function shownext(){
            if (photoCount>1){
            document.getElementById("nextpan").style.display='block';
            }
        }
        function hidenext(){
            document.getElementById("nextpan").style.display='none';
        }
        function showprev(){
                    if (photoCount>1){
            document.getElementById("prevpan").style.display='block';
            }
        }
        function hideprev(){
            document.getElementById("prevpan").style.display='none';
        }


