window.onload=function(){
	//showHideField("misc");
	//showHideMenu();
	var contentElement = document.getElementById("cb");
	contentElement.style.left = "177px";
}

function showHideField(id) {
	var theField2Hide = document.getElementById(id);
	if (theField2Hide.style.display=="none") {
		theField2Hide.style.display = "inline";
	}
	else{
		theField2Hide.style.display = "none";
	}
}

function pausecomp(millis){ 
	date = new Date();
	var curDate = null;

	do { var curDate = new Date(); } 
	while(curDate-date < millis);
} 

function moveMenuTitleUp(){
	var menuElement = document.getElementById("mb");
	var contentElement = document.getElementById("cb");
	var menuTitleElement = document.getElementById("mbt");
	if(posContent > 0){
                contentElement.style.left = contentElement.style.left - posContent;
		posContent --;
		menuElement.style.display = "none";
	}
	if(posContent == 0) if(posMenuTitle > 0){     
		menuTitleElement.style.right = menuTitleElement.style.right - posMenuTitle;
		setTimeout ('moveMenuTitleUp()',0);
	}
}

var posContent;
var posMenuTitle
function moveMenuTitleDown(){
	var menuTitleElement = document.getElementById("mbt");
	var menuElement = document.getElementById("mb");
	var contentElement = document.getElementById("cb");
	pos ++;
	if(pos <= 10){     	
		//menuTitleElement.style.top = pos;
	      	//menuTitleElement.style.left = pos;
		menuTitleElement.style.height = menuTitleElement.style.height + 10*pos
		//contentElement.style.left = (pos)*14.2;
		setTimeout ('moveMenuTitleDown()',0);
	}
	else{
		menuElement.style.display = "inline";
		contentElement.style.left = "162px";
	}
} 

function showHideMenuWithFun(){
	var menuElement = document.getElementById("mb");
	if(menuElement.style.display == "none"){
	        pos = 0;
		moveMenuTitleDown();
	}
	else{    
		pos = 10;
		moveMenuTitleUp() 
	}
} 

function showHideMenu(){
	var menuElement = document.getElementById("mb");
	var menuTitleElement = document.getElementById("mbt");
	var contentElement = document.getElementById("cb");
	if(menuElement.style.display == "none"){
		menuTitleElement.style.top = 10;
	      	menuTitleElement.style.left = 10;
		contentElement.style.left = "177px";
		menuElement.style.display = "inline";
		menuTitleElement.style.display = "none"
	}
	else{
		
		//menuTitleElement.style.top = 0;
	      	//menuTitleElement.style.left = 0;
		menuElement.style.display = "none";
		menuTitleElement.style.display = "block";
		contentElement.style.left = "10px";
	}
}