var divHeight = 250;
var divWidth = 203;
var divNum = 6;

size = document.documentElement.clientWidth - 1020;
var divLeft = 106 


window.onresize = function() {
	size = document.documentElement.clientWidth - 1020;
	var divLeft = 106+ 8 + (size/2)
	if (document.documentElement.clientWidth >=1020) {
		var divLeft = 106+9 + (size/2)
	}
	if (document.documentElement.clientWidth <1020) {
		var divLeft = 106-8
	}
	
	for (i=0;i<divNum;i++) {
		
		document.getElementById('tweenmenu'+i).style.width = divWidth;
		document.getElementById('tweenmenu'+i).style.height = divHeight;
		document.getElementById('tweenmenu'+i).style.top = divTop+(i*divGap);
		document.getElementById('tweenmenu'+i).style.left = divLeft;
		//divTop+=divGap;
		divArrayFlag[i] = 0;
		divArrayName[i] = "menu"+i;
	}
}

var divTop = 388;
var divArrayFlag = new Array();
var divArrayName = new Array();
var divGap = 25;

if (navigator.appName.indexOf('Microsoft') == -1) {
		divLeft = divLeft+10;
	}

//window.onresize=function(){
	//for (i=0;i<divNum;i++) {
		
		//document.getElementById('tweenmenu'+i).left = 106 + ((document.documentElement.clientWidth - 1020)/2);
		
	//}
//}

window.onload=function(){
	
	size = document.documentElement.clientWidth - 1020;
	var divLeft = 106+ 8 + (size/2)
	if (document.documentElement.clientWidth >=1020) {
		var divLeft = 106+9 + (size/2)
	}
	if (document.documentElement.clientWidth <1020) {
		var divLeft = 106-8
	}
	for (i=0;i<divNum;i++) {
		
		document.getElementById('tweenmenu'+i).style.width = divWidth;
		document.getElementById('tweenmenu'+i).style.height = divHeight;
		document.getElementById('tweenmenu'+i).style.top = divTop+(i*divGap);
		document.getElementById('tweenmenu'+i).style.left = divLeft;
		//divTop+=divGap;
		divArrayFlag[i] = 0;
		divArrayName[i] = "menu"+i;
	}
	//document.getElementById('empty').style.width = divWidth;
	//document.getElementById('empty').style.height = divHeight;
	//document.getElementById('empty').style.top = divTop+divHeight+((divNum-1)*divGap)-5;
	//document.getElementById('empty').style.left = divLeft;
	moveDiv2(2);
}
	

function moveDiv0(i) {
	//if (divArrayFlag[i] == 0) {
	if (divArrayFlag[1] == 0) {
		moveDown(1);
	}
	if (divArrayFlag[2] == 0) {
		moveDown(2);
	}
	if (divArrayFlag[3] == 0) {
		moveDown(3);
	}
	if (divArrayFlag[4] == 0) {
		moveDown(4);
	}
	if (divArrayFlag[5] == 0) {
		moveDown(5);
	}
	divArrayFlag[i] = 1;
	//}

}

function moveDiv1(i) {	
	if (divArrayFlag[i] == 0) {
		if (divArrayFlag[2] == 0) {
			moveDown(2);
		}
		if (divArrayFlag[3] == 0) {
			moveDown(3);
		}
		if (divArrayFlag[4] == 0) {
		moveDown(4);
		}
		if (divArrayFlag[5] == 0) {
		moveDown(5);
		}
		//divArrayFlag[i] = 1;
	}
	else if (divArrayFlag[i] == 1) {
		if (divArrayFlag[1] == 1 ) {
			moveUp(1);
			divArrayFlag[i] = 0;
		}
		
	}
}

function moveDiv2(i) {
	if (divArrayFlag[i] == 0) {
		if (divArrayFlag[3] == 0) {
			moveDown(3);
		}
		if (divArrayFlag[4] == 0) {
		moveDown(4);
		}
		if (divArrayFlag[5] == 0) {
		moveDown(5);
		}
		//divArrayFlag[i] = 1;
	}
	else if (divArrayFlag[i] == 1) {
		if (divArrayFlag[i] != 0) {
			if (divArrayFlag[1] == 1) {
				moveUp(1);
			}
			if (divArrayFlag[2] == 1) {
				moveUp(2);
			}
			divArrayFlag[i] = 0;
		}
		
	}
}

function moveDiv3(i) {
	if (divArrayFlag[i] == 0) {
		if (divArrayFlag[4] == 0) {
		moveDown(4);
		}
		if (divArrayFlag[5] == 0) {
		moveDown(5);
		}
		//divArrayFlag[i] = 1;
	}
	else if (divArrayFlag[i] == 1) {
		if (divArrayFlag[i] != 0) {
			if (divArrayFlag[1] == 1) {
				moveUp(1);
			}
			if (divArrayFlag[2] == 1) {
				moveUp(2);
			}
			if (divArrayFlag[3] == 1) {
				moveUp(3);
			}
			divArrayFlag[i] = 0;
		}
		
	}
}

function moveDiv4(i) {
	if (divArrayFlag[i] == 0) {
		if (divArrayFlag[5] == 0) {
		moveDown(5);
		}
		//divArrayFlag[i] = 1;
	}
	else if (divArrayFlag[i] == 1) {
		if (divArrayFlag[i] != 0) {
			if (divArrayFlag[1] == 1) {
				moveUp(1);
			}
			if (divArrayFlag[2] == 1) {
				moveUp(2);
			}
			if (divArrayFlag[3] == 1) {
				moveUp(3);
			}
			if (divArrayFlag[4] == 1) {
				moveUp(4);
			}
			divArrayFlag[i] = 0;
		}
		
	}
}

function moveDiv5(i) {
	if (divArrayFlag[i] == 1) {
		if (divArrayFlag[i] != 0) {
			if (divArrayFlag[1] == 1) {
				moveUp(1);
			}
			if (divArrayFlag[2] == 1) {
				moveUp(2);
			}
			if (divArrayFlag[3] == 1) {
				moveUp(3);
			}
			if (divArrayFlag[4] == 1) {
				moveUp(4);
			}
			if (divArrayFlag[5] == 1) {
				moveUp(5);
			}
			divArrayFlag[i] = 0;
		}
		
	}
}
function moveUp(i) {
	t1 = new Tween(document.getElementById("tweenmenu"+i).style,'top',Tween.regularEaseOut,divHeight+((i-1)*divGap)+divTop-1,i*divGap+divTop,1,'px');
	t2 = new Tween(document.getElementById("tweenmenu"+i).style,'height',Tween.regularEaseOut,divGap,divHeight,1,'px');
	t1.start();
	t2.start();
	divArrayFlag[i] = 0;
}

function moveDown(i) {
	t1 = new Tween(document.getElementById("tweenmenu"+i).style,'top',Tween.regularEaseOut,i*divGap+divTop,divHeight+((i-1)*divGap)+divTop-1,1,'px');	
	t2 = new Tween(document.getElementById("tweenmenu"+i).style,'height',Tween.regularEaseOut,divHeight,divGap,1,'px');
	t1.start();
	t2.start();
	divArrayFlag[i] = 1;
}