// jquery should be loaded before this

// javascript for the rotating images on the front page
var rotate_callbackcount = 0;
var rotate_time = 8;
var click_delay = 4;

$().ready(function () {

    $('.rotate_item_window').wrap('<div class="rotate_container"></div>').each(function() {
        var count = $('.rotate_item',$(this)).hide().length;
        var nav = $('<div class="rotate_location"></div>');
        for (var i = 0; i < count; i++)
            nav.append('<img class="rotate_marker" />');
        
        nav.insertAfter($(this));
        rotate_header($(this), Math.floor(Math.random() * count)); // this will set the image sources for the rotate markers
    });
    
    // apply css styles to override no-javascript cases
    $('.rotate_item_window').css('overflow','hidden');
    $('.rotate_item').css('position','absolute');
    
    $('.rotate_marker').click( function () {
        var markers = $(this).parent().children('.rotate_marker');
        var index = markers.index($(this));
        
        rotate_header($(this).parents('.rotate_container').children('.rotate_item_window'), index);
        rotate_callbackcount++;
        setTimeout(rotate, 1000 * (rotate_time + click_delay));
    });
    
    rotate_callbackcount = 1;
    setTimeout(rotate, 1000 * rotate_time);
});

function rotate_header(block, index)
{
    var headers = $('.rotate_item', block);
    
    // force any animation on the items to stop
    headers.stop(true, true);
        // forcing the animation to stop is critical
        // because we're using :visible to determine 
        // the current selection. if we wanted to
        // stack the animations we could use a class
        // instead. don't feel like adding that
        // complexity now.
    
    var current = $('.rotate_item:visible', block);
    var current_index = headers.index(current);
    
    if (index != current_index)
    {
        // cross-fade image
        
        current.css('z-index','100');
        headers.eq(index).css('z-index','50').show();
        current.fadeOut(500);
    }
    
    // change marker
    
    var markers = $(block).parents('.rotate_container').find('.rotate_marker');
    markers.attr('src','/img/web/scroll_marker.gif').eq(index).attr('src','/img/web/scroll_marker_solid.gif');
}

function rotate()
{
    // terminate if there's another rotate
    if (rotate_callbackcount > 1)
    {
        rotate_callbackcount--;
        return;
    }

    $('.rotate_item_window').each( function () {
        var headers = $('.rotate_item',$(this));
        var current = $('.rotate_item:visible',$(this));
        rotate_header($(this),(headers.index(current) + 1) % headers.length);
    });
    
    setTimeout(rotate, 1000 * rotate_time);
}