// JavaScript Document

var current = "Top";
var old = "Top";
var HEADERTOP = 488;

var ua = navigator.userAgent;
var iPhone = ua.indexOf("iPhone") != -1 ? 1 : 0;
var iPad = ua.indexOf("iPad") != -1 ? 1 : 0;
var IE8 = 0;
if($.browser.msie && parseInt($.browser.version) <= 8) IE8 = 1;

$(document).ready(function(){
	if(!iPhone && !iPad && !IE8){
		hideTopic();
		hideService();
		hideWork();
		hideAbout();
		hideAccess();
		window.onscroll = changeStatus;
	}
	if(location.href.indexOf("#") != -1){
		var to = location.hash;
		var navId = "#topGNav";
		if(to == "#topic"){
			var navId = navId + "Topic";
		} else if(to == "#service"){
			var navId = navId + "Service";
		} else if(to == "#work"){
			var navId = navId + "Work";
		} else if(to == "#about"){
			var navId = navId + "About";
		}
		$(navId).find("img.stay").show();
		var topPos = -90;
		if(iPhone){
			topPos = -60;
		}
		var toPos = location.hash + "1";
		setTimeout(function(){
			$.scrollTo(toPos, {duration: 700, easing: "easeOutExpo", offset: {top: topPos}});
		}, 800);
	}
	$("#glo_navi a").hover(function(){
		$(this).find("img.over").fadeIn();
	},
	function(){
		$(this).find("img.over").fadeOut();
	});
});

function changeStatus(){
	var pos = $.browser.msie ? document.documentElement.scrollTop : window.pageYOffset;
	
	if($.browser.msie && parseInt($.browser.version) <= 6){
	} else {
		if(pos < HEADERTOP){
			$("#header").css("position", "absolute").css("top", HEADERTOP + "px");
		} else {
			$("#header").css("position", "fixed").css("top", "0px");
		}
	}
	
	var lastPos = document.body.clientHeight - document.documentElement.clientHeight;
	var maxPos = lastPos > 2984 ? 2984 : lastPos;

	old = current;
	if(pos <= 217){
		current = "Top";
	} else if(pos > 217 && pos <= 580){
		current = "Topic";
	} else if(pos > 580 && pos <= 1112){
		current = "Service";
	} else if(pos > 1112 && pos <= 2340){
		current = "Work";
	} else {
		current = "About";
	}

	if(current != old){
		if(current == "Top"){
			showTop();
			$("#topGNavTopic").find("img.stay").fadeOut();
			$("#topGNavService").find("img.stay").fadeOut();
			$("#topGNavWork").find("img.stay").fadeOut();
			$("#topGNavAbout").find("img.stay").fadeOut();
		} else if(current == "Topic") {
			showTopic();
			$("#topGNavTopic").find("img.stay").fadeIn();
			$("#topGNavService").find("img.stay").fadeOut();
			$("#topGNavWork").find("img.stay").fadeOut();
			$("#topGNavAbout").find("img.stay").fadeOut();
		} else if(current == "Service") {
			showService();
			$("#topGNavService").find("img.stay").fadeIn();
			$("#topGNavTopic").find("img.stay").fadeOut();
			$("#topGNavWork").find("img.stay").fadeOut();
			$("#topGNavAbout").find("img.stay").fadeOut();
		} else if(current == "Work") {
			showWork();
			$("#topGNavWork").find("img.stay").fadeIn();
			$("#topGNavTopic").find("img.stay").fadeOut();
			$("#topGNavService").find("img.stay").fadeOut();
			$("#topGNavAbout").find("img.stay").fadeOut();
		} else if(current == "About") {
			showAbout();
			$("#topGNavAbout").find("img.stay").fadeIn();
			$("#topGNavTopic").find("img.stay").fadeOut();
			$("#topGNavService").find("img.stay").fadeOut();
			$("#topGNavWork").find("img.stay").fadeOut();
		} else if(current == "Access") {
		}
	}
}

function hideTop() {
//	$("#befor_header img").animate({opacity: 0.1, filter: "alpha(opacity=10)"}, 500, "linear");
}

function showTop() {
/*	$("#befor_header img.copy").animate({opacity: 1, filter: "alpha(opacity=100)"}, 500, "linear");
	$("#befor_header img.lead01").delay(INTERVAL).animate({opacity: 1, filter: "alpha(opacity=100)"}, 500, "linear");
	$("#befor_header img.lead02").delay(INTERVAL * 2).animate({opacity: 1, filter: "alpha(opacity=100)"}, 500, "linear");
	$("#befor_header img.lead03").delay(INTERVAL * 3).animate({opacity: 1, filter: "alpha(opacity=100)"}, 500, "linear");*/
}

function hideTopic() {
	$("#topic h2").animate({opacity: 0.1, filter: "alpha(opacity=10)"}, DURATION, "linear");
	$("#topic > a").animate({opacity: 0.1, filter: "alpha(opacity=10)"}, DURATION, "linear");
}

function showTopic() {
	$("#topic h2").animate({opacity: 1, filter: "alpha(opacity=100)"}, DURATION, "linear");
	$("#topic a.btn").animate({opacity: 1, filter: "alpha(opacity=100)"}, DURATION, "linear");
	for(i=0; i<$("a.topic_block").length; i++){
		var elem = $("a.topic_block:eq(" + i + ")");
		elem.delay(INTERVAL * i).animate({opacity: 1, filter: "alpha(opacity=100)"}, DURATION, "linear", function(){
			var content = elem.find("span.title").text();
			$("a.topic_block:eq(" + i + ") span.title").empty();
		});
	}
}

function hideService() {
	$("#service h2").animate({opacity: 0.1, filter: "alpha(opacity=10)"}, DURATION, "linear");
	$("#service > a").animate({opacity: 0.1, filter: "alpha(opacity=10)"}, DURATION, "linear");
}

function showService() {
	$("#service h2").animate({opacity: 1, filter: "alpha(opacity=100)"}, DURATION, "linear");
	for(i=0; i<$("a.service_block").length; i++){
		$("a.service_block:eq(" + i + ")").delay(INTERVAL * i).animate({opacity: 1, filter: "alpha(opacity=100)"}, DURATION, "linear");
	}
}

function hideWork() {
	$("#work h2").animate({opacity: 0.1, filter: "alpha(opacity=10)"}, DURATION, "linear");
	$("#work > a").animate({opacity: 0.1, filter: "alpha(opacity=10)"}, DURATION, "linear");
	$("#work > a > span.category").animate({opacity: 0, filter: "alpha(opacity=0)"}, DURATION, "linear");
}

function showWork() {
	$("#work h2").animate({opacity: 1, filter: "alpha(opacity=100)"}, DURATION, "linear");
	$("#work a.btn").animate({opacity: 1, filter: "alpha(opacity=100)"}, DURATION, "linear");
	for(i=0; i<$("a.work_block").length; i++){
		$("a.work_block:eq(" + i + ")").delay(INTERVAL * i).animate({opacity: 1, filter: "alpha(opacity=100)"}, DURATION, "linear");
		$("#work > a > span.category:eq(" + i + ")").delay(INTERVAL * i).animate({opacity: 1, filter: "alpha(opacity=100)"}, DURATION, "linear");
	}
}

function hideAbout() {
	$("#about h2").animate({opacity: 0.1, filter: "alpha(opacity=10)"}, DURATION, "linear");
	$("#about > a").animate({opacity: 0.1, filter: "alpha(opacity=10)"}, DURATION, "linear");
	$("#about > a > span.text").animate({opacity: 0.1, filter: "alpha(opacity=10)"}, DURATION, "linear");
	$("#access h2").animate({opacity: 0.1, filter: "alpha(opacity=10)"}, DURATION, "linear");
	$("#access div#map").animate({opacity: 0.1, filter: "alpha(opacity=10)"}, DURATION, "linear");
//	$("#access div#map > div > div").animate({opacity: 0.1, filter: "alpha(opacity=10)"}, DURATION, "linear");
}

function showAbout() {
	$("#about h2").animate({opacity: 1, filter: "alpha(opacity=100)"}, DURATION, "linear");
	for(i=0; i<$("a.about_block").length; i++){
		$("a.about_block:eq(" + i + ")").delay(INTERVAL * i).animate({opacity: 1, filter: "alpha(opacity=100)"}, DURATION, "linear");
	}
	$("#about span.text").delay(2000).stop().animate({opacity: 1, filter: "alpha(opacity=100)"}, DURATION, "linear");
	$("#access h2").animate({opacity: 1, filter: "alpha(opacity=100)"}, DURATION, "linear");
	$("#access div#map").delay(INTERVAL).animate({opacity: 1, filter: "alpha(opacity=100)"}, DURATION, "linear");
//	$("#access div#map > div > div").delay(INTERVAL).animate({opacity: 1, filter: "alpha(opacity=100)"}, DURATION, "linear");
}

function hideAccess() {
}

function showAccess() {
}