logo - image map

<script>
(function($) {
    $(document).ready(function() {
        var logo = $('#logo'),
            insertAfter = $('.logo_container .logo_helper'),
            imageMap = $('<map name="image-map"><area target="_parent" alt="" title="" href="#link-for-logo-1" coords="11,45,12,116,89,116,88,44" shape="poly"><area target="_parent" alt="" title="" href="#link-for-logo-2" coords="95,42,96,117,170,116,169,42" shape="poly"><area target="_parent" alt="" title="" href="#link-for-logo-3" coords="176,42,178,117,241,118,240,41" shape="poly"><area target="_parent" alt="" title="" href="#link-for-logo-4" coords="260,2,262,154,731,147,732,2" shape="poly"><area target="_parent" alt="" title="" href="#link-for-logo-5" coords="759,38,758,118,832,119,831,40" shape="poly"><area target="_parent" alt="" title="" href="#link-for-logo-6" coords="837,40,909,39,908,117,840,117" shape="poly"><area target="_parent" alt="" title="" href="#link-for-logo-7" coords="918,48,990,47,990,116,917,118" shape="poly"></map>');
        logo.attr('usemap', '#image-map')
        logo.parent().remove();
        logo.insertAfter(insertAfter);
        imageMap.insertAfter(logo);
    });
})(jQuery);
</script>