// This script assumes there are two to five news items.
// That is,button #1 and the next/previous buttons are always visible.
var newsDiv;
var newsArray = new Array();
//var newsObjArray = new Array();
var newsObj1;
var newsObj2;
var newsObj3;
var newsObj4;
var newsObj5;
var timerID;
var clickEnabled;
var newsItem = 1;
var newsImageArray = new Array();
var newsImageNormArray = new Array();
var newsImageRollArray = new Array();
var maxItem = 1;
clickEnabled = true;
function newsInit(){
    newsDiv = document.getElementById('news');
    
    newsImageArray[1] = document.getElementById('newsImage1');
    newsImageArray[2] = document.getElementById('newsImage2');
    newsImageArray[3] = document.getElementById('newsImage3');
    newsImageArray[4] = document.getElementById('newsImage4');
    newsImageArray[5] = document.getElementById('newsImage5');

    newsImageNormArray[1] = "/_resources/images/refresh/home/news/news_1.gif";
    newsImageNormArray[2] = "/_resources/images/refresh/home/news/news_2.gif";
    newsImageNormArray[3] = "/_resources/images/refresh/home/news/news_3.gif";
    newsImageNormArray[4] = "/_resources/images/refresh/home/news/news_4.gif";
    newsImageNormArray[5] = "/_resources/images/refresh/home/news/news_5.gif";
    
    newsImageRollArray[1] = "/_resources/images/refresh/home/news/news_1_rl.gif";
    newsImageRollArray[2] = "/_resources/images/refresh/home/news/news_2_rl.gif";
    newsImageRollArray[3] = "/_resources/images/refresh/home/news/news_3_rl.gif";
    newsImageRollArray[4] = "/_resources/images/refresh/home/news/news_4_rl.gif";
    newsImageRollArray[5] = "/_resources/images/refresh/home/news/news_5_rl.gif";
       
    newsObj1 = document.getElementById('news1');
    newsObj2 = document.getElementById('news2');
    newsObj3 = document.getElementById('news3');
    newsObj4 = document.getElementById('news4');
    newsObj5 = document.getElementById('news5');
    if (newsObj1){
        newsArray[1] = newsObj1.innerHTML;
        newsImageArray[1].style.display = "inline";
        maxItem = 1;
    }
    
    if (newsObj2){        
        newsArray[2] = newsObj2.innerHTML;
        maxItem = 2;
        newsImageArray[2].style.display = "inline";
    } else {
//        newsImageArray[2].style.display = "none";
    }
    
    if (newsObj3){
        newsArray[3] = newsObj3.innerHTML;
        maxItem = 3;
        newsImageArray[3].style.display = "inline";
    } else {
//        newsImageArray[3].style.display = "none";
    }
    
    if (newsObj4){
        newsArray[4] = newsObj4.innerHTML;
        maxItem = 4;
        newsImageArray[4].style.display = "inline";
    } else {
//        newsImageArray[4].style.display = "none";
    }
    
    if (newsObj5){
        newsArray[5] = newsObj5.innerHTML;
        maxItem = 5;
        newsImageArray[5].style.display = "inline";
    } else {
//        newsImageArray[5].style.display = "none";
    }
    
    //Highlight item 1 to start with automaticatlly
    newsImageArray[1].src= newsImageRollArray[1];
    setTimeout( "rotateItems()" , 4000);
}
function rotateItems() {
    if (newsItem < maxItem) {
        nextNewsItem();
    } else {
        newsItem = 0;
        nextNewsItem();
    }
    //timerID = setTimeout( "rotateItems()" , 6000);
}
//Advances to next item either by timer or by user clicking the "next" arrow.
function nextNewsItem() {
    if (newsItem < maxItem ) {
           //Don't want to allow clicks during animation
           clickEnabled = false;
           
        $("#news").animate({ opacity: 'hide' }, 3000, 'linear',function() {
            newsDiv.innerHTML = newsArray[newsItem+1];
            if (newsItem > 0){
                newsImageArray[newsItem].src= newsImageNormArray[newsItem];
            } else {
                newsImageArray[maxItem].src= newsImageNormArray[maxItem];
            }
            newsItem = newsItem+1;
            newsImageArray[newsItem].src= newsImageRollArray[newsItem];        

            $("#news").animate({ opacity: 'show' }, 3000, 'linear', function(){
                clearTimeout(timerID);
                timerID = setTimeout( "rotateItems()" , 6000);
                clickEnabled = true;
            });

        });
                
    }
}

//For when the user clicks on a number
function switchNewsItem(whichItem) {
   //Don't want to allow clicks during animation
   if (clickEnabled){
        clickEnabled = false;
    $("#news").animate({ opacity: 'hide' }, '8000', 'linear', function() {
        newsDiv.innerHTML = newsArray[whichItem];    
        newsImageArray[newsItem].src= newsImageNormArray[newsItem];
        newsItem = whichItem;
        newsImageArray[newsItem].src= newsImageRollArray[newsItem];

        $("#news").animate({ opacity: 'show' }, '8000', 'linear', function(){
            clearTimeout(timerID);
            timerID = setTimeout( "rotateItems()" , 8000);  // Since they chose this item, this timer is a little longer
            clickEnabled = true;
        });
    });
    
   }
}

//We use these functions to handle rollover images so that the script can also highlight an item
function newsMouseOver(whichItem) {
    if (whichItem != newsItem){
        newsImageArray[whichItem].src= newsImageRollArray[whichItem];
    }
}
function newsMouseOut(whichItem) {
    if (whichItem != newsItem){
        newsImageArray[whichItem].src= newsImageNormArray[whichItem];
    }
}