/*=========================================================
	떠있는 레이어
=========================================================*/
window.onload=function(){

	// 떠있는 레이어의 좌표 값계산

	var ele=$("float_layer");
	if(!ele) return false;	// float_layer 라는 아이디를 가진 개체가 없으면 리턴

	var cEle=getCoordinateFloat(ele,"objectById");	// 대상 개체의 위치 및 대상 개체의 크기, 좌표 값을 반환
	setCoordinateFloat(ele,cEle);	// 대상 개체의 위치 지정

}
window.onresize=function(){

	// 떠있는 레이어의 좌표 값계산

	var ele=$("float_layer");
	if(!ele) return false;	// float_layer 라는 아이디를 가진 개체가 없으면 리턴

	var cEle=getCoordinateFloat(ele,"objectById");	// 대상 개체의 위치 및 대상 개체의 크기, 좌표 값을 반환
	setCoordinateFloat(ele,cEle);	// 대상 개체의 위치 지정

}
window.onscroll=function(){

	// 떠있는 레이어의 좌표 값계산

	var ele=$("float_layer");
	if(!ele) return false;	// float_layer 라는 아이디를 가진 개체가 없으면 리턴

	var cEle=getCoordinateFloat(ele,"objectById");	// 대상 개체의 위치 및 대상 개체의 크기, 좌표 값을 반환
	setCoordinateFloat(ele,cEle);	// 대상 개체의 위치 지정

}

// 떠있는 레이어의 위치 구하기
function getCoordinateFloat(obj,kind){

	if(!obj) return;

	var cX=0;
	var cY=0;
	var cEle=obj.getCoordinates();;

	var hL=Number(document.documentElement.scrollLeft || document.body.scrollLeft);	// 화면에 보이지 않는 좌측 영역
	var hT=Number(document.documentElement.scrollTop || document.body.scrollTop);	// 화면에 보이지 않는 상단 영역


	switch(kind){

		case "bottom":

			var sW=Math.round(Number(document.documentElement.clientWidth)/2);	// 인터페이스 영역을 제외한 화면 너비의 절반
			var sH=Number(document.documentElement.clientHeight);	// 인테페이스 영역을 제외한 화면 높이

			cX=(sW+hL)-Math.round(Number(cEle.width)/2);	// x 좌표
			cY=(sH+hT)-Number(cEle.height);	// y 좌표

		break;
		case "objectById":

			var oEle=$(kind).getCoordinates();
			var sW=Number(document.documentElement.clientWidth);	// 인터페이스 영역을 제외한 화면 너비
			var sH=Number(document.documentElement.clientHeight);	// 인테페이스 영역을 제외한 화면 높이		

			cX=(Number(oEle.left)+Number(oEle.width)+5);	// x 좌표
			cY=(sH+hT)-Number(cEle.height)-228;	// y 좌표

		break;

	}

	var nO=new Object();

	nO.width=cEle.width;
	nO.height=cEle.height;
	nO.left=cEle.left;
	nO.top=cEle.left;
	nO.x=cX;
	nO.y=cY;

	return nO;

}

function setCoordinateFloat(obj,cEle){

	if(!obj) return;

	obj.setStyle("top",cEle.y+"px");
	obj.setStyle("left",cEle.x+"px");

}

//레이어 띄우기
var layerArray=Array();
 
layerArray['menu1']=Array();
layerArray['menu1']['top']=300;
layerArray['menu1']['left']=40;
layerArray['menu1']['width']=696;
layerArray['menu1']['height']=439;
 
layerArray['menu2']=Array();
layerArray['menu2']['top']=300;
layerArray['menu2']['left']=40;
layerArray['menu2']['width']=696;
layerArray['menu2']['height']=439;

layerArray['menu3']=Array();
layerArray['menu3']['top']=300;
layerArray['menu3']['left']=40;
layerArray['menu3']['width']=696;
layerArray['menu3']['height']=1151;
 
layerArray['menu4']=Array();
layerArray['menu4']['top']=300;
layerArray['menu4']['left']=40;
layerArray['menu4']['width']=696;
layerArray['menu4']['height']=1081;

layerArray['menu5']=Array();
layerArray['menu5']['top']=300;
layerArray['menu5']['left']=40;
layerArray['menu5']['width']=696;
layerArray['menu5']['height']=1135;

function viewLayer(num) {
 
	var layerName="menu" + num;
	var layerElem=$(layerName);
	
	layerElem.style.visibility = "visible";
  
  	var myEffect = new Fx.Styles(layerName, {duration: 700, transition: Fx.Transitions.Circ.easeOut}).set(0);
	myEffect.start({
				'opacity': [0, 1],
				'top': [layerArray[layerName]['top']-170, layerArray[layerName]['top']],
				'left': [layerArray[layerName]['left'], layerArray[layerName]['left']],
				'width': [layerArray[layerName]['width'], layerArray[layerName]['width']],
				'height' : [layerArray[layerName]['height'], layerArray[layerName]['height']]
	});
	
	for (var i=1; i <= 5; i++) {
	
		var elem=$("menu" + i);
		
		if(Number(num)!=i){

			elem.setStyle("visibility","hidden");
			elem.setOpacity(0);		
		
		}

	}
	
}
 
 
// Hide Layer
 
function hideLayer() {
//  i < = 레이어 갯수
 
  for (var i=1; i <= 5; i++) {
 
	var elem=$("menu" + i);
 
  	elem.setStyle("visibility","hidden");
	elem.setOpacity(0);
 
  }
}