var ns_Data = new Array();
var ns_TotalItems = 5;  //Total Items Required in the accordian
var ns_BatchSize = 5;
var ns_AccData = MultiDimensionalArray(ns_TotalItems,11)

var ns_ScrollDelay = 5; //Total delay in seconds after which thumb is advanced to next one.
var ns_SecondsLeft = 0;
var ns_timerID = null
var ns_timerRunning = false;
var ns_TimerDelay = 1000;
var ns_ActiveThumbIndex = 0;

var ns_CurrPointer = 1;
var ns_LastPointer = 5;
var ns_images_b = new Array();
var ns_images_s = new Array();

var ns_TotalImagesLoaded = 0;
var ns_DataInitDone = false;



function ns_donePic(){
    ns_TotalImagesLoaded = ns_TotalImagesLoaded + 1;
    //if (ns_TotalImagesLoaded >= ns_TotalItems * 2)
    if(ns_DataInitDone == true)
    {
        RenderAccordianMaster(0,1);  
        RenderAccordianThumbs(0,ns_BatchSize-1);              

        ns_SecondsLeft = ns_ScrollDelay;
        StartTheTimer()    
        document.getElementById('ns_Accordian').style.display='block';
        document.getElementById('ns_PreLoader').style.display='none';
    }
        
}

//Function to Create a Multidimensional Array
function MultiDimensionalArray(iRows,iCols){ 
    var i; 
    var j; 
   var a = new Array(iRows); 
   for (i=0; i < iRows; i++) 
   { 
       a[i] = new Array(iCols); 
       for (j=0; j < iCols; j++) 
       { 
           a[i][j] = ""; 
       } 
   } 
   return(a); 
} 


function RenderAccordian(){
    //Initialise Data
    var data_Summary = document.getElementById('ns_SummaryData');
    var data_SubTitle = document.getElementById('ns_SubTitleData');
    var arrPointer =0;
    for( var lis=0;lis<ns_Data.length;lis++){
        
        ns_AccData[arrPointer][0] = ns_Data[lis].targetURL;
        ns_AccData[arrPointer][1] = ns_Data[lis].media_b + '?id=0000'; 
        ns_AccData[arrPointer][2] = ns_Data[lis].media_s;
        ns_AccData[arrPointer][3] = ns_Data[lis].media_t;
        ns_AccData[arrPointer][4] = ns_Data[lis].textpreview;
        ns_AccData[arrPointer][5] = new Image();
        ns_AccData[arrPointer][6] = new Image();
        ns_AccData[arrPointer][7] = data_Summary.rows[0].cells[lis].innerHTML;
        ns_AccData[arrPointer][8] = data_SubTitle.rows[0].cells[lis].innerHTML;
        ns_AccData[arrPointer][9] = ns_Data[lis].textpreviewt;
        ns_AccData[arrPointer][10] = ns_Data[lis].categoryname;
        ns_AccData[arrPointer][11] = ns_Data[lis].CatId;
        
        var img = document.createElement("img");
        //img.onload = function() { ns_donePic(); }
        img.src = ns_AccData[arrPointer][1];
        img.style.display='none';
        document.body.appendChild(img);
        ns_AccData[arrPointer][5].src = img.src // ns_AccData[arrPointer][1];
        
        
        var img1 = document.createElement("img");
        //img1.onload = function() { ns_donePic(); }
        img1.src = ns_AccData[arrPointer][2];
        img1.style.display='none';
        document.body.appendChild(img1);
        ns_AccData[arrPointer][6].src = img1.src // ns_AccData[arrPointer][1];
        
                
        arrPointer = arrPointer + 1;   
        
    }
    ns_DataInitDone = true;
    ns_donePic();
    //img.onreadystatechange = function() { log("RS: " + img.readyState); };
}

function RenderAccordianThumbs(StartPointer,EndPointer){
    var ThumbIndex =1;
    //$('#ns_Thumbs').hide();
    for(iTemp=StartPointer; iTemp <= EndPointer; iTemp++){
        document.getElementById('ns_NewsDesc' + ThumbIndex).src=ns_AccData[iTemp][6].src;
        document.getElementById('ns_NewsDesc' + ThumbIndex).title=ns_AccData[iTemp][4];
        document.getElementById('ns_NewsDesc' + ThumbIndex).onclick=new Function('nsSelectThumb(' + iTemp + ',' + ThumbIndex + ')');
        ThumbIndex=ThumbIndex+1;
    }
    //$('#ns_Thumbs').fadeIn(1000);
}

function RenderAccordianMaster(tmpPointer,thmbindex){
    document.getElementById('ns_NewsImage').src = ns_AccData[tmpPointer][1]; 
    document.getElementById('ns_NewsImage').onclick=new Function('nsOpenURL("' + ns_AccData[tmpPointer][0] + '")');
    document.getElementById('ns_NewsBrief').innerHTML ='' + ns_AccData[tmpPointer][7]; 
    document.getElementById('ns_NewsPreview').innerHTML = ns_AccData[tmpPointer][8]; 
    if (ns_AccData[tmpPointer][8] == '')
      document.getElementById('ns_NewsImage').align = "center";
    else
      document.getElementById('ns_NewsImage').align = "right";
    document.getElementById('ns_NewsDesc' + thmbindex).className='ns_NewsDesc_Selected';
    if (ns_AccData[tmpPointer][9] =='')
	    document.getElementById('ns_MainTopTitle').innerHTML = '<a href=\'' + ns_AccData[tmpPointer][0] + '\' class=\'heading\'>' + ns_AccData[tmpPointer][9] + '</a><br/><br/><a href=\'' + ns_AccData[tmpPointer][0] + '\' class=\'mainNewsTitle\'>' + ns_AccData[tmpPointer][4] + '</a><br/><br/>';
    else
	    document.getElementById('ns_MainTopTitle').innerHTML = '<a href=\'' + ns_AccData[tmpPointer][0] + '\' class=\'heading\'>' + ns_AccData[tmpPointer][9] + '</a><br/><a href=\'' + ns_AccData[tmpPointer][0] + '\' class=\'mainNewsTitle\'>' + ns_AccData[tmpPointer][4] + '</a><br/><br/>';
    
    if (ns_ActiveThumbIndex ==0){
        ns_ActiveThumbIndex = 1;
    }
    else{
        document.getElementById('ns_NewsDesc' + ns_ActiveThumbIndex).className='ns_NewsDesc';
        ns_ActiveThumbIndex = thmbindex;
    }
    
    if (tmpPointer==0)
        document.getElementById('ns_CategoryNameLink').innerHTML =ns_AccData[tmpPointer][10];
    else
        document.getElementById('ns_CategoryNameLink').innerHTML ='<a class=\'heading\' href=\'categoryhome.aspx?CatId=' + ns_AccData[tmpPointer][11] + '\'>' + ns_AccData[tmpPointer][10] + '</a>';
    
    //document.getElementById('ns_NewsPreview').innerHTML = '<b style=\'font-size:15px;\'>' + ns_AccData[tmpPointer][4] + '</b><br/>' + ns_AccData[tmpPointer][7]; 
    //$("#ns_NewsImage").fadeIn(500);
    //$("#ns_NewsPreview").fadeIn(1000);
    //self.setTimeout("nsHidePreview()", 6000)
}

function nsHidePreview(){
    //$("#ns_NewsPreview").fadeOut(1000);
}

function StopTheClock(){
    if(ns_timerRunning)
        clearTimeout(ns_timerID)
    ns_timerRunning = false
}
 
function StartTheTimer(){
    if (ns_SecondsLeft==0){
        ns_LastPointer = ns_CurrPointer;
        if (ns_CurrPointer == ns_TotalItems){
            ns_CurrPointer = 1;
            RenderAccordianThumbs(ns_CurrPointer-1,ns_BatchSize-1);
            RenderAccordianMaster(ns_CurrPointer-1,1); 
        }
        else{
            if ((ns_CurrPointer) % ns_BatchSize ==0 && ns_CurrPointer >= ns_BatchSize) {
                nsClearSelections();
                ns_ActiveThumbIndex=0;
                ns_CurrPointer=ns_CurrPointer + 1;
                RenderAccordianThumbs(ns_CurrPointer-1,ns_CurrPointer + ns_BatchSize - 2);
                RenderAccordianMaster(ns_CurrPointer-1,1); 
            }
            else{ 
                ns_CurrPointer=ns_CurrPointer + 1;
                if (ns_CurrPointer % ns_BatchSize == 0)
                    RenderAccordianMaster(ns_CurrPointer-1,ns_BatchSize); 
                else    
                    RenderAccordianMaster(ns_CurrPointer-1,ns_CurrPointer % ns_BatchSize); 
            }
        }
        ns_SecondsLeft = ns_ScrollDelay;
        StartTheTimer();
    }
    else{
        /*self.status = secs */
        ns_SecondsLeft = ns_SecondsLeft - 1
        ns_timerRunning = true
        ns_timerID = self.setTimeout("StartTheTimer()", ns_TimerDelay)
    }
}

function nsSelectThumb(id,ThmbIndex){
    ns_CurrPointer = id+1;
    RenderAccordianMaster(id,ThmbIndex);
    StopTheClock()
}

function nsOpenURL(url){
    this.location.href=url;
}

 
function nsLoadNext(){
    
    if (ns_CurrPointer <=  ns_TotalItems - ns_BatchSize){
        //Next Possible
        StopTheClock()
        if (ns_CurrPointer <= 4)
            ns_CurrPointer = 4;
        else if(ns_CurrPointer > 4 && ns_CurrPointer <=8)
            ns_CurrPointer = 8;
        else if(ns_CurrPointer > 8 && ns_CurrPointer <=12)
            ns_CurrPointer = 12;
        
        nsClearSelections();
        ns_SecondsLeft =0;
        StartTheTimer();
    }
//    else{
//        ns_CurrPointer = 1;
//        nsClearSelections();  
//        RenderAccordianMaster(ns_CurrPointer-1,1); 
//        RenderAccordianThumbs(ns_CurrPointer-1,ns_BatchSize-1);  
//        ns_SecondsLeft =0;
//        StartTheTimer();
//    }
     //   alert('Sorry you have reached the end!!!');
        
}

function nsLoadPrevious(){
    
    if (ns_CurrPointer >  ns_BatchSize){
        //Previous Possible
        StopTheClock()
        if(ns_CurrPointer > 4 && ns_CurrPointer <=8)
            ns_CurrPointer = 1;
        else if(ns_CurrPointer > 8 && ns_CurrPointer <=12)
            ns_CurrPointer = 4;
        else if(ns_CurrPointer > 12 && ns_CurrPointer <=16)
            ns_CurrPointer = 8;
        
        nsClearSelections();  
        RenderAccordianMaster(ns_CurrPointer-1,1); 
        if (ns_CurrPointer ==1)
            RenderAccordianThumbs(ns_CurrPointer-1,ns_BatchSize-1);  
        else
            RenderAccordianThumbs(ns_CurrPointer-1,ns_CurrPointer + ns_BatchSize - 2);  
        ns_SecondsLeft =0;
        StartTheTimer();
    }
//    else
//    {
//        ns_CurrPointer = 8;
//        nsClearSelections();
//        ns_SecondsLeft =0;
//        StartTheTimer();
//    }
     //   alert('Sorry you have reached the end!!!');
}

function nsClearSelections(){
    for(iTemp=1;iTemp<=ns_BatchSize;iTemp++)
         document.getElementById('ns_NewsDesc' + iTemp).className='ns_NewsDesc';
}


//-----------------------------------------------------