var t;
var c = 0;
var subLayerHeight = 10;

PreventBubbling = function(e) {
	if (!e) var e = window.event;
	e.cancelBubble = true;
	if (e.stopPropagation) e.stopPropagation();
}

function showLayer(obj, id, dom, catkey) {
	
	var txtTitle = document.getElementById("subServiceTitle");
	var contentNode = document.getElementById("subServiceContent");
	
	var offset = obj.offsetLeft - document.getElementById("big-container").offsetLeft;
		
	var width = obj.clientWidth;
	var margin = -8;
	var endWidth = 180 - width - 24;
	
	txtTitle.innerHTML = "<nobr><a style='text-decoration: none;color: #7f7f7f;' href='index.cfm?dom="+dom+"&amp;rub="+catkey+"'>"+obj.childNodes[0].innerHTML+"</a></nobr>";
	
	contentNode.innerHTML = "<ul>";
	
	for(i=0;i<arrSubService[id].length;i++) {
		if(arrSubService[id][i]["active"] == 1) {
			contentNode.innerHTML += "<li onmouseover='PreventBubbling(event);'><a class='act' href='index.cfm?dom="+dom+"&amp;rub="+arrSubService[id][i]["key"]+"'>"+arrSubService[id][i]["label"]+"</a></li>";
		} else {
			contentNode.innerHTML += "<li onmouseover='PreventBubbling(event);'><a href='index.cfm?dom="+dom+"&amp;rub="+arrSubService[id][i]["key"]+"'>"+arrSubService[id][i]["label"]+"</a></li>";
		}
	}
	
	contentNode.innerHTML += "</ul>";
	
	subLayerHeight = (17 * arrSubService[id].length) - 8;
	
	document.getElementById("subServiceEdgeTop").style.width = width + 2 + "px";
	document.getElementById("subServiceEndTop").style.width = endWidth + "px";
	
	if(BrowserDetect.browser == "Explorer" && BrowserDetect.version < 8) {
		//alert(BrowserDetect.version);
		offset = document.getElementById("big-container").offsetLeft + obj.offsetLeft + 20;
		
		document.getElementById("subServiceLayer").style.left = (offset) + "px";
		document.getElementById("subServiceTitle").style.left = "6px";
		document.getElementById("subServiceEdgeTopLeft").style.left = "0px";		
		document.getElementById("subServiceEdgeTop").style.left = "8px";
		document.getElementById("subServiceEdgeTopRight").style.left = (8 + width) + "px";
		document.getElementById("subServiceEndTop").style.left = (width + 16) + "px";		
		document.getElementById("subServiceEndTopRight").style.left = (width + endWidth + 16) + "px";	
		
		document.getElementById("subServiceContent").style.left = "8px";
		
		document.getElementById("subServiceEdgeLeft").style.left = "0px";
		document.getElementById("subServiceEdgeRight").style.left = "172px";
		document.getElementById("subServiceEdgeBottom").style.left = "0px";
		
		document.getElementById("subServiceEdgeLeft").style.height = subLayerHeight + "px";
		document.getElementById("subServiceEdgeRight").style.height = subLayerHeight + "px";
		document.getElementById("subServiceEdgeBottom").style.top = (subLayerHeight + 47) + "px";
		
	} else {	
		// set edges for browsers other than ie
		document.getElementById("subServiceEdgeTopLeft").style.backgroundImage = "url('/img/subservicelayer/subservice_edge_topleft.png')";
		document.getElementById("subServiceEdgeTopRight").style.backgroundImage = "url('/img/subservicelayer/subservice_edge_topright.png')";
		document.getElementById("subServiceEndTopRight").style.backgroundImage = "url('/img/subservicelayer/subservice_end_topright.png')";
		document.getElementById("subServiceEdgeRight").style.backgroundImage = "url('/img/subservicelayer/subservice_edge_right.png')";
		document.getElementById("subServiceEdgeBottom").style.backgroundImage = "url('/img/subservicelayer/subservice_edge_bottom.png')";
		
		document.getElementById("subServiceTitle").style.left = (margin + offset + 8) + "px";
		document.getElementById("subServiceEdgeTopLeft").style.left = (margin + offset) + "px";		
		document.getElementById("subServiceEdgeTop").style.left = (margin + offset + 8) + "px";
		document.getElementById("subServiceEdgeTopRight").style.left = (margin + offset + width + 8) + "px";
		document.getElementById("subServiceEndTop").style.left = (margin + offset + 8 + width + 8) + "px";		
		document.getElementById("subServiceEndTopRight").style.left = (margin + offset + 16 + width + endWidth) + "px";	
		
		document.getElementById("subServiceContent").style.left = (margin + offset + 8) + "px";
		
		document.getElementById("subServiceEdgeLeft").style.left = (margin + offset) + "px";
		document.getElementById("subServiceEdgeRight").style.left = (margin + offset + 172) + "px";
		document.getElementById("subServiceEdgeBottom").style.left = (margin + offset) + "px";
		
		document.getElementById("subServiceEdgeLeft").style.height = subLayerHeight + "px";
		document.getElementById("subServiceEdgeRight").style.height = subLayerHeight + "px";
		document.getElementById("subServiceEdgeBottom").style.top = (subLayerHeight + 48) + "px";
	}
	
	
	for(i=0;i<document.getElementById("subServiceLayer").childNodes.length;i++) {
		if(document.getElementById("subServiceLayer").childNodes[i].style) {
		document.getElementById("subServiceLayer").childNodes[i].style.visibility = "visible";
		}
	}
	
}

function hideLayer() {
	try{
		for(i=0;i<document.getElementById("subServiceLayer").childNodes.length;i++) {
			if(document.getElementById("subServiceLayer").childNodes[i].style) {
			document.getElementById("subServiceLayer").childNodes[i].style.visibility = "hidden";
			}
		}	
	}catch(any){}
}