$(function(){
    $('dl.hsmap').each(function(){
        var $container = $(this);
        var height = $container.width() * 0.85;
        $container.find('dd').append('<div class="close">╳</div>');
        $container.find('dd').wrapinner('<div class="cont" />');
        $container.height(height);
        $container.find('dt').click(function(){
            $container.find('dd').fadeout();
            $(this).next('dd').fadein();
            $('body').append('<div class="hsmapmask" style="display:none;"></div>');
            $('div.hsmapmask').fadein();
        });
        $container.find('div.close').click(function(){
            $container.find('dd').fadeout();
            $('div.hsmapmask').fadeout(function(){
                $(this).remove();
            });
        });

    });
});