var item1Hover = false;
var menu1Hover = false;
var menu1Open = false;
var t1 = -175;
var two1 = 0;//top when open (item 1)
var twc1 = -175;//top when closed (item 1)
var m1 = "menu1";
var timer1;

var item2Hover = false;
var menu2Hover = false;
var menu2Open = false;
var t2 = -195;
var two2 = 0;//top when open (item 1)
var twc2 = -195;//top when closed (item 1)
var m2 = "menu2";
var timer2;

var item3Hover = false;
var menu3Hover = false;
var menu3Open = false;
var t3 = -155;
var two3 = 0;//top when open (item 1)
var twc3 = -155;//top when closed (item 1)
var m3 = "menu3";
var timer3;

var item4Hover = false;
var menu4Hover = false;
var menu4Open = false;
var t4 = -155;
var two4 = 0;//top when open (item 1)
var twc4 = -155;//top when closed (item 1)
var m4 = "menu4";
var timer4;

var item5Hover = false;
var menu5Hover = false;
var menu5Open = false;
var t5 = -155;
var two5 = 0;//top when open (item 1)
var twc5 = -155;//top when closed (item 1)
var m5 = "menu5";
var timer5;

var item6Hover = false;
var menu6Hover = false;
var menu6Open = false;
var t6 = -155;
var two6 = 0;//top when open (item 1)
var twc6 = -155;//top when closed (item 1)
var m6 = "menu6";
var timer6;

var item7Hover = false;
var menu7Hover = false;
var menu7Open = false;
var t7 = -155;
var two7 = 0;//top when open (item 1)
var twc7 = -155;//top when closed (item 1)
var m7 = "menu7";
var timer7;

var item8Hover = false;
var menu8Hover = false;
var menu8Open = false;
var t8 = -155;
var two8 = 0;//top when open (item 1)
var twc8 = -155;//top when closed (item 1)
var m8 = "menu8";
var timer8;

var d = "down";
var u = "up";

function setFlag(id, status)
{
	switch(id){
		case 'item1':
			if(status == 'on') {item1Hover = true; window.status="test"}
			else {item1Hover = false;}
			break;
		case 'item2':
			if(status == 'on') {item2Hover = true;}
			else {item2Hover = false;}
			break;
		case 'item3':
			if(status == 'on') {item3Hover = true;}
			else {item3Hover = false;}
			break;		
		case 'item4':
			if(status == 'on') {item4Hover = true;}
			else {item4Hover = false;}
			break;		
		case 'item5':
			if(status == 'on') {item5Hover = true;}
			else {item5Hover = false;}
			break;		
		case 'item6':
			if(status == 'on') {item6Hover = true;}
			else {item6Hover = false;}
			break;		
		case 'item7':
			if(status == 'on') {item7Hover = true;}
			else {item7Hover = false;}
			break;		
		case 'item8':
			if(status == 'on') {item8Hover = true;}
			else {item8Hover = false;}
			break;													
		case 'menu1':
			if(status == 'on') {menu1Hover = true;}
			else {menu1Hover = false;}
			break;
		case 'menu2':
			if(status == 'on') {menu2Hover = true;}
			else {menu2Hover = false;}
			break;		
		case 'menu3':
			if(status == 'on') {menu3Hover = true;}
			else {menu3Hover = false;}
			break;		
		case 'menu4':
			if(status == 'on') {menu4Hover = true;}
			else {menu4Hover = false;}
			break;		
		case 'menu5':
			if(status == 'on') {menu5Hover = true;}
			else {menu5Hover = false;}
			break;		
		case 'menu6':
			if(status == 'on') {menu6Hover = true;}
			else {menu6Hover = false;}
			break;		
		case 'menu7':
			if(status == 'on') {menu7Hover = true;}
			else {menu7Hover = false;}
			break;		
		case 'menu8':
			if(status == 'on') {menu8Hover = true;}
			else {menu8Hover = false;}
			break;																					
	}
}
function moveMenu(dir, id)
{
	if(dir == 'down')
	{
		switch (id){
			case 'menu1':
				if(timer1 != null){window.clearInterval(timer1);}
				timer1 = window.setInterval('openMenu(m1)', 10);
				break;
			case 'menu2':
				if(timer2 != null){window.clearInterval(timer2);}
				timer2 = window.setInterval('openMenu(m2)', 10);
				break;	
			case 'menu3':
				if(timer3 != null){window.clearInterval(timer3);}
				timer3 = window.setInterval('openMenu(m3)', 10);
				break;								
			case 'menu4':
				if(timer4 != null){window.clearInterval(timer4);}
				timer4 = window.setInterval('openMenu(m4)', 10);
				break;					
			case 'menu5':
				if(timer5 != null){window.clearInterval(timer5);}
				timer5 = window.setInterval('openMenu(m5)', 10);
				break;
			case 'menu6':
				if(timer6 != null){window.clearInterval(timer6);}
				timer6 = window.setInterval('openMenu(m6)', 10);
				break;	
			case 'menu7':
				if(timer7 != null){window.clearInterval(timer7);}
				timer7 = window.setInterval('openMenu(m7)', 10);
				break;
			case 'menu8':
				if(timer8 != null){window.clearInterval(timer8);}
				timer8 = window.setInterval('openMenu(m8)', 10);
				break;																			
		}
	}
	if(dir == 'up')
	{
		switch (id){
			case 'menu1':
				if(timer1 != null){window.clearInterval(timer1);}
				timer1 = window.setInterval('closeMenu(m1)', 10);
				break;
			case 'menu2':
				if(timer2 != null){window.clearInterval(timer2);}
				timer2 = window.setInterval('closeMenu(m2)', 10);
				break;
			case 'menu3':
				if(timer3 != null){window.clearInterval(timer3);}
				timer3 = window.setInterval('closeMenu(m3)', 10);
				break;
			case 'menu4':
				if(timer4 != null){window.clearInterval(timer4);}
				timer4 = window.setInterval('closeMenu(m4)', 10);
				break;
			case 'menu5':
				if(timer5 != null){window.clearInterval(timer5);}
				timer5 = window.setInterval('closeMenu(m5)', 10);
				break;
			case 'menu6':
				if(timer6 != null){window.clearInterval(timer6);}
				timer6 = window.setInterval('closeMenu(m6)', 10);
				break;
			case 'menu7':
				if(timer7 != null){window.clearInterval(timer7);}
				timer7 = window.setInterval('closeMenu(m7)', 10);
				break;
			case 'menu8':
				if(timer8 != null){window.clearInterval(timer8);}
				timer8 = window.setInterval('closeMenu(m8)', 10);
				break;																												
		}
	}	
}
function openMenu(id)
{
	switch (id){
		case 'menu1':
			if(t1 <= two1 && (item1Hover || menu1Hover)){
				document.getElementById('menu1').style.top = t1;
				t1 += 16;}
			else {menu1Open = true; window.clearInterval(timer1);}
			break;
		case 'menu2':
			if(t2 <= two2 && (item2Hover || menu2Hover)){
				document.getElementById('menu2').style.top = t2;
				t2 += 16;}
			else {menu2Open = true; window.clearInterval(timer2);}
			break;		
		case 'menu3':
			if(t3 <= two3 && (item3Hover || menu3Hover)){
				document.getElementById('menu3').style.top = t3;
				t3 += 16;}
			else {menu3Open = true; window.clearInterval(timer3);}
			break;
		case 'menu4':
			if(t4 <= two4 && (item4Hover || menu4Hover)){
				document.getElementById('menu4').style.top = t4;
				t4 += 16;}
			else {menu4Open = true; window.clearInterval(timer4);}
			break;		
		case 'menu5':
			if(t5 <= two5 && (item5Hover || menu5Hover)){
				document.getElementById('menu5').style.top = t5;
				t5 += 16;}
			else {menu5Open = true; window.clearInterval(timer5);}
			break;		
		case 'menu6':
			if(t6 <= two6 && (item6Hover || menu6Hover)){
				document.getElementById('menu6').style.top = t6;
				t6 += 16;}
			else {menu6Open = true; window.clearInterval(timer6);}
			break;		
		case 'menu7':
			if(t7 <= two7 && (item7Hover || menu7Hover)){
				document.getElementById('menu7').style.top = t7;
				t7 += 16;}
			else {menu7Open = true; window.clearInterval(timer7);}
			break;												
		case 'menu8':
			if(t8 <= two8 && (item8Hover || menu8Hover)){
				document.getElementById('menu8').style.top = t8;
				t8 += 16;}
			else {menu8Open = true; window.clearInterval(timer8);}
			break;											
	}
}
function closeMenu(id)
{
	switch (id){
		case 'menu1':
			if(t1 >= twc1 && !item1Hover && !menu1Hover){
				t1 -= 16;
				document.getElementById('menu1').style.top = t1;}				
			else {menu1Open = false; window.clearInterval(timer1);}
			break;
		case 'menu2':
			if(t2 >= twc2 && !item2Hover && !menu2Hover){
				t2 -= 16;
				document.getElementById('menu2').style.top = t2;}
			else {menu2Open = false; window.clearInterval(timer2);}
			break;			
		case 'menu3':
			if(t3 >= twc3 && !item3Hover && !menu3Hover){
				t3 -= 16;
				document.getElementById('menu3').style.top = t3;}
			else {menu3Open = false; window.clearInterval(timer3);}
			break;		
		case 'menu4':
			if(t4 >= twc4 && !item4Hover && !menu4Hover){
				t4 -= 16;
				document.getElementById('menu4').style.top = t4;}
			else {menu4Open = false; window.clearInterval(timer4);}
			break;		
		case 'menu5':
			if(t5 >= twc5 && !item5Hover && !menu5Hover){
				t5 -= 16;
				document.getElementById('menu5').style.top = t5;}
			else {menu5Open = false; window.clearInterval(timer5);}
			break;												
		case 'menu6':
			if(t6 >= twc6 && !item6Hover && !menu6Hover){
				t6 -= 16;
				document.getElementById('menu6').style.top = t6;}
			else {menu6Open = false; window.clearInterval(timer6);}
			break;								
		case 'menu7':
			if(t7 >= twc7 && !item7Hover && !menu7Hover){
				t7 -= 16;
				document.getElementById('menu7').style.top = t7;}
			else {menu7Open = false; window.clearInterval(timer7);}
			break;		
		case 'menu8':
			if(t8 >= twc8 && !item8Hover && !menu8Hover){
				t8 -= 16;
				document.getElementById('menu8').style.top = t8;}
			else {menu8Open = false; window.clearInterval(timer8);}
			break;				
												
	}
}

