
function boxMove(myTarget01){

	myPos01 = document.getElementById('mask02').style.left;
	myPos01 = eval(myPos01.replace("px", ""));
	if(myPos01 < 0){
		if(myPos01 < -1){
			myPos01 = myPos01 - (myPos01 / 8);
			document.getElementById('mask02').style.left = myPos01 + "px";
			setTimeout("boxMove('" + myTarget01 + "')",10);
		}else{
			document.getElementById('mask02').style.left = "0px";
			setTimeout("boxMove('" + myTarget01 + "')",10);
		}
	}else{
		if(myPos01 == 0){

			document.getElementById('box01').style.left = "-918px";
			document.getElementById('box02').style.left = "-918px";
			document.getElementById('box03').style.left = "-918px";
			document.getElementById('box04').style.left = "-918px";
			document.getElementById('box05').style.left = "-918px";
			
			document.getElementById(myTarget01).style.left = "0px";
		}
		if(myPos01 < 917){
			myPos01 = Math.ceil(myPos01 + (918 - myPos01) / 8);
			document.getElementById('mask02').style.left = myPos01 + "px";
			setTimeout("boxMove('" + myTarget01 + "')",10);
		}else{
			document.getElementById('mask02').style.left = "-918px";
			down.location.href = myTarget01 + ".html";
		}
	}
}

function box_position(){
	document.getElementById('mask02').style.left = "-918px";
	document.getElementById('box01').style.left = "0px";
	document.getElementById('box02').style.left = "-918px";
	document.getElementById('box03').style.left = "-918px";
	document.getElementById('box04').style.left = "-918px";
	document.getElementById('box05').style.left = "-918px";

	document.getElementById('mask02').style.top = "-2540px";
	document.getElementById('box01').style.top = "0px";
	document.getElementById('box02').style.top = "-508px";
	document.getElementById('box03').style.top = "-1016px";
	document.getElementById('box04').style.top = "-1524px";
	document.getElementById('box05').style.top = "-2032px";
}

