//var offsetfrommouse=[15,15];

function switchVisible( element ) {
	if ( $(element).style.display == 'none' || $(element).style.display == '' ) {
		$(element).style.display = 'block';
	} else {
		$(element).style.display = 'none';
	}
}

function showElement(element) {
	if( $(element) ) $(element).style.display = 'block';
	return;
}

function hideElement(element) {
	if( $(element) ) $(element).style.display = 'none';
	return;
}

function truebody(){
	return ( !window.opera && document.compatMode && document.compatMode!="BackCompat" ) ? document.documentElement : document.body;
}

function showBox(element, e) {
	var IE = document.all ? true : false;
	var boxElement = $(element);
	var boxHeight = boxElement.style.height;
	var boxWidth = boxElement.style.width;
	alert(boxWidth+'x'+boxHeight);
	var layerHeight = parseInt(boxHeight.substr(0,boxHeight.length-2));
	var layerWidth = parseInt(boxWidth.substr(0,boxWidth.length-2));
	var docWidth = (IE) ? truebody().scrollLeft+truebody().clientWidth : pageXOffset + window.innerWidth-15;
	var docHeight = (IE) ? Math.min(truebody().scrollHeight, truebody().clientHeight) : Math.min(window.innerHeight);
	var mouseX = (IE) ? event.clientX + document.body.scrollLeft : e.clientX;
	var mouseY = (IE) ? event.clientY + document.body.scrollTop : e.clientY;
	if( mouseX < 0 ) mouseX = 0;
	if( mouseY < 0 ) mouseY = 0;
	var leftPos = ( docWidth < mouseX + layerWidth + 35 ) ? mouseX - layerWidth - 15 : leftPos = mouseX + 15;
	var topPos = ( docHeight <  mouseY + layerHeight + 35 ) ? mouseY - layerHeight - 15 : mouseY + 15;
	if( leftPos < 0 )leftPos = 5;
	if( topPos < 0 ) topPos = 5;
	boxElement.style.top = topPos+"px";
	boxElement.style.left = leftPos+"px";
	boxElement.style.zIndex = "99";
	boxElement.style.display = 'block';
	return;
}

function showInfoBox(element, e) {
	var IE = document.all ? true : false;
	var boxElement = $(element);
	var mouseX = (IE) ? event.clientX + document.body.scrollLeft : e.clientX;
	var mouseY = (IE) ? event.clientY + document.body.scrollTop : e.clientY;
	if( mouseX < 0 ) mouseX = 0;
	if( mouseY < 0 ) mouseY = 0;
	var leftPos = mouseX - 5;
	var topPos = mouseY - 5;
	if( leftPos < 0 )leftPos = 15;
	if( topPos < 0 ) topPos = 15;
	boxElement.style.top = topPos+"px";
	boxElement.style.left = leftPos+"px";
	boxElement.style.zIndex = "99";
	boxElement.style.display = 'block';
	return;
}
