// JavaScript Document
var navi 		= navigator.appVersion;
var browserIE 	= false;
var browserIE6 	= false;
var browserSAF 	= false;

if(navi.indexOf("MSIE")>-1){
	browserIE = true;
	var navAr = navi.split(";");
	browserIE6 = (parseFloat(navAr[1].split(" ")[2])<=6.0?true:false);
} else if(navi.indexOf("Safari")>-1){
	browserSAF = true;
}

var innerWidth 		= 0;
var innerHeight 	= 0;

if(!browserSAF){
	innerWidth 	= parseInt((document.documentElement.clientWidth * 1));
	innerHeight	= parseInt((document.documentElement.clientHeight * 1));
}else{
	innerWidth 	= parseInt((document.documentElement.clientWidth * 1));
	innerHeight	= parseInt((document.documentElement.clientHeight * 1));
}

if(browserIE){
	innerWidth 	= innerWidth - 17;
}

var middleX				= innerWidth / 2;
var middleY				= innerHeight / 2;


function LoadInit(){
	$('header_choose_left').fade('hide');
	$('header_choose_right').fade('hide');
	document.getElementById('header').style.left = middleX - 275 + 'px';
	ChangeAnim('top', $('header'), 0, 500, Fx.Transitions.Cubic.easeOut);
	ChangeAnim('left', $('header_choose_left'), 0, 1000, Fx.Transitions.Cubic.easeOut);
	ChangeAnim('left', $('header_choose_right'), 410, 1000, Fx.Transitions.Cubic.easeOut);
	$('header_choose_left').fade('in');
	$('header_choose_right').fade('in');
}


function ChangeAnim(prop, target, to, speed, trans){
	if(target){
		var myFx = new Fx.Tween(target,{duration:speed, transition: trans});
		myFx.start(prop, to );
	}
}