// JavaScript Document

//////////////////////////////////////////////////////////////////////
// common.js
//////////////////////////////////////////////////////////////////////


var baseWidth;
var baseHeight;
var mainimg;
var navi_status;



///////////////////////////////////////////////
// ua check
///////////////////////////////////////////////
var isAndroid = false;
var isIphone = false;
var isIpad = false;
var isIos = false;
var isSmartPhone = false;


function uaCheck(){
	if(navigator.userAgent.indexOf("Android")!=-1){
		isAndroid = true;
	}else if(navigator.userAgent.indexOf("iPhone; U;")!=-1){
		isIphone = true;
		isIos = true;
	}else if(navigator.userAgent.indexOf("iPad; U;")!=-1){
		isIpad = true;
		isIos = true;
	}
	if(isIos || isAndroid){isSmartPhone = true;}
}




///////////////////////////////////////////////
// navigationInit
///////////////////////////////////////////////
function navigationInit(){
	
	$('#navigationBgGray').css({'opacity':0.8});
	
	navi_status="closed";
	
	//mouseAction
	$('#navigationBtn').bind("mouseover",naviBtnOver);
	$('#navigationBtn').bind("mouseout",naviBtnOut);
	$('#navigationBtn').bind("click",naviBtnClick);
	
	//logo for IE
	$("#logo").append("<div style='width:105px; height:39px;'></div>")
}

function naviBtnOver(e){$('#navigationBtn').css({'backgroundPosition':'0 bottom'});}
function naviBtnOut(e){$('#navigationBtn').css({'backgroundPosition':'0 top'});}
function naviBtnClick(e){
	switch(navi_status){
		case "closed":	naviOpen(); break;
		case "opened":	naviClose(); break;
	}
}


///////////////////////////////////////////////
// navigation
///////////////////////////////////////////////
function naviOpen(){
	navi_status="opening";
	$("#navigation").animate({'top': '-292px'},500,'swing',naviOpened);
}
function naviOpened(){
	navi_status="opened";
}
function naviClose(){
	navi_status="closing";
	$("#navigation").animate({'top': '-114px'},500,'swing',naviClosed);
}
function naviClosed(){
	navi_status="closed";
}




///////////////////////////////////////////////
// windowResize
///////////////////////////////////////////////
function windowResize(event){	
	//ステージサイズ
	var sw = $(window).width();
	var sh = $(window).height()-56;
	
	//メインイメージの比率
	if (sh/sw >= baseHeight/baseWidth){
		//ステージが写真より縦長
		$("#wrapper #imgDiv img").height(sh);
		$("#wrapper #imgDiv img").width(Math.ceil(sh / baseHeight * baseWidth));
		$("#wrapper #imgDiv").css("left",Math.round((sw - $("#wrapper #imgDiv img").width()) / 2)+"px");
		$("#wrapper #imgDiv").css("top",0);
		
	}else{
		//ステージが写真より横長
		$("#wrapper #imgDiv img").width(sw);
		$("#wrapper #imgDiv img").height(Math.ceil(sw / baseWidth * baseHeight));
		$("#wrapper #imgDiv").css("left",0);
		$("#wrapper #imgDiv").css("top",Math.round((sh - $("#wrapper #imgDiv img").height()) / 2)+"px");
	}
}

///////////////////////////////////////////////
// mailSet
///////////////////////////////////////////////
function mailSet(){
	var address="info"+"@"+"eagull-linx.com";
	$("#footNaviMail").attr("href", "mailTo:"+address);
}