From 0d425f07c3ba9dd78aaff8efb3d054d9e7e414f2 Mon Sep 17 00:00:00 2001
From: chicpro <chicpro@gmail.com>
Date: Mon, 4 Mar 2013 13:44:32 +0900
Subject: [PATCH] =?UTF-8?q?#328=20=EC=97=90=20=EB=94=B0=EB=A5=B8=20?=
 =?UTF-8?q?=EC=8A=A4=ED=81=AC=EB=A6=BD=ED=8A=B8=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 tail.sub.php | 46 +++++++++++++++++++++++++++++++++-------------
 1 file changed, 33 insertions(+), 13 deletions(-)

diff --git a/tail.sub.php b/tail.sub.php
index 0f53cbb63..d3e157ed3 100644
--- a/tail.sub.php
+++ b/tail.sub.php
@@ -38,11 +38,12 @@ $(function(){
     });
 
     // 주메뉴
-    var $gnb = $('.gnb_1depth > a');
+    var $gnb = $(".gnb_1depth > a");
     $gnb.mouseover(function() {
         if(mouse_event) {
-            $('.gnb_1depth').removeClass('gnb_1depth_over gnb_1depth_on');
-            $(this).parent().addClass('gnb_1depth_over gnb_1depth_on');
+            $(".gnb_1depth").removeClass("gnb_1depth_over gnb_1depth_over2 gnb_1depth_on");
+            $(this).parent().addClass("gnb_1depth_over gnb_1depth_on");
+            menu_rearrange($(this).parent());
             hide_menu = false;
         }
     });
@@ -51,17 +52,18 @@ $(function(){
         hide_menu = true;
     });
 
-    $('.gnb_1depth li').mouseover(function() {
+    $(".gnb_1depth li").mouseover(function() {
         hide_menu = false;
     });
 
-    $('.gnb_1depth li').mouseout(function() {
+    $(".gnb_1depth li").mouseout(function() {
         hide_menu = true;
     });
 
     $gnb.focusin(function() {
-        $('.gnb_1depth').removeClass('gnb_1depth_over gnb_1depth_on');
-        $(this).parent().addClass('gnb_1depth_over gnb_1depth_on');
+        $(".gnb_1depth").removeClass("gnb_1depth_over gnb_1depth_over2 gnb_1depth_on");
+        $(this).parent().addClass("gnb_1depth_over gnb_1depth_on");
+        menu_rearrange($(this).parent());
         hide_menu = false;
     });
 
@@ -69,29 +71,47 @@ $(function(){
         hide_menu = true;
     });
 
-    $('.gnb_1depth ul a').focusin(function() {
-        $('.gnb_1depth').removeClass('gnb_1depth_over gnb_1depth_on');
-        var $gnb_li = $(this).closest('.gnb_1depth').addClass('gnb_1depth_over gnb_1depth_on');
+    $(".gnb_1depth ul a").focusin(function() {
+        $(".gnb_1depth").removeClass("gnb_1depth_over gnb_1depth_over2 gnb_1depth_on");
+        var $gnb_li = $(this).closest(".gnb_1depth").addClass("gnb_1depth_over gnb_1depth_on");
+        menu_rearrange($(this).closest(".gnb_1depth"));
         hide_menu = false;
     });
 
-    $('.gnb_1depth ul a').focusout(function() {
+    $(".gnb_1depth ul a").focusout(function() {
         hide_menu = true;
     });
 
     $(document).click(function() {
         if(hide_menu) {
-            $('.gnb_1depth').removeClass('gnb_1depth_over gnb_1depth_on');
+            $(".gnb_1depth").removeClass("gnb_1depth_over gnb_1depth_over2 gnb_1depth_on");
         }
     });
 
     $(document).focusin(function() {
         if(hide_menu) {
-            $('.gnb_1depth').removeClass('gnb_1depth_over gnb_1depth_on');
+            $(".gnb_1depth").removeClass("gnb_1depth_over gnb_1depth_over2 gnb_1depth_on");
         }
     });
 });
 
+function menu_rearrange(el)
+{
+    var width = $("#gnb_ul").width();
+    var left = w1 = w2 = 0;
+    var idx = $(".gnb_1depth").index(el);
+
+    for(i=0; i<=idx; i++) {
+        w1 = $(".gnb_1depth:eq("+i+")").outerWidth();
+        w2 = $(".gnb_2depth > a:eq("+i+")").outerWidth(true);
+
+        if((left + w2) > width) {
+            el.removeClass("gnb_1depth_over").addClass("gnb_1depth_over2");
+        }
+
+        left += w1;
+    }
+}
 </script>
 
 </body>