var currentIndex=1;
var totalFoto;
var start;
var end;
var _sn;
window.onload = function () {
     
    hideIndicator();
   
}
  function bindMainImage(sn, ac, ar){
            
            document.getElementById('imgMain').src = _rootPath + "support/gambar.album/P/0" + ac + "/" + ar + "/100/0/" + sn;
            WCFAlbum.JSON_getTrAlbumImageListDesc(sn, ac, ar, getTrAlbumImageListReturn);
            

        }
        function getTrAlbumImageListReturn(json){
            var data;
            eval("data = " + json);
        
            
            if(data.data[0].desc == ""){
               document.getElementById('divDesc').innerHTML = "No Description";

            }else{
               document.getElementById('divDesc').innerHTML = MyURLDecode(data.data[0].desc);

            }
            
        }
function setNoThumb(o) {
    o.src = _rootPath + "webDesign/" + _websiteStyle + "/images/Foto_80x80.gif";
}


function nextBatch(sn, albumCode, nextIdx){
    currentIndex = nextIdx;
    _sn = sn;
    WCFAlbum.JSON_getAlbumManyImage(sn, albumCode, getListReturn);
    document.getElementById('divSlideShow').innerHTML = "<div id='l3Thumb'><img style='margin-top:45px; margin-left:31px;' src='" + _rootPath + "webDesign/"+_websiteStyle+"/images/ajax/loading1.gif'  alt='' border='0'  /></div>"
                                            + "<div id='l3Thumb'><img style='margin-top:45px; margin-left:31px;' src='" + _rootPath + "webDesign/"+_websiteStyle+"/images/ajax/loading1.gif'  alt='' border='0'  /></div>"
                                            + "<div id='l3Thumb'><img style='margin-top:45px; margin-left:31px;' src='" + _rootPath + "webDesign/"+_websiteStyle+"/images/ajax/loading1.gif'  alt='' border='0'  /></div>"
                                            + "<div id='l3Thumb'><img style='margin-top:45px; margin-left:31px;' src='" + _rootPath + "webDesign/"+_websiteStyle+"/images/ajax/loading1.gif'  alt='' border='0'  /></div>"
                                            + "<div id='l3Thumb'><img style='margin-top:45px; margin-left:31px;' src='" + _rootPath + "webDesign/"+_websiteStyle+"/images/ajax/loading1.gif'  alt='' border='0'  /></div>";
 }

    function getListReturn(json){
        var data;
        eval("data = " + json);
        var html = '';
                
        for(var i=0;i<data.Data.length;i++){
            if(i >= (_pageNo*currentIndex) - _pageNo && i < (_pageNo*currentIndex)){
            var thumb;
            thumb = "document.getElementById('thumb"+i+"')";
            html += "<div id='l3Thumb'>"
            html += "<a href='javascript:bindMainImage(\"" +  data.Data[i].screenName + "\"," +  data.Data[i].albumCode + "," +  data.Data[i].albumRef + ");'>";
            html += "<img id='thumb" + i + "' src='" + _rootPath + "/support/gambar.album/T/" + data.Data[i].albumCode + "/" + data.Data[i].albumRef + "/100/0/" +  data.Data[i].screenName + "' width='80' height='80' alt='' border='0'  onerror='setNoThumb(document.getElementById(\"thumb"+i+"\"));' />";
            html += "</a>";        
            html += "</div>";        
            }
        }  
        
        if(data.Data.length > 0){
            var next;
            var prev;
            var total = Math.ceil( data.Data.length / _pageNo);
            prev = currentIndex - 1;
            if(currentIndex - 1 < 1) {prev = total;}
            currentIndex = currentIndex * 1;
            next = currentIndex +1;
            if(currentIndex + 1 > total) {next = 1;}
            
            var ln = "'"+data.Data[0].screenName+"'";
            var ac = "'"+data.Data[0].albumCode+"'" ;
            prev = "'"+prev+"'";
            next = "'"+next+"'";
            
            totalFoto =data.Data.length;
            start = ((currentIndex * _pageNo )- _pageNo)+1;
            if(currentIndex != total){
                end = ((currentIndex * _pageNo ));
            }else{
                end = ((currentIndex * _pageNo )) - ((currentIndex * _pageNo ) - totalFoto);
            }
            
                   
            document.getElementById('btnPrev').href = 'javascript:nextBatch('+ ln + ', '+ac+', '+prev+');';
            document.getElementById('btnNext').href = 'javascript:nextBatch('+ ln + ', '+ac+', '+next+');';
        }
        document.getElementById('divSlideShow').innerHTML = html;
        WCFAlbum.JSON_getImageCount(ln, ac, returnImageCount);
        
    }
    
    function returnImageCount(json){
        document.getElementById('spanPictureCount').innerHTML = "Foto " + start + " - " + end + " dari " + totalFoto + " Foto";       
    
    }