function preLoadImages(fileNames) {
    if($('#PreLoadImagesContainer').length == 0) {
      $("<div/>").attr("id", "PreLoadImagesContainer").css({display: "none"}).appendTo("body");
    }
    for (var x = 0; x < fileNames.length; x++) {
        $("<img>").attr({
          src: fileNames[x]
        }).appendTo('#PreLoadImagesContainer');
    }
}

$(document).ready(function () {

    function confirmDelete(MSG) {
        return confirm(MSG);
    }

    function confirmMSG(MSG) {
       return confirm(MSG);
    }

    var ImgLOC = '/Data/images/Nav/';
    var Extension = 'on.png';
    var PreLoads = [    'umokkur',
                        'frettir',
                        'hundarnir',
                        'got',
                        'linkar',
                        'myndir',
                        'gestabok',
                        'greinar',
                        'annadefni',
                        'hafasamband',
                        'syningar'];

    var Images = [];
    for(var i = 0; i< PreLoads.length; ++i) {
       Images[i] = ImgLOC + PreLoads[i] + Extension;
    }

    preLoadImages(Images);

    $("#Navigator a").mouseover(function() {
        var sid = $(this).children("img").eq(0).attr("id"); //umokkura
        var id2ID = sid+"2";

        if( $(this).children("img").eq(1).length == 0) {
            $(this)
                .children("img")
                        .eq(0)
                            .after(    '<img class="NavImageHidden" id="' +
                                        id2ID + '" src="'
                                        + ImgLOC + sid + Extension + '">');
        }

        var element = $("#" + id2ID);

        if(element.css('display') == 'none') {
            element.css({opacity: 0.0});
            element.css({'display': 'block'});
        }

        element.stop(true,false);
        element.animate({opacity: 1.0}, 175);
    }).mouseout(function() {
        var id2ID = "#" + $(this).children("img").eq(0).attr("id") + "2";
        $(this).stop(true,false);
        $(id2ID).animate({opacity: 0.0}, 450);
    });
});