var currentpos1 = 570;
var currentpos2 = 570;
var currentpos3 = 570;
var currentwidth1 = 140;
var currentwidth2 = 140;
var currentwidth3 = 140;
var close1;
var close2;
var close3;

var testint = null;
var testint2 = null;
var testint3 = null;
var closeint = null;
var closeint2 = null;
var closeint3 = null;

var mover_count = 0;
var open_left = 10;
var open_width = 700;
var close_left = 560;
var close_width = 140;


function change_menu(menu){
    document.getElementById('employerclick').className = '';
    document.getElementById('marinerclick').className = '';
    var menunamed = menu;
    var menuname = ''+menu+'_div';
    var menusel = document.getElementById(menu+'_div');
    var menu1 = document.getElementById('PO_div');
    var menu2 = document.getElementById('EO_div');
    var menu3 = document.getElementById('AO_div');

    var menud1 = document.getElementById('menud1');
    var menud2 = document.getElementById('menud2');
    var menud3 = document.getElementById('menud3');

	if(menu1 == menusel && close1 == 1){
		if(currentwidth1 > 140){
		currentwidth1 = currentwidth1 - 10;
		menu1.style.width = currentwidth1;
		}
		if(currentpos1 < 570){
		currentpos1 = currentpos1 + 10;
		menu1.style.left = currentpos1;
		}
		if(currentpos2 < 570){
		currentpos2 = currentpos2 + 10;
		menu2.style.left = currentpos2;
		}
		if(currentpos3 < 570){
		currentpos3 = currentpos3 + 10;
		menu3.style.left = currentpos3;
		}
		closeint = setTimeout("change_menu('PO')",1);
		menud1.style.display = 'none';
	} else if(menu2 == menusel && close2 == 1){
		if(currentwidth2 > 140){
		currentwidth2 = currentwidth2 - 10;
		menu2.style.width = currentwidth2;
		}
		if(currentpos1 < 570){
		currentpos1 = currentpos1 + 10;
		menu1.style.left = currentpos1;
		}
		if(currentpos2 < 570){
		currentpos2 = currentpos2 + 10;
		menu2.style.left = currentpos2;
		}
		if(currentpos3 < 570){
		currentpos3 = currentpos3 + 10;
		menu3.style.left = currentpos3;
		}
		closeint2 = setTimeout("change_menu('EO')",1);
		menud2.style.display = 'none';
	} else if(menu3 == menusel && close3 == 1){
		if(currentwidth3 > 140){
		currentwidth3 = currentwidth3 - 10;
		menu3.style.width = currentwidth3;
		}
		if(currentpos1 < 570){
		currentpos1 = currentpos1 + 10;
		menu1.style.left = currentpos1;
		}
		if(currentpos2 < 570){
		currentpos2 = currentpos2 + 10;
		menu2.style.left = currentpos2;
		}
		if(currentpos3 < 570){
		currentpos3 = currentpos3 + 10;
		menu3.style.left = currentpos3;
		}
		closeint3 = setTimeout("change_menu('AO')",1);
		menud3.style.display = 'none';	
	} else {
	}
	
	
	if(menu1 == menusel && close1 != 1 && currentwidth1 != 700){
	
		if(currentpos1 > 10){
		currentpos1 = currentpos1 - 10;
		menu1.style.left = currentpos1;
		}
		
		
		if(currentpos2 > 10){
		currentpos2 = currentpos2 - 10;
		menu2.style.left = currentpos2;
		}
		
		if(currentpos3 > 10){
		currentpos3 = currentpos3 - 10;
		menu3.style.left = currentpos3;
		}
		

		currentwidth1 = currentwidth1 + 10;
		menu1.style.width = currentwidth1;
	
		if(currentwidth2 > 140){
		currentwidth2 = currentwidth2 - 10;
		menu2.style.width = currentwidth2;
		}
		
		if(currentwidth3 > 140){
		currentwidth3 = currentwidth3 - 10;
		menu3.style.width = currentwidth3;
		}
		testint = setTimeout("change_menu('PO')",1);
		menud2.style.display = 'none';
		menud3.style.display = 'none';
		if(currentwidth1 >= 700){
		close1 = 1;
		clearInterval(testint);
		menud1.style.display = 'block';
		
		}
	
		
	} else if(menu2 == menusel && currentwidth2 != 700 && close2 != 1){
		if(currentpos1 > 10){
		currentpos1 = currentpos1 - 10;
		menu1.style.left = currentpos1;
		}
		
		
		if(currentpos2 > 10){
		currentpos2 = currentpos2 - 10;
		menu2.style.left = currentpos2;
		}
		
		if(currentpos3 > 10){
		currentpos3 = currentpos3 - 10;
		menu3.style.left = currentpos3;
		}
		

		currentwidth2 = currentwidth2 + 10;
		menu2.style.width = currentwidth2;
	
		if(currentwidth1 > 140){
		currentwidth1 = currentwidth1 - 10;
		menu1.style.width = currentwidth1;
		}
		
		if(currentwidth3 > 140){
		currentwidth3 = currentwidth3 - 10;
		menu3.style.width = currentwidth3;
		}
		testint2 = setTimeout("change_menu('EO')",1);
		menud1.style.display = 'none';
		menud3.style.display = 'none';
		if(currentwidth2 >= 700){
		close2 = 1;
		clearInterval(testint2);
		menud2.style.display = 'block';
		
		}
	} else if(menu3 == menusel && currentwidth3 != 700 && close3 != 1){
		if(currentpos1 > 10){
		currentpos1 = currentpos1 - 10;
		menu1.style.left = currentpos1;
		}
		
		
		if(currentpos2 > 10){
		currentpos2 = currentpos2 - 10;
		menu2.style.left = currentpos2;
		}
		
		if(currentpos3 > 10){
		currentpos3 = currentpos3 - 10;
		menu3.style.left = currentpos3;
		}
		

		currentwidth3 = currentwidth3 + 10;
		menu3.style.width = currentwidth3;
	
		if(currentwidth1 > 140){
		currentwidth1 = currentwidth1 - 10;
		menu1.style.width = currentwidth1;
		}
		
		if(currentwidth2 > 140){
		currentwidth2 = currentwidth2 - 10;
		menu2.style.width = currentwidth2;
		}
		testint3 = setTimeout("change_menu('AO')",1);
		menud2.style.display = 'none';
		menud1.style.display = 'none';
		if(currentwidth3 >= 700){
		close3 = 1;
		clearInterval(testint3);
		menud3.style.display = 'block';
		
		}
	} else {
	
	}
	
	if(currentwidth1 <= 140 && close1 == 1){
	close1 = 0;
	clearInterval(closeint);
	}
	if(currentwidth2 <= 140 && close2 == 1){
	close2 = 0;
	clearInterval(closeint2);
	}
	if(currentwidth3 <= 140 && close3 == 1){
	close3 = 0;
	clearInterval(closeint3);
	}

// have to write a script to make it return if you hit the selected menu again
// also make it to where every time the action is taken it becomes the current divs
// and make sure to kill the interval every time

}
function changedivs(){
var menu1 = document.getElementById('PO_div');
var menu2 = document.getElementById('EO_div');
var menu3 = document.getElementById('AO_div');
menu1.innerHTML = '<a href="javascript:donothing();" onClick="clearInterval(closeint); clearInterval(closeint2); clearInterval(closeint3); clearInterval(testint); clearInterval(testint2); clearInterval(testint3); javascript:change_menu(\'PO\');" id="marinerclick"><img src="images/menu/PO_mariner_motion.png" border="0" /></a>';
menu2.innerHTML = '<a href="javascript:donothing();" onClick="clearInterval(closeint); clearInterval(closeint2); clearInterval(closeint3); clearInterval(testint); clearInterval(testint2); clearInterval(testint3); javascript:change_menu(\'EO\');" id="employerclick"><img src="images/menu/EO_employers_motion.png" border="0" width="133" /></a>';
menu3.innerHTML = '<a href="javascript:donothing();" onClick="clearInterval(closeint); clearInterval(closeint2); clearInterval(closeint3); clearInterval(testint); clearInterval(testint2); clearInterval(testint3); javascript:change_menu(\'AO\');" id="accountclick"><img src="images/menu/AO_account_motion.png" border="0" width="133" /></a>';
}