//Image load array + option items

imageArray      =   new Array();
optionItems     =   $("div.option");

//Handle option items

for(i=0;i<optionItems.length;i++) {
    
    //Set background
    
    if(!Modernizr.cssgradients) {
        
        $(optionItems[i]).find('div.gloss').css("background-image","url('/images/home-options/gloss.png')");
        $(optionItems[i]).find('a').css("background-image","url('/images/home-options/anchor-gradient.png')");
    
    }
    
    //Load the color images
    
    imageSrc        =   String($(optionItems[i]).css("background-image")).replace('url(', '').replace('-bw.jpg)', '.jpg');
    colorImage      =   new Image();
    colorImage.src  =   imageSrc;
    imageArray.push(colorImage);
    
    //Set up option menu item behaviors
    
    $(optionItems[i]).mouseover(function(){
         imageSrc    =   String($(this).css("background-image")).replace('-bw', '');
         $(this).css("background-image", imageSrc);
         if(!Modernizr.cssgradients) $(this).find('a').css("background-image","url('/images/home-options/anchor-gradient-hover.png')");
    });
    $(optionItems[i]).mouseout(function(){
         imageSrc    =   String($(this).css("background-image")).replace('.jpg', '-bw.jpg');
         $(this).css("background-image", imageSrc);
         if(!Modernizr.cssgradients) $(this).find('a').css("background-image","url('/images/home-options/anchor-gradient.png')");
    });
    $(optionItems[i]).click(function(){ window.location = $(this).find('a').attr('href'); });
    
}

var i = 0;
var started = false;
var returnData;

function changeData() {
    $('#newsReel').find('a').html(returnData[i]['title']);
    $("#newsReel").find("a").css('margin-top', '12px');
}

function manageNewsFeed(data) {
    if(!returnData) returnData = data;
    
    if((i+1)==returnData.length || !started) i = 0;
    else i++;
    
    if(!started) $('#newsReel').find('a').html(returnData[i]['title']);
    
    $("#newsReel").find("a").css('margin-top', '12px');
    
    if($("#newsReel").find("a").css('margin-top') == '12px' && started == true) $("#newsReel").find("a").css('margin-top', '-50px');
    else { started = true; $("#newsReel").find("a").css('margin-top', '12px'); }
    
    setTimeout("changeData()", 1000);
    setTimeout("manageNewsFeed()", 7000);
}

$.ajax({
    url: '/scripts/exe/get-news.php?call=recent' ,
    type: 'GET' ,
    dataType: 'json' ,
    success: function (data, textStatus, jqXHR) { manageNewsFeed(data); }
});