function showBox(id, refId) {
	var objId = document.getElementById(id);
	var objRefId = document.getElementById(refId);
	var idValue = id;
	var refIdValue = refId;
	
	if (objId.style.display == "block"){
		objRefId.style.backgroundPosition = "0 0";
		objId.style.display = "none";
		
		document.onmousedown = function() {}} else {
		objRefId.style.backgroundPosition = "0px -21px";
		objId.style.display = "block";
		
		document.onmousedown = function(e) {
			if (typeof(event) != "undefined")
				var mouse = event;
			else
				var mouse = e;
		
			if (!checkClick(mouse.clientX, mouse.clientY, getLeftPosition(objId), getTopPosition(objId), getWidth(objId), getHeight(objId)) && !checkClick(mouse.clientX, mouse.clientY, getLeftPosition(objRefId), getTopPosition(objRefId), getWidth(objRefId), getHeight(objRefId))) {
				showBox(idValue, refIdValue);
			}
				
		}
	}
}


function getTopPosition(obj) {
	var finalValue = 0;
	
	while (obj != document && obj != null) {
		finalValue += obj.offsetTop;
		obj = obj.offsetParent;
	}
	
	return finalValue;
}

function getLeftPosition(obj) {
	var finalValue = 0;
	
	while (obj != document && obj != null) {
		finalValue += obj.offsetLeft;
		obj = obj.offsetParent;
	}
	
	return finalValue;
}

function getWidth(obj) {
	return obj.offsetWidth;
}

function getHeight(obj) {
	return obj.offsetHeight;
}

function checkClick(mouseX, mouseY, boxX, boxY, boxW, boxH) {
	if (mouseX + document.documentElement.scrollLeft > boxX && mouseX + document.documentElement.scrollLeft < boxX + boxW) {
		if (mouseY + document.documentElement.scrollTop > boxY && mouseY + document.documentElement.scrollTop < boxY + boxH) {
			return true;
		} else {
			return false;
		}
	} else {
		return false;
	}
}

function setFooterPosition() {
	if (document.body.offsetHeight+30 > document.documentElement.clientHeight) {
		document.getElementById("footer").style.position = "relative";
	} else {
		document.getElementById("footer").style.position = "absolute";
	}
}

function clickItemExplorer(obj) {
	if (obj.parentNode.className == "moreclosed") {
		if (obj.parentNode.getElementsByTagName("ul").length) {
			obj.parentNode.getElementsByTagName("ul")[0].style.display = "block";
			obj.parentNode.className = "moreopen";
		}
	} else {
		if (obj.parentNode.getElementsByTagName("ul").length) {
			obj.parentNode.getElementsByTagName("ul")[0].style.display = "none";
			obj.parentNode.className = "moreclosed";
		}
	}
		
}