<!--

// Rich Balloon Tip from Dynamic Drive
// Adapted by JP Caudill for Z-Bolt, including AJAX support

var disappeardelay=250  //tooltip disappear delay (in miliseconds)
var verticaloffset=0 //vertical offset of tooltip from anchor link, if any
var enablearrowhead=1 //0 or 1, to disable or enable the arrow image
var arrowheadimg=["images/arrowdown.gif", "images/arrowup.gif"] //path to down and up arrow images
var arrowheadheight=11 //height of arrow image (amount to reveal)
var url = "popup.php?id="; // The server-side script
var ie=document.all
var ns6=document.getElementById&&!document.all
verticaloffset=(enablearrowhead)? verticaloffset+arrowheadheight : verticaloffset

function getposOffset(what, offsettype) {
	var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
	var parentEl=what.offsetParent;

	while (parentEl!=null){
		totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
		parentEl=parentEl.offsetParent;
	}
	
	return totaloffset;
}

function showhide(obj, e) {
	dropmenuobj.style.left=dropmenuobj.style.top="-500px"
	
	if (e.type=="mouseover")
		obj.visibility="visible"
}

function iecompattest() {
	return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function clearbrowseredge(obj, whichedge){
	if (whichedge=="rightedge"){
		edgeoffsetx=0

		var windowedge=ie && !window.opera? iecompattest().scrollLeft+iecompattest().clientWidth-15 : window.pageXOffset+window.innerWidth-15
		dropmenuobj.contentmeasure=dropmenuobj.offsetWidth
	
		if (windowedge-dropmenuobj.x < dropmenuobj.contentmeasure)
			edgeoffsetx=dropmenuobj.contentmeasure-obj.offsetWidth

		return edgeoffsetx
	} else	{
		edgeoffsety=0
		
		var topedge=ie && !window.opera? iecompattest().scrollTop : window.pageYOffset
		var windowedge=ie && !window.opera? iecompattest().scrollTop+iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18
		dropmenuobj.contentmeasure=dropmenuobj.offsetHeight

		if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure) //move up?
			edgeoffsety=dropmenuobj.contentmeasure+obj.offsetHeight+(verticaloffset*2)
		return edgeoffsety
	}
}

function displayballoontip(obj, e) { //main ballooon tooltip function
	if (window.event) event.cancelBubble=true
	else if (e.stopPropagation) e.stopPropagation()

	if (typeof dropmenuobj!="undefined") //hide previous tooltip?
		dropmenuobj.style.visibility="hidden"
	
	clearhidemenu()

	relsplit = obj.getAttribute("rel").split("||")
	reldiv = relsplit[0]
	relpopupid = relsplit[1]
	handlePopup(relpopupid)
	dropmenuobj=document.getElementById(reldiv)
	showhide(dropmenuobj.style, e)
	dropmenuobj.x=getposOffset(obj, "left")
	dropmenuobj.y=getposOffset(obj, "top")+verticaloffset
	dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+"px"
	dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+"px"

	if (enablearrowhead)
		displaytiparrow()
}

function displaytiparrow() { //function to display optional arrow image associated with tooltip
	tiparrow=document.getElementById("arrowhead")
	tiparrow.src=(edgeoffsety!=0)? arrowheadimg[0] : arrowheadimg[1]
	var ieshadowwidth=(dropmenuobj.filters && dropmenuobj.filters[0])? dropmenuobj.filters[0].Strength-1 : 0

	//modify "left" value depending on whether there's no room on right edge of browser to display it, respectively
	tiparrow.style.left=(edgeoffsetx!=0)? parseInt(dropmenuobj.style.left)+dropmenuobj.offsetWidth-tiparrow.offsetWidth-10+"px" : parseInt(dropmenuobj.style.left)+5+"px"

	//modify "top" value depending on whether there's no room on right edge of browser to display it, respectively
	tiparrow.style.top=(edgeoffsety!=0)? parseInt(dropmenuobj.style.top)+dropmenuobj.offsetHeight-tiparrow.offsetHeight-ieshadowwidth+arrowheadheight+"px" : parseInt(dropmenuobj.style.top)-arrowheadheight+"px"
	tiparrow.style.visibility="visible"
}

function delayhidemenu() {
delayhide=setTimeout("clearPopupDiv(); dropmenuobj.style.visibility='hidden'; dropmenuobj.style.left=0; if (enablearrowhead) tiparrow.style.visibility='hidden'",disappeardelay)
}

function clearhidemenu() {
	if (typeof delayhide!="undefined")
		clearTimeout(delayhide)
}

function reltoelement(linkobj) { //tests if a link has "rel" defined and it's the ID of an element on page
	var relvalue=linkobj.getAttribute("rel")
	
	if(relvalue) {
		relsplit = relvalue.split("||")
		reldiv = relsplit[0]
	} else {
		reldiv = null
	}
	
	return (reldiv!=null && reldiv!="" && document.getElementById(reldiv)!=null && document.getElementById(reldiv).className=="balloonstyle")? true : false
}

function initalizetooltip() {
	var all_links=document.getElementsByTagName("a")
	
	if (enablearrowhead){
		tiparrow=document.createElement("img")
		tiparrow.setAttribute("src", arrowheadimg[0])
		tiparrow.setAttribute("id", "arrowhead")

		document.body.appendChild(tiparrow)
	}

	for (var i=0; i<all_links.length; i++) {
		if (reltoelement(all_links[i])){ //if link has "rel" defined and it's the ID of an element on page
			all_links[i].onmouseover=function(e) {
				var evtobj=window.event? window.event : e
				displayballoontip(this, evtobj)
			}
		
			all_links[i].onmouseout=delayhidemenu
		}
	}
}

function handleHttpResponse() {
  if (http.readyState == 4) {
    // Split the comma delimited response into an array
    results = http.responseText.split("||");
    document.getElementById('popup_title').innerHTML = results[0];
 	  document.getElementById('popup_message').innerHTML = results[1];
  }
}

function clearPopupDiv() {
    document.getElementById('popup_title').innerHTML = '';
 	  document.getElementById('popup_message').innerHTML = '';
}

function handlePopup(popup_id) {
//		  var zipValue = document.getElementById("zip").value;
  http.open("GET", url + escape(popup_id), true);
  http.onreadystatechange = handleHttpResponse;
  http.send(null);
}

function getHTTPObject() {
  var xmlhttp;
  /*@cc_on
  @if (@_jscript_version >= 5)
    try {
      xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
    } catch (e) {
      try {
        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
      } catch (E) {
        xmlhttp = false;
      }
    }
  @else
  xmlhttp = false;
  @end @*/
  if (!xmlhttp && typeof XMLHttpRequest != 'undefined') {
    try {
      xmlhttp = new XMLHttpRequest();
    } catch (e) {
      xmlhttp = false;
    }
  }
  return xmlhttp;
}

if (window.addEventListener)
window.addEventListener("load", initalizetooltip, false)
else if (window.attachEvent)
window.attachEvent("onload", initalizetooltip)
else if (document.getElementById)
window.onload=initalizetooltip

var http = getHTTPObject(); // We create the HTTP Object

//-->