$(document).ready(function() {

	//banner manager   
    var bannerObj = $('#banner'), waitTime = 6000, fadeTime = 1500, previousImageId = 0, bannerImages = $('img', bannerObj);
    
    if( bannerImages.length > 1 ) { 
        animateImages(1, waitTime);
    }
    
    $(bannerImages).each(function(index){
        $(this).hide().removeClass('hide');
    });
    $(bannerImages).eq(0).addClass('top').show();
    
    function animateImages(id, pauseLength) {
        var previousImage = $(bannerImages).eq(previousImageId), image = $(bannerImages).eq(id), nextImageId = id+1;
        if( id == (bannerImages.length-1) ) { nextImageId = 0; }
        if(image) {
            $(image).delay(pauseLength).fadeTo(1,0,function(){
                $(previousImage).removeClass('top');
                $(image).addClass('top').fadeTo(fadeTime,1,function(){
                    $(previousImage).fadeOut(fadeTime);
                    previousImageId = id;
                    animateImages(nextImageId, waitTime);
                });
            });
        }
        return false;
    }
    
    //banner manager   
    var bannerObj2 = $('#large');
    var bannerSlides = $('.banner-item', bannerObj2); 
    var bannerNavLinks = $('.thumb-item');
    var waitTime2 = 8000; 
       
    //show first banner
    bannerSlides.hide();
    bannerSlides.eq(0).addClass('top').show();  
    bannerNavLinks.eq(0).addClass('active');

    //start banner animation
    if( bannerSlides.length > 1 ) { 
        intervalID = setInterval(animateSlides, waitTime2);       
    } 
    
    bannerNavLinks.click(function(){
        if($(this).hasClass('active')){
            return false;
        }
        clearInterval(intervalID);
        var this_id = $(this).index();
        
        //go to chosen slide
        var previousSlideId = $('.thumb-item.active').index();       
        var previousSlide = bannerSlides.eq(previousSlideId);
        var slide = $(bannerSlides).eq(this_id); 
        changeSlide(previousSlide, slide, this_id);   
          
        intervalID = setInterval(animateSlides, waitTime2); 
        return false;
    });
    
    function animateSlides() {
        var previousSlideId = $('.thumb-item.active').index();       
        var previousSlide = bannerSlides.eq(previousSlideId);
        
        var id = previousSlideId+1;
        if( id == (bannerSlides.length) ) { id = 0; }   
    
        var slide = $(bannerSlides).eq(id); 
        changeSlide(previousSlide, slide, id); 
        return false;
    } 
    
    function changeSlide(previousSlide, slide, id){
        if(slide) {
            $(slide).hide('fast',function(){
                $(previousSlide).removeClass('top');
                $('.thumb-item').removeClass('active');
                $('.thumb-item').eq(id).addClass('active'); 
                $(slide).find('img').hide(); 
                $(slide).addClass('top').show().find('img').fadeIn(800);
                $(previousSlide).find('img').fadeOut(800, function(){ 
                    $(previousSlide).hide(); 
                }); 
            });
        }
    }
         
});

$(window).load(function() {
    
    //side banner  
    var bannerObj2 = $('#sponsors'), waitTime2 = 1500, fadeTime2 = 500, previousImageId2 = 0, bannerImages2 = $('img', bannerObj2);
    
    if( bannerImages2.length > 1 ) { 
        animateImages2(1, waitTime2);
    }
    
    $(bannerImages2).each(function(index){
        $(this).hide().removeClass('hide');
    });
    $(bannerImages2).eq(0).addClass('top').show();
    
    function animateImages2(id, pauseLength) {
        var previousImage2 = $(bannerImages2).eq(previousImageId2), image2 = $(bannerImages2).eq(id), nextImageId2 = id+1;
        if( id == (bannerImages2.length-1) ) { nextImageId2 = 0; }
        if(image2) {
            $(image2).delay(pauseLength).fadeTo(1,0,function(){
                if(image2.hasClass('media')){
                    $('.sponsor_headline').text("Media Partners");
                } else {
                    $('.sponsor_headline').text("Other Sponsors & Supporters");
                }
                $(previousImage2).removeClass('top');
                $(image2).addClass('top').fadeTo(fadeTime2,1,function(){
                    
                    $(previousImage2).fadeOut(fadeTime2);
                    previousImageId2 = id;
                    
                    animateImages2(nextImageId2, waitTime2);
                });
            });
        }
        return false;
    }
    
});