;(function($) {
    $(function() {
        var $body = $('.sido_map');
        var $city = $body.find('.city');
        var $pin = $city.find('.pin');
        
        $body.parent().parent().css('overflow', 'visible');

        $pin.find('a').hover(
            function() { $(this).parent().addClass('hover'); },
            function() { $(this).parent().removeClass('hover'); }
        );

        $pin.find('a').click(function() {
            var $this = $(this);
            var $parent = $this.parent();
            var $city = $this.closest('.city');
            var city = $city.attr('city');
            var menu_id = 0;

            if($parent.hasClass('active')) {
                $parent.removeClass('active');
                $city.removeClass('active');
                $city.siblings().removeClass('unactive');
                $this.closest('ul').removeAttr('class');
                $city.find('dl').hide();
            } else {
                switch(city) {
                    case 'seoul' :
                        menu_id = '462155';
                        break;
                    case 'incheon' :
                        menu_id = '635270';
                        break;
                    case 'daejeon' :
                        menu_id = '462156';
                        break;
                    case 'gwangju' :
                        menu_id = '635275';
                        break;
                    case 'daegu' :
                        menu_id = '462157';
                        break;
                    case 'busan' :
                        menu_id = '635300';
                        break;
                    case 'ulsan' :
                        menu_id = '635301';
                        break;
                    case 'gyeonggi' :
                        menu_id = '635302';
                        break;
                    case 'gangwon' :
                        menu_id = '635307';
                        break;
                    case 'gyeongnam' :
                        menu_id = '635308';
                        break;
                    case 'gyeongbuk' :
                        menu_id = '635309';
                        break;
                    case 'jeounnam' :
                        menu_id = '635318';
                        break;
                    case 'jeonbuk' :
                        menu_id = '635319';
                        break;
                    case 'chungnam' :
                        menu_id = '635320';
                        break;
                    case 'chungbuk' :
                        menu_id = '635321';
                        break;
                    case 'jejudo' :
                        menu_id = '635322';
                        break;
                }
                $parent.addClass('active');
                $city.addClass('active');
                $city.siblings().addClass('unactive');
                $this.closest('ul').addClass($city.attr('city'));
                $city.find('dl').replaceWith($('#sidomap_'+menu_id).clone());
                $city.find('dl').show();
            }
            return false;
        });

        $city.find('dl').mouseleave(function() {
            var $this = $(this);
            var $city = $this.closest('.city');

            $this.hide();
            $this.closest('ul').removeAttr('class');
            $this.prev().removeClass('active');
            $city.removeClass('active');
            $city.siblings().removeClass('unactive');
        });
    });
}) (jQuery);