// Aniel Santos
// 2:44 PM 8/23/2006. 5:35 PM 1/29/2007. 12:43 PM 6/19/2007
// v.1.8
// ============================================================================

var floatBoxShow = 0;									//If body onclick is set to FloatBoxHide(<floatBoxId>).

function BrowserDetec(){
	// document.all -- IE, NS6+
	alert(navigator.userAgent);
	var browser = 'UNKNOWN';
	if(navigator.userAgent.indexOf("Opera")>-1){
		browser = 'Opera';
	}else if(navigator.userAgent.indexOf("MSIE")>-1 && navigator.appName=='Microsoft Internet Explorer'){
		browser = 'IE';
	}else if(navigator.appName=='Netscape' && document.all){
		browser = 'NS6+';
	}else if(navigator.userAgent.indexOf("Firefox")>-1){
		browser = 'FF'; 
	}
	return browser;
}

// -----------------------------------------------------------------------------
function ScrollTest(){
	alert('document.body.scrollTop = '+document.body.scrollTop+"\n"+'document.documentElement.scrollTop = '+document.documentElement.scrollTop+"\n"+'window.pageYOffset = '+window.pageYOffset);
	var sc = GetScroll();
	alert('Scroll top = '+sc.y);
}
function GetScroll(){
	// document.body.scrollLeft -- IE; *NOTE: Using DOCTYPE, need to use document.documentElement.scrollTop.
	// document.documentElement.scrollLeft -- IE, FF; *See NOTE above.
	// window.pageXOffset -- NS, FF
	var x = 0;
	var y = 0;
	if(x+y==0 && document.documentElement){
		x = document.documentElement.scrollLeft;
		y = document.documentElement.scrollTop;
	}
	if(x+y==0 && document.body){
		x = document.body.scrollLeft;
		y = document.body.scrollTop;
	}
	if(x+y==0 && window){
		x = window.pageXOffset;
		y = window.pageYOffset;
	}
	return {x:x, y:y}
}

// -----------------------------------------------------------------------------
function CoordTest(xEvent){
	if(typeof(window['event'])!='undefined'){
		alert('event = '+event);
		alert('event.screenY = '+event.screenY);
		alert('event.clientY = '+event.clientY);
	}
	if(xEvent){
		alert('xEvent = '+xEvent);
		alert('xEvent.pageY = '+xEvent.pageY);
		alert('xEvent.screenY = '+xEvent.screenY);
	}
}
function GetCoord(xEvent){
	//javascript events needs to be used to use the 'event' variable.
	// event.clientX -- IE
	// event.screenX -- IE
	// xEvent.pageX -- FF
	// xEvent.screenX -- FF, IE
	var x = 0;
	var y = 0;
	if(typeof(window['event'])!='undefined'){
		//x = event.screenX;
		//y = event.screenY;
		var sc = GetScroll();
		x = event.clientX + sc.x;
		y = event.clientY + sc.y;
	}else{
		//x = xEvent.screenX;
		//y = xEvent.screenY;
		x = xEvent.pageX;
		y = xEvent.pageY;
	}
	return {x:x, y:y};
}
function GetCoordByObj(xObj){
	var left = 0;
	var top = 0;
	if(xObj.offsetParent){
		left = xObj.offsetLeft;
		top = xObj.offsetTop;
		while(xObj=xObj.offsetParent){
			left += xObj.offsetLeft;
			top += xObj.offsetTop;
		}
	}
	return {x:left, y:top};
}
function GetCoordByID(objID){
	var left = 0;
	var top = 0;
	var xObj = document.getElementById(objID);
	if(xObj.offsetParent){
		left = xObj.offsetLeft;
		top = xObj.offsetTop;
		while(xObj=xObj.offsetParent){
			left += xObj.offsetLeft;
			top += xObj.offsetTop;
		}
	}
	return {x:left, y:top};
}

// -----------------------------------------------------------------------------
function GetDim(objID){
	var x = document.getElementById(objID).offsetWidth;
	var y = document.getElementById(objID).offsetHeight
	return {x:x, y:y};
}

// -----------------------------------------------------------------------------
function FloatBoxSet(objID, xHTML){
	if(!document.getElementById(objID)){ return false; }
	document.getElementById(objID).innerHTML = xHTML;
}
function FloatBoxClear(objID){
	if(!document.getElementById(objID)){ return false; }
	document.getElementById(objID).innerHTML = '';
}
function FloatBoxAppend(objID, xHTML){
	if(!document.getElementById(objID)){ return false; }
	document.getElementById(objID).innerHTML += xHTML;
}
function FloatBoxShow(objID, xCoord, yCoord){
	if(!document.getElementById(objID)){ return false; }
	document.getElementById(objID).style.left = xCoord+'px';
	document.getElementById(objID).style.top = yCoord+'px';
	document.getElementById(objID).style.visibility = 'visible';
}
function FloatBoxHide(objID){
	if(!document.getElementById(objID)){ return false; }
	document.getElementById(objID).style.visibility = 'hidden';
}

// -----------------------------------------------------------------------------
// Preset locations based on cursor position.
function FloatBoxShowTL(xEvent, objID){
	var coord = GetCoord(xEvent);
	var dim = GetDim(objID);
	var x = coord.x - dim.x - 3;
	var y = coord.y - dim.y - 3;
	FloatBoxShow(objID, x, y);
}
function FloatBoxShowTM(xEvent, objID){
	var coord = GetCoord(xEvent);
	var dim = GetDim(objID);
	var x = coord.x - (dim.x/2);
	var y = coord.y - dim.y - 5;
	FloatBoxShow(objID, x, y);
}
function FloatBoxShowTR(xEvent, objID){
	var coord = GetCoord(xEvent);
	var dim = GetDim(objID);
	var x = coord.x + 3;
	var y = coord.y - dim.y - 3;
	FloatBoxShow(objID, x, y);
}
function FloatBoxShowMR(xEvent, objID){
	var coord = GetCoord(xEvent);
	var dim = GetDim(objID);
	var x = coord.x + 5;
	var y = coord.y - (dim.y/2);
	FloatBoxShow(objID, x, y);
}
function FloatBoxShowBR(xEvent, objID){
	var coord = GetCoord(xEvent);
	var dim = GetDim(objID);
	var x = coord.x + 5;
	var y = coord.y + 5;
	FloatBoxShow(objID, x, y);
}
function FloatBoxShowBM(xEvent, objID){
	var coord = GetCoord(xEvent);
	var dim = GetDim(objID);
	var x = coord.x - (dim.x/2);
	var y = coord.y + 5;
	FloatBoxShow(objID, x, y);
}
function FloatBoxShowBL(xEvent, objID){
	var coord = GetCoord(xEvent);
	var dim = GetDim(objID);
	var x = coord.x - dim.x - 5;
	var y = coord.y + 3;
	FloatBoxShow(objID, x, y);
}
function FloatBoxShowML(xEvent, objID){
	var coord = GetCoord(xEvent);
	var dim = GetDim(objID);
	var x = coord.x - dim.x - 5;
	var y = coord.y - (dim.y/2);
	FloatBoxShow(objID, x, y);
}

// -----------------------------------------------------------------------------
function ScrollToID(objID, xOffset, yOffset){
	//var xOffset = (xOffset==null)?0:xOffset;
	//var yOffset = (yOffset==null)?0:yOffset;
	var coord = GetCoordByID(objID);
	window.scroll(coord.x+xOffset, coord.y+yOffset);
}
function VerticalScrollToID(objID, yOffset){
	//var yOffset = (yOffset==null)?0:yOffset;
	var coord = GetCoordByID(objID);
	window.scroll(0, coord.y+yOffset);
}
function HorizontalScrollToID(objID, xOffset){
	//var xOffset = (xOffset==null)?0:xOffset;
	var coord = GetCoordByID(objID);
	window.scroll(coord.x+xOffset, 0);
}

// -----------------------------------------------------------------------------

/******************************************************************************

	$html = str_replace("'", "\\\'", $html);
	$html = HTMLEncode($html);
	_a("style font-size:0.7em; | href # | onclick SetFloatBox('floatingBox', '$html'); FloatBoxShowBR(event, 'floatingBox'); return false;", '[options]');
	
	_div("id floatingBox | style width:auto; height:auto; border:1px solid #404040; background-color:#f0e0ff; padding:10px; line-height:25px; position:absolute; left:10px; top:10px; visibility:hidden;", '-');

******************************************************************************/