// JavaScript Document
var myAgent = navigator.userAgent;
var whetherVST = myAgent.indexOf('NT 6.0');
var whetherIE = myAgent.indexOf('MSIE');
var myURL = location.href;	

$(document).ready(function(){
	//for VISTA
	(whetherVST >= 0) ? $('body').css('font-size','80%') : null;
	
	
	/*****Initialize Start*****/
	var h = $('html, body');
	var logoYoko = $("div#container div#rightUnit h1#logoYoko");
	var logoCommon = $("div#container div#rightUnit p#logoCommon");
	var logoDetail = $("div#container div#rightUnit div#logoDetail");
	var menuBtn = $("div#container div#leftUnit ul#menu li a");
	var scrollFlg = true;//scrollCheck//
	var btnFlg = true;
	var scldurat = 0;//scrollSpeed//
	var position = 0;//scrollPosition//
	
	
	//scrollFunction
	$(window).scroll(function () {
		scrollH = $(window).scrollTop();
		menuFlg = 0;
		if(scrollH <= 0) {logoMoveIn();}
		else {logoMoveOut();}
	});
	
	//BtnFunction//
	$('a[href^=#]').click(function() {
		if(btnFlg == true) {
			btnFlg = false;
			// ankar
			var href= $(this).attr("href");
			// ankarJump
			var target = $(href == "#" || href == "" ? 'html' : href);
			// ankarSet
			position = target.offset().top;
			scldurat = 1500;
			// Run
			if($(window).scrollTop() == 0){logoMoveOut();}
			else{h.animate({scrollTop:position-190}, {duration: scldurat, easing: "easeOutExpo", complete:function(){btnFlg = true;}});}
		}
		return false;
	});
	
	function logoMoveOut() {
		if(scrollFlg == true) {
			logoYoko.animate({backgroundPosition:"(343px 0)"}, {duration:300,easing: "linear", complete:function(){
					$(this).css({backgroundPosition: "343px 0"});
			}})
			logoCommon.animate({backgroundPosition:"(0 0)"}, {duration:300,easing: "linear", complete:function(){
					$(this).css({backgroundPosition: "0 0"});
			}})
			logoDetail.animate(
				{top: "0"},
				{duration: "250", easing: "linear"}
			);
			
			logoDetail.children("h2").animate({backgroundPosition:"(right -280px)"}, {duration:300,easing: "linear", complete:function(){
					$(this).css({backgroundPosition: "right -280px"});
					logoDetail.children("h2").css("display","none");
					logoDetail.children("a").css("display","block");
					logoDetail.children("a").animate({backgroundPosition:"(right 13px)"}, {duration:300,easing: "linear", complete:function(){
						$(this).css({backgroundPosition: "right 13px"});
						if(btnFlg == false){h.animate({scrollTop:position-190}, {duration: scldurat, easing: "easeOutExpo", complete:function(){btnFlg = true;}});}
					}})																													 
			}})
			scrollFlg = false;
		}
	}
	
	function logoMoveIn() {
		if(scrollFlg == false) {
			logoYoko.animate({backgroundPosition:"(0 0)"}, {duration:300,easing: "linear", complete:function(){
					$(this).css({backgroundPosition: "0 0"});
			}})
			logoCommon.animate({backgroundPosition:"(0 -343px)"}, {duration:300,easing: "linear", complete:function(){
					$(this).css({backgroundPosition: "0 -343px"});
			}})
			logoDetail.animate(
				{top: "-343px"},
				{duration: "250", easing: "linear"}
			);
			
			logoDetail.children("a").animate({backgroundPosition:"(right -53px)"}, {duration:300,easing: "linear", complete:function(){
					$(this).css({backgroundPosition: "right -53px"});
					logoDetail.children("a").css("display","none");
					logoDetail.children("h2").css("display","block");
					logoDetail.children("h2").animate({backgroundPosition:"(right 13px)"}, {duration:300,easing: "linear", complete:function(){
						$(this).css({backgroundPosition: "right 13px"});																											 
					}})																													 
			}})
			scrollFlg = true;
		}
	}
});