//preload images
Image2 = new Image(150, 20)
Image2.src = root + "Maps/RegionMaps/Images/Hovedstaden_f01.gif";
Image3 = new Image(150, 20)
Image3.src = root + "Maps/RegionMaps/Images/Midtjylland_f01.gif";
Image4 = new Image(150, 20)
Image4.src = root + "Maps/RegionMaps/Images/Nordjylland_f01.gif";
Image5 = new Image(150, 20)
Image5.src = root + "Maps/RegionMaps/Images/Regionskort_f01.gif";
Image6 = new Image(150, 20)
Image6.src = root + "Maps/RegionMaps/Images/Syddanmark_f01.gif";
Image7 = new Image(150, 20)
Image7.src = root + "Maps/RegionMaps/Images/Vestsjaelland_f01.gif";
    
$(document).ready(function() {

    $("#map-container AREA").mouseover(function() {
        var regionMap = "." + $(this).attr('href').replace("#", "");
        $(regionMap).css('display', 'inline');

        // Check if a click event has occured and only change the Region hover state accodringly
        /*if (! jQuery('#practice-container ul').hasClass('selected')) {
        jQuery(regionList).css('display', 'inline');
        }*/
    }).mouseout(function() {
        var regionMap = "." + $(this).attr('href').replace("#", "");

        // Check if a click event has occured and only change the Region hover state accodringly
        if (!$(regionMap).hasClass('selected')) {
            $(regionMap).css('display', 'none');
        }
    });

    $("#map-container AREA").click(function() {
        $('#map-container .region').removeClass('selected').css('display', 'none');
        var regionMap = $(this).attr('href').replace("#", "");
        $("." + regionMap).addClass('selected').css('display', 'inline');
        //var regionId = RegionLoadByMapName(regionMap).Id;
        SelectRegion(0, RegionLoadByMapName(regionMap));
    });

});