var header_image = null;
var header_images = new Array();
header_images[0] = "banner-1.png";
header_images[1] = "banner-2.png";
header_images[2] = "banner-11.png";
header_images[3] = "banner-3.png";
header_images[4] = "banner-4.png";
header_images[5] = "banner-5.png";
header_images[6] = "banner-12.png";
header_images[7] = "banner-6.png";
header_images[8] = "banner-7.png";
header_images[9] = "banner-8.png";
header_images[10] = "banner-9.png";
header_images[11] = "banner-10.png";
header_images[12] = "banner-13.png";

$(document).ready(function () {
    header_toggleImage();
});

function header_loadImage() {
    var img = new Image();
    $(img).load(function () {
        $("div.banner").attr('style', 'background: url("/images/banners/' + header_images[header_image_index] + '") left top no-repeat');
    }).attr('src', '/images/banners/' + header_images[header_image_index]);

    header_image_timer = window.setTimeout('header_getNextImage();', 7000);
}

function header_getNextImage() {
    if (header_image_timer)
        window.clearTimeout(header_image_timer);

    header_image_timer = null;
    if (header_image_index == (header_images.length - 1))
        header_image_index = 0;
    else
        header_image_index++;
    header_loadImage(); //load the next header image.
}

function header_toggleImage() {
    header_image_index = Math.floor(Math.random() * (header_images.length - 1));
    header_loadImage();
}