var imageMap = new Array();
mapPathRoot = '/media/images/suds/suds-infiltration-over-';
imageMap['stage-12'] = mapPathRoot+'12.gif';
imageMap['stage-3'] = mapPathRoot+'3.gif';
imageMap['stage-4'] = mapPathRoot+'4.gif';
imageMap['stage-5a'] = mapPathRoot+'5.gif';

$(window).bind('load', function(){
    $('img#map-image').attr('src', '/media/images/suds/loading.gif');
    var preload = [
        '/media/images/suds/suds-infiltration-over-12.gif',
        '/media/images/suds/suds-infiltration-over-3.gif',
        '/media/images/suds/suds-infiltration-over-4.gif',
        '/media/images/suds/suds-infiltration-over-5.gif'
    ];           
    $(document.createElement('img')).bind('load', function(){
        if(preload[0]) this.src = preload.shift();
    }).trigger('load');
    $('img#map-image').attr('src', '/media/images/suds/suds-infiltration-imagemap.gif');
});

$(document).ready(function() {
    $("map#suds_infiltration_imagemap_Map area").hover(function() {
        urlBits = this.href.split('/');
        link = urlBits[urlBits.length-2];
        $('img#map-image').attr('src', imageMap[link]);
        $('div.suds-rollover').hide();
        $('div#'+link).show();
        return false;
    },
    function() {
        $('img#map-image').attr('src', '/media/images/suds/suds-infiltration-imagemap.gif');
        return false;
    });
    $('div.suds-rollover').hide();
    $("div.suds-rollover div.close a").click(function() {
        $("div.suds-rollover").fadeOut();
        return false;
    });
    $("map#suds_infiltration_imagemap_Map area").attr('title', '');
});