/**
 * schová oddělovače položek v topMenu
 * 
 * @param string id id položky menu u které detekujeme onmouseover
 */
function hideSpacer(id) {
	var a = document.getElementById(id);
	var li = a.parentNode;
	
	if(navigator.appName.toLowerCase() == 'microsoft internet explorer') {
		var next = li.nextSibling;
		var previous = li.previousSibling;
	}
	else {
		var next = li.nextSibling.nextSibling;
		var previous = li.previousSibling.previousSibling;
	}
	
	next.style.visibility = 'hidden';
	previous.style.visibility = 'hidden';
}

/**
 * ukáže oddělovače položek v topMenu schované předešlou funkcí
 * 
 * @param string id id položky menu u které detekuje onmouseout
 */
function showSpacer(id) {
	var a = document.getElementById(id);
	var li = a.parentNode;
	
	if(navigator.appName.toLowerCase() == 'microsoft internet explorer') {
		var next = li.nextSibling;
		var previous = li.previousSibling;
	}
	else {
		var next = li.nextSibling.nextSibling;
		var previous = li.previousSibling.previousSibling;
	}
	
	next.style.visibility = 'visible';
	previous.style.visibility = 'visible';
}

/**
 * vrstvička pro hover nad produkty
 */
function showLayer(id) {
	var product = document.getElementById(id);
	
	var layerBottom = document.createElement('div');
	layerBottom.id = 'layerBottom';
	layerBottom.className = 'layer'+id.substring(0, 3)+'b';
	
	var layerTop = document.createElement('div');
	layerTop.id = 'layerTop';
	layerTop.className = 'layer'+id.substring(0, 3);
	layerTop.innerHTML = '<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce luctus tempus lectus. Nullam ac mi. Mauris nonummy iaculis lectus. In blandit risus vitae nisl. Nulla et lectus. Aliquam lobortis tempus</p>' +
						 '<img src="img/layer_arrow.gif" width="15" height="8" alt="" />';
	
	document.body.appendChild(layerBottom);
	document.body.appendChild(layerTop);
}

function hideLayer(id) {
	document.body.removeChild(document.getElementById('layerBottom'));
	document.body.removeChild(document.getElementById('layerTop'));
}