window.addEvent('domready', function(){
    var regionList = ['wc', 'wp', 'mw', 'ec'];
    var path = "/assets/images/quarter_midgets/";
        
    if(map = $('regionMap')){
        regionList.each( function(suffix) {
            // preload each of the mouseover maps and buttons
            img1 = new Image();
            img2 = new Image();
            img1.src = path + "region_map_" + suffix +  ".png";
            img2.src = path + "region_buttons_" + suffix +  "_on.png";
            
            // attach the mouse events for rollovers
            var region = $("map-" + suffix);
            var button = $("button-" + suffix);
            var image = $("image-" + suffix);
            
            region.onmouseover = button.onmouseover = function(){ 
                map.src =  path + "region_map_" + suffix +  ".png";
                image.src = path + "region_buttons_" + suffix + "_on.png";
            }
            region.onmouseout = button.onmouseout = function(){
                map.src = path + "region_map.png";
                image.src = path + "region_buttons_" + suffix + ".png";
            }
        }); 
    }
});