var browser_name = navigator.appName;
var browser_version = navigator.appVersion;

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

function showSubcategsTrue(id) {

	if (id == 100 || id==379|| id==384){
		return;	
	}
	
	var subcategDiv = document.getElementById("subcategs");
	if (subcategDiv){
		var visible = true;
		
		var menuXPosition = getElementLeftParent("categ" + id); 	// 24 = padding

		var menuWidth = getElementWidth("categ" + id);
		
		if( browser_name.indexOf("Microsoft")!= -1 && browser_version.indexOf("MSIE 6.0") != -1 ) {
		  var width = getElementWidth("subcategs")+13;//fix for IE6
    }else{
      var width = getElementWidth("subcategs");
    }

		if (menuWidth <= 0 || width <= 0){
			setTimeout("showSubcategsTrue("+id+")", 100);
			return;
		}
		
		if (width <= 10){
			width = 100;
		}
		
		var diffWidth = width - menuWidth;
		
		var xPosition = menuXPosition;
		if (diffWidth > 0){
			xPosition = (menuXPosition - diffWidth / 2);
		}else{
			xPosition = (menuXPosition - diffWidth / 2);
		}
		
		
		if (xPosition + width > 950){
			xPosition = 950 - width ;
		}
		
		if (xPosition < 0){
			xPosition = 0;
		}
		
		// added for right menu 
		if (id != 1000){
			if(xPosition==0){
				subcategDiv.style.left = xPosition + 20 + "px"; //menu padding left
			}else{
				subcategDiv.style.left = xPosition + 3 + "px"; //menu padding left
			}
		}
		
		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;
}