var steps 		= 8;
var intSpeed 	= 10;
//
var maxTop=new Array();
//hoogte TO OUR DEAR... layer
maxTop[0] = 320;
//hoogte ABOUT TAPE layer
maxTop[1] = 460;
//hoogte PRIMARY... layer
maxTop[2] = 935;
//hoogte EXPOSITION layer
maxTop[3] = 6000;
//
minTop	  = 20;
//
clicked 	= false;
//
function move(num){
	if(clicked == true){
		clearInterval(timerSlide);
	}
	DIVid		= num;
	timerSlide 	= setInterval(realMotion,intSpeed);
	clicked		= true;
}
function realMotion(){
	for(j=1;j<=4;j++){
		if(DIVid == j){
			//
			clickedID	= "T"+DIVid;
			movingID	= "T"+(DIVid+1);
			//
			var getYclick = document.getElementById(clickedID).style.top.split("px");
			Yclick = parseFloat(getYclick[0])+maxTop[j-1];
			//my top
			var getYmove = document.getElementById(movingID).style.top.split("px");
			Ymove = parseFloat(getYmove[0]);
			//
			Ymove += (Yclick - Ymove) / (steps * 1);
			document.getElementById(movingID).style.top = Ymove;
		}
		else{
			//
			waID	= "T"+j;
			myID	= "T"+(j+1);
			//
			var watchArr = document.getElementById(waID).style.top.split("px");
			watchY = parseFloat(watchArr[0])+minTop;
			//
			var myArr = document.getElementById(myID).style.top.split("px");
			myY = parseFloat(myArr[0]);
			//
			myY += (watchY - myY) / (steps * 1);
			document.getElementById(myID).style.top = myY;
		}
	}
}
	/*if(moveStart == "stop"){
		getID 	= id;
		getNUM	= num;
		extrID	= "T"+num;
		extrID2	= "T"+(num-1);
		extrID3	= "T"+(num+1);
		//
		if(inout[num-1] == "in"){
			var myTop_array = document.getElementById(extrID).style.top.split("px");
			myTop = parseFloat(myTop_array[0])+minTop;
		}
		else{
			var myTop_array = document.getElementById(extrID3).style.top.split("px");
			myTop = parseFloat(myTop_array[0]);
		}
		//in out
		for(j=0;j<=4;j++){
			if(j == num-1){
				if(inout[j] == "in"){
					inout[j] = "out";
					//
					if(num != 1){
						var tM_array = document.getElementById(extrID2).style.top.split("px");
						targetMotion = parseFloat(tM_array[0])+(maxTop[num-1]);
					}
					else{
						targetMotion = maxTop[0]+110;
					}
					//
					timerIDDOWN = setInterval(moveDown,intSpeed);
				}
				else{
					inout[j] = "in";
					//
					if(num != 1){
						var tM_array = document.getElementById(extrID).style.top.split("px");
						targetMotion = parseFloat(tM_array[0])+(minTop);
					}
					else{
						targetMotion = minTop+110;
					}
					//
					timerIDUP = setInterval(moveUp,intSpeed);
				}
			}
			else{
				if(inout[j] == "out" && j != num+1){
					inout[j] = "in";
					foldID		= j+1;
					timerFOLD 	= setInterval(foldIt,intSpeed);
				}
			}
		}
	}
}
//
function moveDown(){
	if(myTop < targetMotion-1){
		myTop += (targetMotion - myTop) / (steps * 1);
		document.getElementById(getID).style.top = myTop;
		for(i=getNUM+2;i<=5;i++){
			newID 		= "T"+i;
			newIDCopy	= "T"+(i-1);
			//
			if(inout[i-2] == "out"){
				difDiv = maxTop[i-2];
			}
			else{
				difDiv = minTop;
			}
			//
			var var_array = document.getElementById(newIDCopy).style.top.split("px");
			newCopyTop = parseFloat(var_array[0])+difDiv;
			document.getElementById(newID).style.top = newCopyTop;
		}
	}
	else{
		moveStart = "stop";
		clearInterval(timerIDDOWN);
	}
}
//
function moveUp(){
	if(myTop > targetMotion+1){
		myTop += (targetMotion - myTop) / (steps * 1);
		document.getElementById(getID).style.top = myTop;
		for(i=getNUM+2;i<=5;i++){
			newID 		= "T"+i;
			newIDCopy	= "T"+(i-1);
			//
			if(inout[i-2] == "out"){
				difDiv = maxTop[i-2];
			}
			else{
				difDiv = minTop;
			}
			//
			var var_array = document.getElementById(newIDCopy).style.top.split("px");
			newCopyTop = parseFloat(var_array[0])+difDiv;
			document.getElementById(newID).style.top = newCopyTop;
		}
	}
	else{
		moveStart = "stop";
		clearInterval(timerIDUP);
	}
}
//
function foldIt(){
	//
	fixDIV 		= "T"+(foldID);
	movingDIV	= "T"+(foldID+1);
	//
	var upTopArr = document.getElementById(fixDIV).style.top.split("px");
	upTop = parseFloat(upTopArr[0])+minTop;
	//my top
	var myTopArr = document.getElementById(movingDIV).style.top.split("px");
	miTopTrace = parseFloat(myTopArr[0]);
	//
	miTopTrace += (upTop - miTopTrace) / (steps * 1);
	//alert("fixDiv: "+upTop+" /moingDiv: miTop /movingDIVTrace"+miTopTrace);
	if(miTopTrace > upTop+1){
		document.getElementById(movingDIV).style.top = miTopTrace;
	}
	else{
		moveStart = "stop";
		clearInterval(timerFOLD);
	}*/