var totalImages = 0;
var previousId = -1;
var fadeTo = -1;
var betweenRotate = 5 * 1000;
var rotateTime = 2 * 1000;
var toggle = true;

function initializeImageRotate() {
    totalImages = $( "#header-image-container div" ).length;
    fadeTo = Math.floor( Math.random() * totalImages ) + 1;
    $( "#header-image" ).removeClass( "header-image-1" );
    $( "#header-image" ).addClass( $( "#header-image-" + fadeTo ).attr( "id" ) );
    $( "#header-image-rotate" ).css( "display", "none" );
    setTimeout( rotateImages, betweenRotate );
}

function rotateImages() {
    previousId = fadeTo;
    fadeTo ++;
    if( fadeTo > totalImages ) {
        fadeTo = 1;
    }
    if( toggle ) {
        $( "#header-image-rotate" ).css( "display", "none" );
        $( "#header-image-rotate" ).css( "z-index", "2" );
        $( "#header-image" ).css( "z-index", "1" );

        $( "#header-image-rotate" ).addClass( "header-image-" + fadeTo );
        $( "#header-image-rotate" ).fadeIn( rotateTime, afterRotation );
    }
    else {
        $( "#header-image" ).css( "display", "none" );
        $( "#header-image" ).css( "z-index", "2" );
        $( "#header-image-rotate" ).css( "z-index", "1" );

        $( "#header-image" ).addClass( "header-image-" + fadeTo );
        $( "#header-image" ).fadeIn( rotateTime, afterRotation );
    }
}

function afterRotation() {
    if( toggle ) {
        $( "#header-image" ).removeClass( "header-image-" + previousId );
    }
    else {
        $( "#header-image-rotate" ).removeClass( "header-image-" + previousId );
    }
    toggle = !toggle;
    setTimeout( rotateImages, betweenRotate );
}

$( window ).load( initializeImageRotate );