//// JavaScript Document
//$(document).ready(function(){
//$(".mosaic-overlay").hover(function () {
//  $(".mosaic-backdrop").fadeTo(100, 0.7);
//});
//})

//TOP画像フェード用

$(document).ready(function(){
$(".1_on").hover(function(){
        $(".1_off").fadeTo(1,0.7);
    },
    function(){
        $(".1_off").fadeTo(1,1.0);
    });
$(".2_on").hover(function(){
        $(".2_off").fadeTo(1,0.7);
    },
    function(){
        $(".2_off").fadeTo(1,1.0);
    });
$(".3_on").hover(function(){
        $(".3_off").fadeTo(1,0.7);
    },
    function(){
        $(".3_off").fadeTo(1,1.0);
    });
				
				
$(".s1_on").hover(function(){
        $(".s1_off").fadeTo(1,0.7);
    },
    function(){
        $(".s1_off").fadeTo(1,1.0);
    });
$(".s2_on").hover(function(){
        $(".s2_off").fadeTo(1,0.7);
    },
    function(){
        $(".s2_off").fadeTo(1,1.0);
    });
$(".s3_on").hover(function(){
        $(".s3_off").fadeTo(1,0.7);
    },
    function(){
        $(".s3_off").fadeTo(1,1.0);
    });	
				
$(".s4_on").hover(function(){
        $(".s4_off").fadeTo(1,0.7);
    },
    function(){
        $(".s4_off").fadeTo(1,1.0);
    });
$(".s5_on").hover(function(){
        $(".s5_off").fadeTo(1,0.7);
    },
    function(){
        $(".s5_off").fadeTo(1,1.0);
    });		

			
$(".sn1_on").hover(function(){
        $(".sn1_off").fadeTo(1,0.7);
    },
    function(){
        $(".sn1_off").fadeTo(1,1.0);
    });
$(".sn2_on").hover(function(){
        $(".sn2_off").fadeTo(1,0.7);
    },
    function(){
        $(".sn2_off").fadeTo(1,1.0);
    });
$(".sn3_on").hover(function(){
        $(".sn3_off").fadeTo(1,0.7);
    },
    function(){
        $(".sn3_off").fadeTo(1,1.0);
    });	
				
$(".sn4_on").hover(function(){
        $(".ns4_off").fadeTo(1,0.7);
    },
    function(){
        $(".ns4_off").fadeTo(1,1.0);
    });

			
$(".ns1_on").hover(function(){
        $(".ns1_off").fadeTo(1,0.7);
    },
    function(){
        $(".ns1_off").fadeTo(1,1.0);
    });
$(".ns2_on").hover(function(){
        $(".ns2_off").fadeTo(1,0.7);
    },
    function(){
        $(".ns2_off").fadeTo(1,1.0);
    });
$(".ns3_on").hover(function(){
        $(".ns3_off").fadeTo(1,0.7);
    },
    function(){
        $(".ns3_off").fadeTo(1,1.0);
    });	
				
$(".ns4_on").hover(function(){
        $(".ns4_off").fadeTo(1,0.7);
    },
    function(){
        $(".ns4_off").fadeTo(1,1.0);
    });

			
				
$(".bg1_on").hover(function(){
        $(".bg1_off").fadeTo(1,0.7);
    },
    function(){
        $(".bg1_off").fadeTo(1,1.0);
    });
$(".bg2_on").hover(function(){
        $(".bg2_off").fadeTo(1,0.7);
    },
    function(){
        $(".bg2_off").fadeTo(1,1.0);
    });
$(".bg3_on").hover(function(){
        $(".bg3_off").fadeTo(1,0.7);
    },
    function(){
        $(".bg3_off").fadeTo(1,1.0);
    });	
				
$(".bg4_on").hover(function(){
        $(".bg4_off").fadeTo(1,0.7);
    },
    function(){
        $(".bg4_off").fadeTo(1,1.0);
    });
$(".bg5_on").hover(function(){
        $(".bg5_off").fadeTo(1,0.7);
    },
    function(){
        $(".bg5_off").fadeTo(1,1.0);
    });		
$(".bg6_on").hover(function(){
        $(".bg6_off").fadeTo(1,0.7);
    },
    function(){
        $(".bg6_off").fadeTo(1,1.0);
    });		

});


//TOP SHOPPING
$(document).ready(function(){
    // 初期設定
        // #nav直下の全li要素の中から最初のli要素に.selectを追加
        $("#tab_b > li:first").addClass("select");
        // #nav直下の全li要素にマウスオーバーしたらリンク要素に偽装
        $("#tab_b > li").hover(function(){
            $(this).css("cursor","pointer");
        },function(){
            $(this).css("cursor","default");
        });
 
        // #tab直下の全div要素を非表示
        $("#tab > div").hide();
        // #tab直下の全div要素の中から最初のdiv要素を表示
        $("#tab > div:first").show();
 
    // タブ切替処理
    $("#tab_b > li").click(function () {
        // #nav直下の全li要素のclass属性を削除
        $("#tab_b > li").removeClass("select");
        // クリックしたli要素に.selectを追加
        $(this).addClass("select");
        // #tab直下の全div要素を非表示
        $("#tab > div").hide();
        // クリックしたタブのインデックス番号と同じdiv要素をフェード表示
        $("#tab > div").eq($("#tab_b > li").index(this)).fadeIn(1000);
    });
 
});


//TOP STYLE
var imageIndex=0;
$(function(){
   $("#images>a>img").css({"position":"absolute","top":"0px"});
   $("#images>a>img:gt(0)").hide();
   $("#nextButton").click(function(){
      var oldIndex= imageIndex;
      imageIndex= ++imageIndex % $("#images>a>img").size();
      $("#images>a>img:eq("+oldIndex+")").fadeOut(1000);
      $("#images>a>img:eq("+imageIndex+")").fadeIn(1000);
      })
   $("#prevButton").click(function(){
      var oldIndex= imageIndex;
      if( --imageIndex<0 ) imageIndex=$("#images>a>img").size()-1;
      $("#images>a>img:eq("+oldIndex+")").fadeOut(1000);
      $("#images>a>img:eq("+imageIndex+")").fadeIn(1000);
      })
   })