var selectedNo ='1';
var tid;
var ldflg=0; //ページのload完了したかどうか?onLoadで1にする。

num = 6;//ここの数字の個数使えます。
idname = 'box';
var a = new Array()

for (i=0;i<num;i++){
	a[i]	= new moveLayOj(idname+i);
}

function changeLdMode(){
	setTimeout('ldflg=1',2000);
	if(tid){
		clearTimeout(tid);
	}
}

function moveLayOj(name){
	this.moveLAYER=moveLAYER
	this.layName = name;
	this.ofx = 5;
	this.ofy = 5;
}

function moveLAYER(idName,x,y){ //IE4用
	if(document.all){
		if(x<0){
			document.all(idName).style.visibility = 'hidden';
		}else{
			document.all(idName).style.visibility = 'visible';
		}
		document.all(idName).style.pixelLeft=x;
		document.all(idName).style.pixelTop=y;
	}else if(document.getElementById){ //Moz,NN6,IE5用
		if(x<0){
			document.getElementById(idName).style.visibility = 'hidden';
		}else{
			document.getElementById(idName).style.visibility = 'visible';
		}
		document.getElementById(idName).style.left=x;
		document.getElementById(idName).style.top=y;
	}else if(document.layers){//NN4用
		if(x<0){
			document.layers[idName].hidden = true;
		}else{
			document.layers[idName].hidden = false;
		}
		document.layers[idName].moveTo(x,y);
	}

}

function getMouseX(e){
	if(document.all){
		return document.body.scrollLeft+event.clientX;
	}else if(document.layers||document.getElementById){
		return e.pageX;
	}
}

function getMouseY(e){
	if(document.all){
		return document.body.scrollTop+event.clientY;
	}else if(document.layers||document.getElementById){
		return e.pageY;
	}
}

function menuCloseTimer(No){
	selectedNo = No;
	hideSwich = 'true'
	if(tid){
		clearTimeout(tid);
	}
	tid=setTimeout('hdmess();',400);
}

function swichOFF(){
	hideSwich = 'false'
}

function dofollow(){
	for(var i=0 ; i < a.length ; i++ ){
		a[i].moveLAYER(a[i].layName,"-1","-1");
	}
}

function hdmess(){
	if (hideSwich == 'true'){
		i = selectedNo;
		a[i].moveLAYER(a[i].layName,"-1","-1");
	}
}

function mvmess(No,Ev){
	dofollow();
	mx = getMouseX(Ev);
	my = getMouseY(Ev);
	a[No].moveLAYER(a[No].layName,mx+a[No].ofx,my+a[No].ofy);
}