/***********************************************
		* Cool DHTML tooltip script II- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
		* This notice MUST stay intact for legal use
		* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
		***********************************************/

		var offsetfromcursorX=12 //Customize x offset of tooltip
		var offsetfromcursorY=-20 //Customize y offset of tooltip

		var offsetdivfrompointerX=10 //Customize x offset of tooltip DIV relative to pointer image
		var offsetdivfrompointerY=1 //Customize y offset of tooltip DIV relative to pointer image. Tip: Set it to (height_of_pointer_image-1).

		document.write('<div id="dhtmltooltip"><\/div>') //write out tooltip DIV
		document.write('<img id="dhtmlpointer" src="/images/tooltiparrow.gif">') //write out pointer image

		var ie=document.all
		var ns6=document.getElementById && !document.all
		var enabletip=false
		if (ie||ns6)
			var tipobj=document.all? document.all["dhtmltooltip"] : document.getElementById? document.getElementById("dhtmltooltip") : ""
		var pointerobj=document.all? document.all["dhtmlpointer"] : document.getElementById? document.getElementById("dhtmlpointer") : ""

		function ietruebody()
		{
			return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
		}

		function ddrivetip(thetext, thewidth, thecolor)
		{
			htmltext = 			  	'<table width="'+thewidth+'" border="0" cellpadding="0" cellspacing="0">'
			htmltext = htmltext + 	'	<tr valign="top">'
			htmltext = htmltext + 	'		<td width="8"><img src="/images/bubble-lefttop.gif" border="0"><br></td>'
			htmltext = htmltext + 	'		<td width="'+(thewidth-16)+'" style="border-top:1px solid #000000;" bgcolor="#ffffff"><img src="/images/blank.gif" width="'+(thewidth-16)+'" height="1" border="0"></td>'
			htmltext = htmltext + 	'		<td width="8"><img src="/images/bubble-righttop.gif" border="0"><br></td>'
			htmltext = htmltext + 	'	</tr>'
			htmltext = htmltext + 	'	<tr valign="top">'
			htmltext = htmltext + 	'		<td style="border-left:1px solid #000000;" bgcolor="#ffffff"><img src="/images/blank.gif" width="1" height="1" border="0"></td>'
			htmltext = htmltext + 	'		<td bgcolor="#ffffff" style="color:#000000; font-size:10px;">'+thetext+'</td>'
			htmltext = htmltext + 	'		<td style="border-right:1px solid #000000;" bgcolor="#ffffff"><img src="/images/blank.gif" width="1" height="1" border="0"></td>'
			htmltext = htmltext + 	'	</tr>'
			htmltext = htmltext + 	'	<tr valign="top">'
			htmltext = htmltext + 	'		<td width="8"><img src="/images/bubble-leftbottom.gif" border="0"><br></td>'
			htmltext = htmltext + 	'		<td width="'+(thewidth-16)+'" style="border-bottom:1px solid #000000;" bgcolor="#ffffff"><img src="/images/blank.gif" width="'+(thewidth-16)+'" height="1" border="0"></td>'
			htmltext = htmltext + 	'		<td width="8"><img src="/images/bubble-rightbottom.gif" border="0"><br></td>'
			htmltext = htmltext + 	'	</tr>'
			htmltext = htmltext + 	'</table>'
			if (ns6||ie)
			{
				if (typeof thewidth!="undefined") tipobj.style.width=thewidth+"px"
					if (typeof thecolor!="undefined" && thecolor!="") tipobj.style.backgroundColor=thecolor
						tipobj.innerHTML=htmltext
				enabletip=true
				return false
			}
		}

		function positiontip(e)
		{
			if (enabletip)
			{
				var nondefaultpos=false
				var curX=(ns6)?e.pageX : event.x+ietruebody().scrollLeft;
				var curY=(ns6)?e.pageY : event.y+ietruebody().scrollTop;
				//Find out how close the mouse is to the corner of the window
				var winwidth=ie&&!window.opera? ietruebody().clientWidth : window.innerWidth-20
				var winheight=ie&&!window.opera? ietruebody().clientHeight : window.innerHeight-20

				var rightedge=ie&&!window.opera? winwidth-event.clientX-offsetfromcursorX : winwidth-e.clientX-offsetfromcursorX
				var bottomedge=ie&&!window.opera? winheight-event.clientY-offsetfromcursorY : winheight-e.clientY-offsetfromcursorY

				var leftedge=(offsetfromcursorX<0)? offsetfromcursorX*(-1) : -1000

				//if the horizontal distance isn't enough to accomodate the width of the context menu
				if (rightedge<tipobj.offsetWidth){
					//move the horizontal position of the menu to the left by it's width
					tipobj.style.left=curX-tipobj.offsetWidth+"px"
					nondefaultpos=true
				}
				else if (curX<leftedge)
					tipobj.style.left="5px"
				else{
					//position the horizontal position of the menu where the mouse is positioned
					tipobj.style.left=curX+offsetfromcursorX-offsetdivfrompointerX+"px"
					pointerobj.style.left=curX+offsetfromcursorX+"px"
				}

				//same concept with the vertical position
				if (bottomedge<tipobj.offsetHeight){
					tipobj.style.top=curY-tipobj.offsetHeight-offsetfromcursorY+"px"
					nondefaultpos=true
				}
				else{
					tipobj.style.top=curY+offsetfromcursorY+offsetdivfrompointerY-tipobj.offsetHeight+"px"
					pointerobj.style.top=curY+offsetfromcursorY+"px"
				}
				
				tipobj.style.visibility="visible"

				if (!nondefaultpos)
					pointerobj.style.visibility="visible"
				else
					pointerobj.style.visibility="hidden"
			}
		}

		function hideddrivetip()
		{
			if (ns6||ie){
				enabletip=false
				tipobj.style.visibility="hidden"
				pointerobj.style.visibility="hidden"
				tipobj.style.left="-1000px"
				tipobj.style.backgroundColor=''
				tipobj.style.width=''
			}
		}
		
		function changeImage(image, src)
		{
			self.document.images[image].src = src;
		}


		document.onmousemove=positiontip