var summary_interval = 0;            
    var summary_counter = 0;    
    var allSummaryImgs;   
    var arrUKSummaryTime;         
     var summary_total_frame = 0;
    var _summary_load_img = new Image();
    _summary_load_img.src = '/images/sat-loader.gif';
    
    function LoadSynopImages(id,width,height,useimageheight)
    {
        if ($get('imgSummaryPlay')!=null) {
            $get('imgSummaryPlay').src = _summary_load_img.src;
            W2.SatPic.GetSynopChartImages(id, width, height, useimageheight, LoadSynopImages_success, onSummaryFailed); 
        }
    }
    
    function LoadSynopImages_success(e)
    {
        var result = eval(e);     
        
        allSummaryImgs = null;                    
        allSummaryImgs = new Array(e);    
        arrUKSummaryTime = new Array(e);                       
        for(var i=0; i<result.length; i++) {
            allSummaryImgs[i] = new Image(446,377);
            allSummaryImgs[i].src = result[i]["url"];    
            arrUKSummaryTime[i] = result[i]["time"];        
        }
        summary_counter = 0;
        summary_total_frame = result.length;   
        $get("uksummaryTimeStamp").innerHTML = arrUKSummaryTime[summary_total_frame - 1];
        document.images["imgUKSummary"].src = allSummaryImgs[summary_total_frame - 1].src;           
        setTimeout("DisplayFirstSummaryImage()", 7000);                        
    }      
    
    function DisplayFirstSummaryImage()
    {        
        $get('imgSummaryPlay').style.visibility="hidden";           
        StartSummaryAnimation();
    }    
           
    function onSummaryFailed() 
    {     
        //alert('Failed');
        $get('animStatus').innerHTML = 'FAILED!'; 
        
        //callService();
    }     
    
 function showSummaryImageByIndex(index)
 {            
    summary_counter = index;
    //$get('animStatus').innerHTML = (parseInt(summary_counter) + 1)  + "/" + summary_total_frame;                        
    document.images["imgUKSummary"].src = allSummaryImgs[index].src;                       
    $get("uksummaryTimeStamp").innerHTML = arrUKSummaryTime[index];
 }
 
 function showPreviousSummaryImage()
   {  
        
        summary_counter = summary_counter - 1;
        
        if (summary_counter < 0) 
            summary_counter = 0;                
            
       // $get('animStatus').innerHTML = (parseInt(summary_counter) + 1)  + "/" + summary_total_frame;            
        $get("uksummaryTimeStamp").innerHTML = arrUKSummaryTime[summary_counter];
        document.images["imgUKSummary"].src = allSummaryImgs[summary_counter].src;                 
   }
   
    function showLastSummaryImage()
   {              
        summary_counter = parseInt(summary_total_frame) - 1;
                        
        // $get('animStatus').innerHTML = (parseInt(summary_counter) + 1)  + "/" + summary_total_frame;            
        $get("uksummaryTimeStamp").innerHTML = arrUKSummaryTime[summary_counter];
        document.images["imgUKSummary"].src = allSummaryImgs[summary_counter].src;                 
   }
    
   function showNextSummaryImage()
   {    
        
        summary_counter = parseInt(summary_counter) + 1;
        
        if (summary_counter == parseInt(summary_total_frame))
            summary_counter = parseInt(summary_total_frame) - 1;                
       
                           
        document.images["imgUKSummary"].src = allSummaryImgs[summary_counter].src;          
        $get("uksummaryTimeStamp").innerHTML = arrUKSummaryTime[summary_counter];
   }
   
    function StartSummaryAnimation()
    {   
        //$("#slideshow").cycle('pause');
        //$("#pbtn img").attr('src', 'newassets/slideplaybut.gif');
        clearInterval(summary_interval);
        //$get('animStatus').innerHTML = '1/' + summary_total_frame;        
        //document.getElementById('imgPlay').style.visibility="hidden";
        summary_interval = setInterval ("showSummaryImage()", 700);
    }     
    
    function StopSummaryAnimation()
    {
        clearInterval(summary_interval);            
    } 
    
    function showSummaryImage()
    {                
        $get("uksummaryTimeStamp").innerHTML = arrUKSummaryTime[summary_counter];
        document.images["imgUKSummary"].src = allSummaryImgs[summary_counter].src;
                
        summary_counter = parseInt(summary_counter) + 1;
        
        if (summary_counter >= parseInt(summary_total_frame))
            summary_counter = 0;                            
   }