/*
-----------------------------------------------
JR East Station Retailing Javascript Functions
Author:   yoo t h(merkmal)
Version:  22 Nov 2008
----------------------------------------------- */

try { 
document.execCommand('BackgroundImageCache', false, true); 
} catch(e) {}


$(document).ready(function(){
	
	$("#globalNav").children("dd").children("ul").children("li").each(function(){
		$(this).children("a").css({backgroundImage:"none"});
	});

	$("#subNav").children("dd").children("ul").children("li").each(function(){
		$(this).children("a").css({backgroundImage:"none"});
	});
	
	$("#contactBtn a").css({backgroundImage:"none"});
	
	$("#pdf a").css({backgroundImage:"none"});

	$(".content").each(function(){
    var current = ($(this).attr("id"));
    if (current != "home") {
	   	attachLinksEvents(".right #links ul #l0 dl dd a", "../img/lower_link_banner_00.png");
			attachLinksEvents(".right #links ul #l1 dl dd a", "../img/lower_link_banner_01.png");
			attachLinksEvents(".right #links ul #l2 dl dd a", "../img/lower_link_banner_02.png");
		}else{
			attachLinksEvents(".right #links ul #l0 dl dd a", "img/top_link_banner_00.png");
			attachLinksEvents(".right #links ul #l1 dl dd a", "img/top_link_banner_01.png");
			attachLinksEvents(".right #links ul #l2 dl dd a", "img/top_link_banner_02.png");
		}
	});

	attachNavEvents("#globalNav dd ul", "gn0");
	attachNavEvents("#globalNav dd ul", "gn1");
	attachNavEvents("#globalNav dd ul", "gn2");
	attachNavEvents("#globalNav dd ul", "gn3");
	attachNavEvents("#globalNav dd ul", "gn4");
	attachNavEvents("#globalNav dd ul", "gn5");
	
	attachNavEvents(".right", "contactBtn");
	attachNavEvents(".left", "pdf");

	attachSubNavEvents("#subNav dd ul", "sn0");
	attachSubNavEvents("#subNav dd ul", "sn1");
	attachSubNavEvents("#subNav dd ul", "sn2");
	attachSubNavEvents("#subNav dd ul", "sn3");
	attachSubNavEvents("#subNav dd ul", "sn4");
	attachSubNavEvents("#subNav dd ul", "sn5");

	attachNewsEvents();
	attachSubNavScrollEvents();
	attachFNavEvents();
	attachPageTopEvents();
	attachScrollFollow();

	function attachNavEvents(parent, myClass){
		$(parent + " #" + myClass).mouseover(function(){
			$(this).append('<div class="nav-' + myClass + '"></div>');
			$("div.nav-" + myClass).css({display:"none"}).fadeIn(250);
		}).mouseout(function(){
			$("div.nav-" + myClass).fadeOut(400, function(){
				$(this).remove();
			});
		});
	}
	
	function attachSubNavEvents(parent, myClass){
		$(parent + " #" + myClass).mouseover(function(){
			$(this).append('<div class="subNav-' + myClass + '"></div>');
			$("div.subNav-" + myClass).css({display:"none"}).fadeIn(250);
		}).mouseout(function(){
			$("div.subNav-" + myClass).fadeOut(400, function(){
				$(this).remove();
			});
		});
	}
	
	function attachLinksEvents(parent, path){
		$(parent).mouseover(function(){
			$(parent + " img").fadeOut(250, function(){$(this).remove();});
		}).mouseout(function(){
			$(this).append('<img src="' + path + '" alt="バナー" width="232" height="64" />');
			$(parent + " img").css({display:"none"}).fadeIn(250);
		});
	}

	function attachNewsEvents(){
		$("#home .left #news ul li a").mouseover(function(){ 
			$(this).css({backgroundColor:"#E8E8E1"});
		}).mouseout(function(){ 
			$(this).animate({backgroundColor:"#FFFFFF"}, 300)
		});
	}

	function attachFNavEvents(){
		$("#footer #footerNav dd ul li a").mouseover(function(){ 
			$(this).animate({color:"#FFFFFF"}, 250);
		}).mouseout(function(){ 
			$(this).animate({color:"#BCBCAF"}, 250)
		});
	}

	function attachPageTopEvents(){
		$('#pagetop a').click(function(){
			$(this).blur();
			$('html,body').animate({ scrollTop: 0 }, 1000, 'easeOutQuart');
			return false;
		});	
	}

	var currentNum = -1;
	var prevNav = -1;
	var subNav = [false, false, false, false, false, false];

	function unbindSubNav(pressNum2){
		prevNum = currentNum;
		currentNum = pressNum2;
		for(i=0; i<6; i++){
			subNav[i] = false;
		}
		subNav[pressNum2] = true;
		$("div.subNav-sn" + prevNum + "o").fadeOut(400, function(){
			$(this).remove();
		});
	}
	
	function bindSubNav(pressNum){
		if(subNav[pressNum] != true){
			$("#subNav dd ul #sn" + pressNum).append('<div class="subNav-sn' + pressNum + 'o"></div>');
			$("div.subNav-sn" + pressNum + "o").css({display:"none"}).fadeIn(250);
			unbindSubNav(pressNum);
		}
	}

	function attachSubNavScrollEvents(){		
		$('#sn0 a').click(function(){
			bindSubNav(0);
			var targetOmiya = $("#ecuteOmiya").offset().top;
			$(this).blur();
			$('html,body').animate({ scrollTop: targetOmiya }, 1000, 'easeOutQuart');
			return false;
		});
		$('#sn1 a').click(function(){
			bindSubNav(1);
			var targetShinagawa = $("#ecuteShinagawa").offset().top;
			$(this).blur();
			$('html,body').animate({ scrollTop: targetShinagawa }, 1000, 'easeOutQuart');
			return false;
		});
		$('#sn2 a').click(function(){
			bindSubNav(2);
			var targetTachikawa = $("#ecuteTachikawa").offset().top;
			$(this).blur();
			$('html,body').animate({ scrollTop: targetTachikawa }, 1000, 'easeOutQuart');
			return false;
		});
		$('#sn3 a').click(function(){
			bindSubNav(3);
			var targetNippori = $("#ecuteNippori").offset().top;
			$(this).blur();
			$('html,body').animate({ scrollTop: targetNippori }, 1000, 'easeOutQuart');
			return false;
		});
		$('#sn4 a').click(function(){
			bindSubNav(4);
			var targetTokyo = $("#ecuteTokyo").offset().top;
			$(this).blur();
			$('html,body').animate({ scrollTop: targetTokyo }, 1000, 'easeOutQuart');
			return false;
		});
		$('#sn5 a').click(function(){
			bindSubNav(5);
			var targetEkitama = $("#ekitama").offset().top;
			$(this).blur();
			$('html,body').animate({ scrollTop: targetEkitama }, 1000, 'easeOutQuart');
			return false;
		});
	}
	
	function attachScrollFollow(){
		$('#scrollFollow').scrollFollow({speed: 1000, offset:-100, easing:'easeOutQuart'});	
	}
	
	$(function(){
		$('#shop .left .info .description ul li #omiya').lightBox();
		$('#shop .left .info .description ul li #shinagawa').lightBox();
		$('#shop .left .info .description ul li #tachikawa').lightBox();
		$('#shop .left .info .description ul li #nippori').lightBox();
		$('#shop .left .info .description ul li #tokyo').lightBox();
		$('#shop .left .info .description ul li #ekitama').lightBox();
	});
});