/**
* tab_navi.js
*/



        $(function(){
          $("#navBox").hover(
            function(){
            	 //タブの出現
                 $("#tabNav").slideToggle("fast");
                 //アドフローについてのhover時(img)
                 $("#globalNav-top ul li#g01 a").hover(
                		 function(){
                             $("#globalNav-top ul li#g01 a").css("background-position", "0 -173px");
                             $("section#about").css("background", "url(/images/tabnav.png) no-repeat 0 -172px");
                		 },
                		 function(){
                			 $("#globalNav-top ul li#g01 a").css("background-position", "0 -244px");
              		         $("section#about").css("background", "url(/images/tabnav.png) no-repeat 0 0");
                		 });
                 //アドフローについてのhover時(タブ)
                 $("section#about").hover(
                		 function(){
                             $("#globalNav-top ul li#g01 a").css("background-position", "0 -173px");
                             $("section#about").css("background", "url(/images/tabnav.png) no-repeat 0 -172px");
                		 },
                		 function(){
                		     $("#globalNav-top ul li#g01 a").css("background-position", "0 -244px");
              		         $("section#about").css("background", "url(/images/tabnav.png) no-repeat 0 0");
                		 });

                 //制作会社のアドフローhover時(img)
                 $("#globalNav-top ul li#g02 a").hover(
                		 function(){
                             $("#globalNav-top ul li#g02 a").css("background-position", "-160px -173px");
                             $("section#design").css("background", "url(/images/tabnav.png) no-repeat -160px -172px");
                		 },
                		 function(){
                			 $("#globalNav-top ul li#g02 a").css("background-position", "-160px -244px");
                             $("section#design").css("background", "url(/images/tabnav.png) no-repeat -160px 0");
                		 });
                 //制作会社のアドフローhover時(タブ)
                 $("section#design").hover(
                		 function(){
                             $("#globalNav-top ul li#g02 a").css("background-position", "-160px -173px");
                             $("section#design").css("background", "url(/images/tabnav.png) no-repeat -160px -172px");
                		 },
                		 function(){
                			 $("#globalNav-top ul li#g02 a").css("background-position", "-160px -244px");
                             $("section#design").css("background", "url(/images/tabnav.png) no-repeat -160px 0");
                		 });

                 //アドフローの強みhover時(img)
                 $("#globalNav-top ul li#g03 a").hover(
                		 function(){
                             $("#globalNav-top ul li#g03 a").css("background-position", "-320px -173px");
                             $("section#strongpoint").css("background", "url(/images/tabnav.png) no-repeat -320px -172px");
                		 },
                		 function(){
                		     $("#globalNav-top ul li#g03 a").css("background-position", "-320px -244px");
                             $("section#strongpoint").css("background", "url(/images/tabnav.png) no-repeat -320px 0");
                		 });
                 //アドフローの強みhover時(タブ)
                 $("section#strongpoint").hover(
                		 function(){
                             $("#globalNav-top ul li#g03 a").css("background-position", "-320px -173px");
                             $("section#strongpoint").css("background", "url(/images/tabnav.png) no-repeat -320px -172px");                             
                		 },
                		 function(){
                		     $("#globalNav-top ul li#g03 a").css("background-position", "-320px -244px");
                             $("section#strongpoint").css("background", "url(/images/tabnav.png) no-repeat -320px 0");                		     
                		 });
                                 
                 //webコンサルティングhover時(img)
                 $("#globalNav-top ul li#g04 a").hover(
                		 function(){
                             $("#globalNav-top ul li#g04 a").css("background-position", "-480px -173px");
                             $("section#consulting").css("background", "url(/images/tabnav.png) no-repeat -480px -172px");
                		 },
                		 function(){
                		     $("#globalNav-top ul li#g04 a").css("background-position", "-480px -244px");
                             $("section#consulting").css("background", "url(/images/tabnav.png) no-repeat -480px 0");
                		 });
                 //webコンサルティングhover時(タブ)
                 $("section#consulting").hover(
                		 function(){
                             $("#globalNav-top ul li#g04 a").css("background-position", "-480px -173px");
                             $("section#consulting").css("background", "url(/images/tabnav.png) no-repeat -480px -172px");
                		 },
                		 function(){
                		     $("#globalNav-top ul li#g04 a").css("background-position", "-480px -244px");
                             $("section#consulting").css("background", "url(/images/tabnav.png) no-repeat -480px 0");
                		 });
                                 
                 //会社情報hover時(img)
                 $("#globalNav-top ul li#g05 a").hover(
                		 function(){
                             $("#globalNav-top ul li#g05 a").css("background-position", "-640px -173px");
                             $("section#company").css("background", "url(/images/tabnav.png) no-repeat -640px -172px");
                		 },
                		 function(){
                		     $("#globalNav-top ul li#g05 a").css("background-position", "-640px -244px");
                             $("section#company").css("background", "url(/images/tabnav.png) no-repeat -640px 0");
                		 });
                 //会社情報hover時(タブ)
                 $("section#company").hover(
                		 function(){
                             $("#globalNav-top ul li#g05 a").css("background-position", "-640px -173px");
                             $("section#company").css("background", "url(/images/tabnav.png) no-repeat -640px -172px");
                		 },
                		 function(){
                		     $("#globalNav-top ul li#g05 a").css("background-position", "-640px -244px");
                             $("section#company").css("background", "url(/images/tabnav.png) no-repeat -640px 0");
                		 });

                 //お問い合わせフォームhover時(img)
                 $("#globalNav-top ul li#g06 a").hover(
                		 function(){
                             $("#globalNav-top ul li#g06 a").css("background-position", "-800px -173px");
                             $("section#contact").css("background", "url(/images/tabnav.png) no-repeat -800px -172px");
                		 },
                		 function(){
                		     $("#globalNav-top ul li#g06 a").css("background-position", "-800px -244px");
                		     $("section#contact").css("background", "url(/images/tabnav.png) no-repeat -800px 0");
                		 });
                 //お問い合わせフォームhover時(タブ)
                 $("section#contact").hover(
                		 function(){
                             $("#globalNav-top ul li#g06 a").css("background-position", "-800px -173px");
                             $("section#contact").css("background", "url(/images/tabnav.png) no-repeat -800px -172px");
                		 },
                		 function(){
                		     $("#globalNav-top ul li#g06 a").css("background-position", "-800px -244px");
                             $("section#contact").css("background", "url(/images/tabnav.png) no-repeat -800px 0");
                		 });
                 
            },
            function(){
                $("#tabNav").slideToggle("normal");   //　タブを閉じる
                $("#tabNav").css("background", "url(/images/tabnav.png) no-repeat 0 0");
            });
          
    //以下の記述は、スライドが出現時に、タブとイメージの背景をアクティブにするため
          //アドフローについてのhover時(img)
          $("#globalNav-top ul li#g01 a").hover(
         		 function(){
                      $("#globalNav-top ul li#g01 a").css("background-position", "0 -173px");
                      $("section#about").css("background", "url(/images/tabnav.png) no-repeat 0 -172px");
         		 },
         		 function(){
         			 $("#globalNav-top ul li#g01 a").css("background-position", "0 -244px");
       		         $("section#about").css("background", "url(/images/tabnav.png) no-repeat 0 0");
         		 });

          //制作会社のアドフローhover時(img)
          $("#globalNav-top ul li#g02 a").hover(
         		 function(){
                      $("#globalNav-top ul li#g02 a").css("background-position", "-160px -173px");
                      $("section#design").css("background", "url(/images/tabnav.png) no-repeat -160px -172px");
         		 },
         		 function(){
         			 $("#globalNav-top ul li#g02 a").css("background-position", "-160px -244px");
                      $("section#design").css("background", "url(/images/tabnav.png) no-repeat -160px 0");
         		 });

          //アドフローの強みhover時(img)
          $("#globalNav-top ul li#g03 a").hover(
         		 function(){
                      $("#globalNav-top ul li#g03 a").css("background-position", "-320px -173px");
                      $("section#strongpoint").css("background", "url(/images/tabnav.png) no-repeat -320px -172px");
         		 },
         		 function(){
         		     $("#globalNav-top ul li#g03 a").css("background-position", "-320px -244px");
                      $("section#strongpoint").css("background", "url(/images/tabnav.png) no-repeat -320px 0");
         		 });

          //webコンサルティングhover時(img)
          $("#globalNav-top ul li#g04 a").hover(
         		 function(){
                      $("#globalNav-top ul li#g04 a").css("background-position", "-480px -173px");
                      $("section#consulting").css("background", "url(/images/tabnav.png) no-repeat -480px -172px");
         		 },
         		 function(){
         		     $("#globalNav-top ul li#g04 a").css("background-position", "-480px -244px");
                      $("section#consulting").css("background", "url(/images/tabnav.png) no-repeat -480px 0");
         		 });

          //会社情報hover時(img)
          $("#globalNav-top ul li#g05 a").hover(
         		 function(){
                      $("#globalNav-top ul li#g05 a").css("background-position", "-640px -173px");
                      $("section#company").css("background", "url(/images/tabnav.png) no-repeat -640px -172px");
         		 },
         		 function(){
         		     $("#globalNav-top ul li#g05 a").css("background-position", "-640px -244px");
                      $("section#company").css("background", "url(/images/tabnav.png) no-repeat -640px 0");
         		 });
          
          //お問い合わせフォームhover時(img)
          $("#globalNav-top ul li#g06 a").hover(
         		 function(){
                      $("#globalNav-top ul li#g06 a").css("background-position", "-800px -173px");
                      $("section#contact").css("background", "url(/images/tabnav.png) no-repeat -800px -172px");
         		 },
         		 function(){
         		     $("#globalNav-top ul li#g06 a").css("background-position", "-800px -244px");
         		     $("section#contact").css("background", "url(/images/tabnav.png) no-repeat -800px 0");
         		 });
                                      
        });