function showSubcategs(id) {
	setTimeout("showSubcategsTrue("+id+")", 100);
}

function showSubcategsTrue(id) {
	if (id == 100){
		return;	
	}
	
	var subcategDiv = document.getElementById("subcategs");
	if (subcategDiv){
		var visible = true;
		//var links = '<span>';
		
		//links += '</span>';
		//subcategDiv.innerHTML = links;
		
		var menuXPosition = getElementLeftParent("categ" + id); 	// 24 = padding

		var menuWidth = getElementWidth("categ" + id);
		
		var width = getElementWidth("subcategs");
		
		if (menuWidth <= 0 || width <= 0){
			setTimeout("showSubcategsTrue("+id+")", 100);
			return;
		}
		
		if (width <= 10){
			width = 100;	
		}
		//alert(menuWidth+'-'+width+'-'+menuXPosition);
		
		var diffWidth = width - menuWidth;
		var xPosition = menuXPosition;
		if (diffWidth > 0){
			xPosition = menuXPosition - diffWidth / 2;
		}else{
			xPosition = menuXPosition - diffWidth / 2;
		}
		
		if (xPosition + width > 980){
			xPosition = 980 - width;
		}
		
		if (xPosition < 0){
			xPosition = 0;
		}
		
		// added for right menu 
		if (id != 1000){
			subcategDiv.style.left = xPosition + "px";
		}
		
		if (visible){
			subcategDiv.style.visibility = "visible";
			overSubmenu = true;
		}else{
			subcategDiv.style.visibility = "hidden";
		}
	}
}

function getElementLeft(Elem) {
	var elem;
	if(document.getElementById) {
		var elem = document.getElementById(Elem);
	} else if (document.all){
		var elem = document.all[Elem];
	}
	xPos = elem.offsetLeft;
	tempEl = elem.offsetParent;
	while (tempEl != null) {
		xPos += tempEl.offsetLeft;
		tempEl = tempEl.offsetParent;
	}
	return xPos;
}

function getElementLeftParent(Elem) {
	var elem;
	if(document.getElementById) {
		var elem = document.getElementById(Elem);
	} else if (document.all){
		var elem = document.all[Elem];
	}
	xPos = elem.offsetLeft;
	return xPos;
}


function getElementTop(Elem) {
	var elem;
	if(document.getElementById) {	
		var elem = document.getElementById(Elem);
	} else if (document.all) {
		var elem = document.all[Elem];
	}
	yPos = elem.offsetTop;
	tempEl = elem.offsetParent;
	while (tempEl != null) {
		yPos += tempEl.offsetTop;
		tempEl = tempEl.offsetParent;
	}
	return yPos;
}

function getElementHeight(Elem) {
	if(document.getElementById) {
		var elem = document.getElementById(Elem);
	} else if (document.all){
		var elem = document.all[Elem];
	}
	if (elem.style.pixelHeight) { 
		xPos = elem.style.pixelHeight;
	} else {
		xPos = elem.offsetHeight;
	}
	return xPos;
}

function getElementWidth(Elem) {
	if(document.getElementById) {
		var elem = document.getElementById(Elem);
	} else if (document.all){
		var elem = document.all[Elem];
	}
	if (elem.style.pixelWidth) {
		xPos = elem.style.pixelWidth;
		if (xPos <= 15){
			xPos = elem.offsetWidth;
		}
	} else {
		xPos = elem.offsetWidth;
		if (xPos <= 15){
			xPos = elem.style.pixelWidth;
		}
	}
	return xPos;
}