var interval = 0;
        
        var flag = 1;
        
        var images = null;
        
        var counter = 0;
        
        var imageObj = new Image();
        
        var allImgs;   
        
        var arrTimestamp; 
         
         var total_frame = 0;
        var _load_img = new Image();
        _load_img.src = '/images/playbutton.png';
        
        function LoadSatImages()
        {
            //$get('imgPlay').src = _load_img.src;
            W2.SatPic.GetLatestSatelliteImage(10, 757, 378, false, LoadSatImages_success, onFailed); 
        }
        
        function LoadSatImages_success(e)
        {
            var result = eval(e);     
            
            allImgs = null;        
            arrTimestamp = null;    
            allImgs = new Array(e);   
            arrTimestamp = new Array(e);
            //document.getElementById('TotalFrames').value = result.length;
            for(var i=0; i<result.length; i++) {
                allImgs[i] = new Image(757,377);
                allImgs[i].src = result[i]["url"];
                arrTimestamp[i] = result[i]["time"];
            }
            counter = 0;
            //total_frame = result.length;     
            //$get('animTimestamp').innerHTML = arrTimestamp[parseInt(total_frame) - 1];
            setTimeout("DisplayFirstImage()", 100);                        
        }      
        
        function DisplayFirstImage()
        {
            document.images["imgLight"].src = allImgs[counter].src;
            //$get('imgPlay').src = '/images/play.jpg';
            //$get('imgPlay').onclick = new Function("StartAnimation()");
            //$get('imgPlay').style.visibility="hidden";    
            //StartAnimation();       
        }    
               
        function onFailed() 
        {     
            //alert('Failed');
            //$get('animStatus').innerHTML = 'FAILED!'; 
            
            //callService();
        }     
        
     function showImageByIndex(index)
     {            
        counter = index;
        //$get('animStatus').innerHTML = (parseInt(counter) + 1)  + "/" + total_frame;                        
        document.images["imgLight"].src = allImgs[index].src;                       
        $get('animTimestamp').innerHTML = arrTimestamp[counter];
     }
     
     function showPreviousImage()
       {  
            
            counter = counter - 1;
            
            if (counter < 0) 
                counter = 0;                
                
           // $get('animStatus').innerHTML = (parseInt(counter) + 1)  + "/" + total_frame;            
            $get('animTimestamp').innerHTML = arrTimestamp[counter];
            document.images["imgLight"].src = allImgs[counter].src;                 
       }
       
        function showLastImage()
       {              
            counter = parseInt(total_frame) - 1;
                            
            // $get('animStatus').innerHTML = (parseInt(counter) + 1)  + "/" + total_frame;            
            $get('animTimestamp').innerHTML = arrTimestamp[counter];
            document.images["imgLight"].src = allImgs[counter].src;                 
       }
        
       function showNextImage()
       {    
            
            counter = parseInt(counter) + 1;
            
            if (counter == parseInt(total_frame))
                counter = parseInt(total_frame) - 1;                
            
           // $get('animStatus').innerHTML = (parseInt(counter) + 1)  + "/" + total_frame;       
                        
            document.images["imgLight"].src = allImgs[counter].src;          
            $get('animTimestamp').innerHTML = arrTimestamp[counter];
       }
       
        function StartAnimation()
        {   
            $("#slideshow").cycle('pause');
            $("#pbtn img").attr('src', 'newassets/slideplaybut.gif');
            clearInterval(interval);
            //$get('animStatus').innerHTML = '1/' + total_frame;        
            //document.getElementById('imgPlay').style.visibility="hidden";
            interval = setInterval ("showImage()", 700);
        }     
        
        function StopAnimation()
        {
            clearInterval(interval);
            
            flag = 1;
            
            //$get('animStatus').innerHTML = 'Animation has been stopped';
            
//            var _status = document.getElementById('animStatus');
//            
//            _status.innerHTML = 'Animation is not running!!!';
        } 
        
        function showImage()
       {            
            
            //var total_frame = document.getElementById('TotalFrames').value;
             
            //var curindex = document.getElementById('currentFrameIndex').value;
            
            document.images["imgLight"].src = allImgs[counter].src;
            $get('animTimestamp').innerHTML = arrTimestamp[counter];
            
            counter = parseInt(counter) + 1;
            
            if (counter >= parseInt(total_frame))
                counter = 0;
            
           //$get('animStatus').innerHTML = (parseInt(counter) + 1)  + "/" + total_frame;
            
            //document.getElementById('currentFrameIndex').value = index;
                        
       }