var explorer = navigator.appName;
var onSubId=false;

function onSub(div)
{
	onSubId = true;	
}

function onSubOut()
{
	onSubId = false;	
}

function showSubCat(div)
{
	
	var divId = div.id;
	var subcat = document.getElementById('sub'+divId);
	var catX = div.offsetLeft;
	var catY = div.offsetTop;
	var catH = div.offsetHeight;
	var catW = div.offsetWidth;	
	var catMid = catW / 2;
	var subX   = catX - (catMid);
	var subY   = catY + catH;
	var subW;
	var SW = screen.width;	
	
	var crop = (div.id.indexOf('396')!=-1 ? (200) : 0);
	
	if(explorer.indexOf('MSIE')!=-1)
	{
		var SWx;
		var SAW  = document.body.clientWidth;
		
		if (SW==800 || SAW == 800)
			SWx=0;
		else if (SW==1024 || SAW==1024)
			SWx = 10;
		else if (SW==1280 || SAW == 1280)
			SWx = 139;
		else
			SWx=219;
				
		subcat.style.left = (catX+SWx) +'px';
		subcat.style.top  = (subY) +'px';
		subcat.className = 'header_subcat_show';
		subW = subcat.offsetWidth;
		
		if (catX+SWx>SAW/2)
			catX = catX - (subW-catW) - crop;	
		
		subcat.style.left = (catX+SWx) +'px';
	}
	else	
	{	
		subcat.style.top  = (subY) +'px';
		document.getElementById('header_cat_center').setAttribute('class','header_cat_hover');
		subcat.setAttribute('class','header_subcat_show');
		subW = subcat.offsetWidth;
		
		if (catX>SW/2)
		{
		catX = catX - (subW-catW) -crop;	
		}
		subcat.style.left = (catX-crop) +'px';
	}
	
}

function hideSubCat(div)
{
	var divId = div.id;
	var subcat = document.getElementById('sub'+divId);

	
	if(explorer.indexOf('MSIE')!=-1)
	{		
			subcat.className = 'header_subcat';
	}
	else
	{	
			subcat.setAttribute('class','header_subcat');
	}
}