$(document).ready(
    function()
    {            
        var rotationInterval = setInterval("RunRotator()", 3000);
        var boolIntervalCleared = 0;
        
        $("#rotator_list li a").hover(
            function()
            {
                // stop the rotator if it hasn't been stopped
                if(!boolIntervalCleared)
                {
                    clearInterval(rotationInterval);
                    boolIntervalCleared = 1;
                }
                
                // since the mouse is over the button, go ahead and select its image and capt
                //          clear the current selected image
                $('#rotator_list li .selected').removeClass('selected');
                $('#home_page_img_rotator .rotator_img').removeClass('selected_img');
                $(this).addClass('selected');
                $('#home_page_img_rotator #' + $(this).attr('imgid')).addClass('selected_img');
                // now select the corresponding image                
            },
            function()
            {
                rotationInterval = setInterval("RunRotator()", 3000);
                boolIntervalCleared = 0;
            }
        );
    }
);

function RunRotator()
{
    var curEvent = $('#rotator_list li .selected').removeClass('selected');
    curEvent.removeClass('selected');
    $('#home_page_img_rotator .rotator_img').removeClass('selected_img');
    var nextEvent = curEvent.parent().next().children('a');
    if(nextEvent.length == 0)
    {
        nextEvent = $('#rotator_list li a:first');
    }
    nextEvent.addClass('selected');
    $('#home_page_img_rotator #' + nextEvent.attr('imgid')).addClass('selected_img');
}