/* -------------------------------------------------------
rollover.js
ロールオーバーJavascript

date:2009/6/2
editor:
------------------------------------------------------- */
var rollover = {
		date : "2009-06-02",
		main : function(){

	//--------------------------------------------------
	//全体
	//--------------------------------------------------
	var path = location.pathname;
	var ImgOn = "_on-trans.";
	var ImgOff = "_off-trans.";

	//$("")内にロールオーバーを効かせたい要素を記述
	$("#header img").each(function(){
		var imgObj = $(this);
		var offSrc = imgObj.attr("src");
		if(offSrc){
			var onSrc = offSrc.replace(ImgOff, ImgOn);
			$(this).hover(
				function() { imgObj.attr("src",onSrc); },
				function() {
					//カレント表示以外を非表示
					if(imgObj.parent().attr("href") != path) imgObj.attr("src",offSrc);
					//子要素にカレント表示がある場合はその親も対象にする
					var childObj;
					childObj = imgObj.parent().children("div").children("ul").children("li").children("a");
					childObj.each(function(){
						if($(this).attr("href") == path) imgObj.attr("src",onSrc);
					});
				}
			);
		}
	});

	//--------------------------------------------------
	//グローバルナビゲーション
	//--------------------------------------------------
	//カレント表示
	$("ul.mainMenu a").each(function(){
		if ($(this).attr("href") == path) {
			var offSrc = "";
			var onSrc  = "";
			//子階層のカレント表示
			var imgObj = $(this).parent().parent().parent().prev();
			if(imgObj.attr("src")){
				offSrc = $(this).children().attr("src");
				if(offSrc){
					onSrc = offSrc.replace(ImgOff, ImgOn);
					$(this).children().attr("src",onSrc);
				}
			}
			//親階層のカレント表示
			if(!imgObj.attr("src")) imgObj = $(this).children("img");
			offSrc = imgObj.attr("src");
			if(offSrc){
				onSrc = offSrc.replace(ImgOff, ImgOn);
				imgObj.attr("src",onSrc);
			}
		}
	});


	//brand　右ナビ　カレント表示

		var path = location.pathname;
		$(".brand .sideMenu a").each(function(){
			if ($(this).attr("href") == path) {
				var offSrc = $(this).children("img").attr("src");//imgの属性値を参照
				if(offSrc){
					var onSrc = offSrc.replace("_off.","_on.");//imgの属性値を[_on-trans.]に置き換える
					$(this).children("img").attr("src",onSrc);
				}
				//サブメニューのある項目対応
				var mainSrc = $(this).parent().parent().parent().prev();
				if(mainSrc.attr("src")){
					var offSrc = mainSrc.attr("src");//imgの属性値を参照
					if(offSrc){
						var onSrc = offSrc.replace("_off.","_on.");//imgの属性値を[_on-trans.]に置き換える
						mainSrc.attr("src",onSrc);
						defSrc = mainSrc.attr("src");
					}
				}
			}
		});

		//

		var menufaq = $('.sideMenu a[href*="guide_faq"]');
		$(".sideMenu a").each(function(){
			if ($(this).attr("href") == path && menufaq == path) {
				var offSrc = $(this).children("img").attr("src");//imgの属性値を参照
				if(offSrc){
					var onSrc = offSrc.replace("_off.","_on.");//imgの属性値を[_on-trans.]に置き換える
					$(this).children("img").attr("src",onSrc);
					//サブメニューのある項目対応
					var mainSrc = $(this).parent().parent().parent().prev();
					if(mainSrc.attr("src")){
						var offSrc = mainSrc.attr("src");//imgの属性値を参照
						if(offSrc){
							var onSrc = offSrc.replace("_off.","_on.");//imgの属性値を[_on-trans.]に置き換える
							mainSrc.attr("src",onSrc);
							defSrc = mainSrc.attr("src");
						}
					}
				}
			}
		});


		//店舗ページ下層対応
		var menuBoutiques = $('.brand .sideMenu a[href*="boutiques"]');
		var menuBasicItem = $('.brand .sideMenu a[href*="basic_item"]');
		var menuSize = $('.brand .sideMenu a[href*="size"]');
		$('.brand .sideMenu a').each(function(){
			if (path.indexOf("boutiques")>0) {
				var offSrc = $(menuBoutiques).children("img").attr("src");//imgの属性値を参照
				if(offSrc){
					var onSrc = offSrc.replace("_off.","_on.");//imgの属性値を[_on-trans.]に置き換える
					$(menuBoutiques).children("img").attr("src",onSrc);
				}
			}
			else if (path.indexOf("basic_item")>0) {
				var offSrc = $(menuBasicItem).children("img").attr("src");//imgの属性値を参照
				if(offSrc){
					var onSrc = offSrc.replace("_off.","_on.");//imgの属性値を[_on-trans.]に置き換える
					$(menuBasicItem).children("img").attr("src",onSrc);
				}
			}
			else if (path.indexOf("size")>0) {
				var offSrc = $(menuSize).children("img").attr("src");//imgの属性値を参照
				if(offSrc){
					var onSrc = offSrc.replace("_off.","_on.");//imgの属性値を[_on-trans.]に置き換える
					$(menuSize).children("img").attr("src",onSrc);
				}
			}
		});

	//子階層表示
	$("ul.mainMenu li").hover(
		function(){ $(this).children("div").show(); },
		function(){ $(this).children("div").hide(); }
	);

	//子階層のdivをhoverした時
	$("ul.mainMenu li div").hover(
		function(){
			//親要素のロールオーバー
			var imgObj = $(this).prev();
			var offSrc = imgObj.attr("src");
			if(offSrc){
				var onSrc = offSrc.replace(ImgOff, ImgOn);
				imgObj.attr("src",onSrc);
			}
			//IE6対応
			if($(this).attr("class") == "childMenu baby"){
				$(this).parent().css("background","url('/common/img/menu_bg2_ie7.gif') no-repeat left bottom");
			}else if($(this).attr("class") == "childMenu adult"){
				$(this).parent().css("background","url('/common/img/menu_bg_ie7.gif') no-repeat left bottom");
			}
		},
		function(){
			//親要素のロールアウト
			var imgObj = $(this).prev();
			if(imgObj.attr("src")){
				var onSrc = imgObj.attr("src").replace(ImgOff, ImgOn);
				var offSrc = imgObj.attr("src").replace(ImgOn, ImgOff);
				var childObj = $(this).children("ul").children("li").children("a");
				var flg = 0;
				for(var i=0; i<childObj.length; i++){
					if( childObj.eq(i).attr("href") == path ) flg = 1;
				}
				if(flg == 1){
					imgObj.attr("src",onSrc);
				}else{
					imgObj.attr("src",offSrc);
					$(this).parent().css("background","none");
				}
			}
		}
	);

		//左ナビ　カレント表示

		var path = location.pathname;
		$(".side .sideMenu a").each(function(){
			if ($(this).attr("href") == path) {
				var offSrc = $(this).children("img").attr("src");//imgの属性値を参照
				if(offSrc){
					var onSrc = offSrc.replace("_off.","_on.");//imgの属性値を[_on-trans.]に置き換える
					$(this).children("img").attr("src",onSrc);
				}
			}
		});

	//--------------------------------------------------
	//サイドナビゲーション
	//--------------------------------------------------
	//親子両階層のhoverイベント
	$("a img").each(function(){
		var offSrc = $(this).attr("src");
		if(offSrc){
			var onSrc = offSrc.replace("_off.","_on.");
			$(this).hover(
					function() { $(this).attr("src",onSrc); }
					,function() { $(this).attr("src",offSrc); }
			);
		}
	});

		//親子両階層のhoverイベント
	$("#header a img").each(function(){
		var offSrc = $(this).attr("src");
		if(offSrc){
			var onSrc = offSrc.replace("_off-trans.","_on-trans.");
			$(this).hover(
					function() { $(this).attr("src",onSrc); }
					,function() { $(this).attr("src",offSrc); }
			);
		}
	});

	//サイドナビげーションの子階層表示
	$(".sideMenu ul.menu li").hover(
		function(){ $(this).children("div").show(); },
		function(){	$(this).children("div").hide(); }
	);

	//小階層
	$(".childMenu .sideMenu .menu img").each(function(){
		var offSrc = $(this).attr("src");
		if(offSrc){
			var onSrc = offSrc.replace("_off.","_on.");
			$(this).hover(
					function() { $(this).attr("src",onSrc); }
					,function() { $(this).attr("src",offSrc); }
			);
		}
	});

	$(".childMenu .sideMenu .menu li div").hover(
		function() {
			var offSrc = $(this).parent().children("img").attr("src");
			if(offSrc){
				var onSrc = offSrc.replace("_off.","_on.");
				//$(".childHover > a img").attr("src",onSrc);
				$(this).parent().children("img").attr("src",onSrc);
			}
		},
		function() {
			var onSrc2 = $(this).prev().attr("src");
			if(onSrc2){
				var offSrc2 = onSrc2.replace("_on.","_off.");
				$(this).prev().attr("src",offSrc2);
			}
		}
	);

	//子階層のdivをhoverした時
	$(".sideMenu ul.menu li div").hover(
		function() {
			var offSrc = $(this).parent().children().children("img").attr("src");
			if(offSrc){
				var onSrc = offSrc.replace("_off.","_on.");
				//$(".childHover > a img").attr("src",onSrc);
				$(this).parent().children().children("img").attr("src",onSrc);
			}
		},
		function() {
			var onSrc = $(this).prev().children().attr("src");
			if(onSrc){
				var offSrc2 = onSrc.replace("_on.","_off.");
				$(this).prev().children().attr("src",offSrc2);
			}
		}
	);

}
};
rollover.main();