var images = new Array( '../../images/highlight1_960x400.jpg',
                        '../../images/highlight2_960x400.jpg');
var divWidth = 900;
var counter = 0;
var fadeTime = 3000;
var path = '';

function rotateHighlight( ){
    $(this).queue( turnOff );
    
    path = pickNextImg( );
    $(this).delay( fadeTime);
    $(this).queue( swapCurImage );
    $(this).queue( turnOn );
}

function turnOff( ){
    $('#carrousel').fadeOut( fadeTime );
    $(this).dequeue( );
}

function turnOn( ){
    $('#carrousel').fadeIn( fadeTime );
    $(this).dequeue( );
}

function pickNextImg( ) {
    ++counter;
    if ( undefined == images[counter] )
        counter = 0;
    return images[counter];
}

function swapCurImage( ) {
    $('#carrousel').css('background', 'transparent url(../../images/' + path + ') center center no-repeat');
    $(this).dequeue( );
}

$(document).ready( function() {
    function runIt() {
        $(this).dequeue( );
        rotateHighlight( );
        $(this).delay( 20000 + fadeTime);
        console.log('here');
        $(this).queue( runIt );
    }
    runIt();
});