﻿var rolloverImages = new Array();

function preloadImage(url) {
    var image = new Image();
    image.src = url;
    rolloverImages.push(image);
}


$(document).ready(function () {
    // preload all rollover images
    $(".Rollover").each(function () {
        var image = $(this).attr("src");
        if (image == undefined)
            return;
        preloadImage(image.replace(".", "_Over."));
    });
    $(".Rollover-Background").each(function () {
        var image = $(this).css("background-image");
        if (image == undefined || image == "none")
            return;
        imageOver = image.replace(/^url|[\(\)\"\']/g, '').replace("_Normal", "_Over");
        preloadImage(imageOver);
    });
    // setup rollover actions
    $(".Rollover").hover(
        function () {
            if (this.src == undefined)
                return;

            var index = this.src.lastIndexOf(".");

            this.src = this.src.substr(0, index) + "_Over" + this.src.substr(index);

            /*if (this.src.search("_Over") < 0)
            this.src = this.src.replace(".", "_Over.");*/
        },
        function () {
            if (this.src == undefined)
                return;

            var index = this.src.lastIndexOf("_Over.");

            this.src = this.src.substr(0, index) + this.src.substr(index + 5);
        }
    )
});
