$(document).ready(function()
{		
    var bannerItems = $('div.homebanners ul li');
    var menuItems = $('div.homesegmentmenu a');
    
    bannerItems.css({opacity: 0.0});
    bannerItems.css({visibility: 'visible'});
    $(bannerItems[0]).css({opacity: 1.0});
    
    var currentIndex = 0;
	var bannerCount = bannerItems.length;
	
    setInterval(function()
    {	
        var nextIndex = currentIndex + 1;
        
        if (nextIndex == bannerCount)
            nextIndex = 0;

        var currentBannerItem = $(bannerItems[currentIndex]);
        var nextBannerItem    = $(bannerItems[nextIndex]);
        
        var currentMenuItem = $(menuItems[currentIndex]);
        var nextMenuItem    = $(menuItems[nextIndex]);
        
        nextBannerItem.css({opacity: 0.0})
                      .addClass('show')
                      .animate({opacity: 1.0}, 1000);

        currentBannerItem.animate({opacity: 0.0}, 1000)
                         .removeClass('show');
            
        nextMenuItem.addClass('menuitem' + (nextIndex + 1) + 'active');
        nextMenuItem.removeClass('menuitem' + (nextIndex + 1));

        currentMenuItem.addClass('menuitem' + (currentIndex + 1));
        currentMenuItem.removeClass('menuitem' + (currentIndex + 1) + 'active');

        currentIndex = nextIndex;
        
    }, 6000);
   
});