window.onload = function(){
	var menu = document.getElementById("menu");
	menu.style.left = 512 - parseInt(menu.offsetWidth/2) + 'px';
	var divs = document.getElementById("menu").getElementsByTagName("div");
	var anchors = document.getElementById("menu").getElementsByTagName("a");
	var main_submenues = new Array();
	var main_anchors = new Array();
	for (var i=0; i < anchors.length; i++ ){
		if (anchors[i].parentNode.className != ""){
			main_anchors.push(anchors[i]);
			}
		}
	for (var i=0; i < divs.length; i++ ){
		if (divs[i].className != ""){
			main_submenues.push(divs[i]);
			}
		}

	for (var i=0; i < main_anchors.length; i++ ){
		main_anchors[i].onmouseover = function(){
			var submenu = this.nextSibling.nextSibling;
				submenu.style.left = this.offsetLeft + -5  +'px';
				submenu.style.display = "block";
				var initialHeight = submenu.offsetHeight;
				if (navigator.userAgent.toLowerCase().indexOf("msie") != -1){
					var necessaryDiv = submenu.childNodes[0].childNodes[0];
					var numberOfChilds = submenu.childNodes[0].childNodes[0].childNodes.length/2;
					var childsArray = submenu.childNodes[0].childNodes[0].childNodes;
					var nav = navigator.userAgent.toLowerCase();
					if (nav.indexOf("8.0") != -1){
						//alert('8');
						var delta = 0;
						}else if (nav.indexOf("7.0") != -1){
							//alert('7');
							var delta = 2;
							}else if (nav.indexOf("6.0") != -1){
								//alert('6');
								var delta = 2;
								} 
						
				//	alert(navigator.userAgent);
				}else{
					var necessaryDiv = submenu.childNodes[1].childNodes[1];
					var numberOfChilds = parseInt(submenu.childNodes[1].childNodes[1].childNodes.length/2);
					var childsArray = submenu.childNodes[1].childNodes[1].childNodes;
					var delta = 0;
					}
				necessaryDiv.style.height = '30px';
				necessaryDiv.style.width = this.offsetWidth + 'px';
				var submenuHeight = 0;
				for (var j=0; j < numberOfChilds*2; j++){
					var ch = isNaN(childsArray[j].offsetHeight)?0:childsArray[j].offsetHeight;
					submenuHeight = submenuHeight + ch;
					}
				
				function animateSubmenu(){
					if (parseFloat(necessaryDiv.style.height) >= submenuHeight - 30){
						necessaryDiv.style.height = submenuHeight - 30 + numberOfChilds - numberOfChilds*delta + 'px'
						clearInterval(intId);
						}
					necessaryDiv.style.height = parseFloat(necessaryDiv.style.height) + 30 +'px';
					}
				var intId = setInterval(animateSubmenu, 20);
				return false;
			}
		}
	for (var i=0; i < main_submenues.length; i++ ){
		main_submenues[i].onmouseover = function(){
			this.style.display = "block";
			return true;
			}
		main_submenues[i].onmouseout = function(){
			this.style.display = "none";
			return true;
			}
		}
	}