/*****************************
	レイヤーウインドウ制御
******************************/

document.write('<script type="text/javascript" src="/service/js/spryeffects.js"><\/script>');
document.write('<script type="text/javascript" src="/service/js/prototype.js"><\/script>');

var showId ="";		//表示中レイヤーID
var dragFlag = false; // ドラッグ中かどうかのフラグ変数
var dragObj = null // ドラッグ対象オブジェクト情報
var offset_x=0;
var offset_y=0;
var init_left="";	//位置保存
var init_top="";


function kl_layer_show(id){
	if(showId !="") fadeEffectOut(showId);
	if(id) {
		fadeEffectIn(id);
		showId = id;
		return 1;
	} else {
		return 0;
	}
}
function kl_layer_hide(id){
	if(id) {
		fadeEffectOut(id);
		return 1;
	} else {
		return 0;
	}
}

//透明度切り替え
function fadeEffectDown(id){
	var effectObj = new Spry.Effect.Fade(id,{duration:50, from:100, to:58, toggle: false});
	effectObj.start();
}

function fadeEffectUp(id){
	var effectObj = new Spry.Effect.Fade(id,{duration:50, from:58, to:100, toggle: false});
	effectObj.start();
}

function fadeEffectIn(id){
	var effectObj = new Spry.Effect.Fade(id,{duration:300, from:0, to:100, finish:dragInit(id) ,toggle: false});
	effectObj.start();
}

function fadeEffectOut(id){
	$(id).style.opacity = 0;
	$(id).style.filter = "alpha(opacity=0)";
	$(id).style.visibility='hidden';
	showId ="";
}

//ドラッグ初期処理
function dragInit(id) {
	//if($(id).style.visibility !='visible') $(id).style.visibility='visible';
	$(id).onmousedown = dragStart;
	$(id).onmouseup = dragEnd;
	if(init_left !="") {	//位置保存のとき
		$(id).style.left = init_left;
		$(id).style.top = init_top;
	} else {
		$(id).style.left = "220px";
		$(id).style.top = "-10px";
		init_left = "220px";
		init_top = "-10px";
	}
	document.onmousemove = dragProc;
}

//ドラッグ開始処理
function dragStart(){
	dragFlag = true;
	dragObj = $(showId);
	offset_x = mouseX - parseInt(dragObj.style.left);
	offset_y = mouseY - parseInt(dragObj.style.top);
	fadeEffectDown(showId);
	return false;
}
//ドラッグ終了処理
function dragEnd(){
	fadeEffectUp(showId);
	dragFlag = false;
}
//ドラッグ中の処理
function dragProc(evt){

	if(navigator.appName.indexOf("Microsoft",0) !=-1)
	{
		mouseX = window.event.clientX;
		mouseY = window.event.clientY;
	}else{
		mouseX = evt.pageX;
		mouseY = evt.pageY;
	}

	if(!dragFlag) return;
	dragObj.style.left = (mouseX - offset_x) + "px";
	dragObj.style.top = (mouseY - offset_y) + "px";
	init_left = dragObj.style.left;
	init_top = dragObj.style.top;
	return false;
}

//イベントハンドラなどを設定
window.onload = function()
{
	window.document.onmousemove = dragProc;
}