if (typeof jquery != 'undefined') 
$(document).ready(function() {

	$.datepicker.setDefaults({ /*buttonText: 'Choose',
	  showOn: 'button',
	  buttonImageOnly: false*/
	  });

	$('span.DateField:not(.readonly):not(.hidden)').each(function() {
		var $this = $(this);
		$this.append('<img src="images/calendar.gif" alt="Calendar" class="CalendarButton" />');
		var $button = $this.children('img.CalendarButton');
		var $day = $this.children('input:text[name$=Day]');
		var $month = $this.children('input:text[name$=Month]');
		var $year = $this.children('input:text[name$=Year]');
		var $dateField = $month;
		var defaultDate = function() {
			var d = new Date($year.val(), $month.val()-1, $day.val());
			if (d.valueOf() <= 0) {
				d = new Date();
			} 
			return d;
		}
		var $datepicker = $dateField.datepicker({
			//altField: $altField,
			buttonImageOnly: true,
			buttonImage: 'images/1x1blank.gif',
			showOn: 'button',
			//defaultDate: defaultDate(),
			showAnim: 'clip',
			duration:0,
			showOptions: {direction: 'down'},
			beforeShow: function(input) {
				var initValue = input.value;
				$dateField.datepicker('option', 'defaultDate', defaultDate());
				input.value = initValue;
			},
			onSelect: function(dateText, inst) {
				
				var date = new Date(Date.parse(dateText))
				$day.val(date.getDate());
				$month.val(date.getMonth() + 1);
				$year.val(date.getFullYear());
				
			}
		});
		/*$this.children(':input[name$=Day],[name$=Year]').click(function() {
			
			//$dateField.datepicker('show');
			$(this).focus(); // TODO: keep current caret position
		});*/
		$button.click(function() {
			$dateField.datepicker('show');
		});
	  });
	
});



var W3CDOM = (document.createElement && document.getElementsByTagName);

var mouseOvers = new Array();
var mouseOuts = new Array();

window.onload = init;

function init()
{
	if (!W3CDOM) return;
	var nav = document.getElementById('mouseovers');
	var imgs = nav.getElementsByTagName('img');
	for (var i=0;i<imgs.length;i++)
	{
		imgs[i].onmouseover = mouseGoesOver;
		imgs[i].onmouseout = mouseGoesOut;
		var suffix = imgs[i].src.substring(imgs[i].src.lastIndexOf('.'));
		mouseOuts[i] = new Image();
		mouseOuts[i].src = imgs[i].src;
		mouseOvers[i] = new Image();
		mouseOvers[i].src = imgs[i].src.substring(0,imgs[i].src.lastIndexOf('.')) + "_On" + suffix;
		imgs[i].number = i;
	}
	if (document.all&&document.getElementById) {
		navRoot = document.getElementById("topnav");
		for (i=0; i<navRoot.childNodes.length; i++) {
			node = navRoot.childNodes[i];
			if (node.nodeName=="LI") {
				node.onmouseover=function() {
					this.className+=" over";
				}
				node.onmouseout=function() {
					this.className=this.className.replace(" over", "");
				}
			}
		}
	}
}

function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
	document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);

function mouseGoesOver()
{
	this.src = mouseOvers[this.number].src;
}

function mouseGoesOut()
{
	this.src = mouseOuts[this.number].src;
}


function viewPic(URL) {
	viewpic=window.open(URL,"screenshot","toolbar=no,width=550,height=460,status=no,scrollbars=yes,resize=yes,menubar=no");
	}
function viewMovie(URL) {
	viewpic=window.open(URL,"screenshot","toolbar=no,width=415,height=400,status=no,scrollbars=yes,resize=no,menubar=no");
	}

function checkform(form) {
	if (isFilled(form.Name) == false) {
	alert ("Please enter your name.");
	form.Name.focus();
	return false;
	}
	if (isFilled(form.Company) == false) {
	alert ("Please enter your company name.");
	form.Company.focus();
	return false;
	}
	
	if (isFilled(form.City) == false) {
	alert ("Please enter your city.");
	form.City.focus();
	return false;
	}
	if (isFilled(form.State) == false) {
	alert ("Please enter your state.");
	form.State.focus();
	return false;
	}

	if (isFilled(form.Phone) == false) {
		alert ("Please enter your phone number.");
		form.Phone.focus();
		return false;
	}
	if (validatePhone(form.Phone) == false) {
		alert("Please check your phone number.");
		form.Phone.focus();
		return false;
	}
	if (isFilled(form.Email) == false) {
		alert ("Please enter your e-mail address.");
		form.Email.focus();
		return false;
	}
	if (! (/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(form.Email.value))) {
		alert("Invalid E-mail Address. Please re-enter in the form myemail@domain.com.");
		form.Email.focus();
		return false;
	}
	if (isFilled(form.FoundUs) == false) {
		alert ("Please select how you found us.");
		form.FoundUs.focus();
		return false;
	}
	if (isFilled(form.Budget) == false) {
		alert ("Please enter your Approximate Project Budget.");
		form.Budget.focus();
		return false;
	}
	if (isFilled(form.ProjectDescription) == false) {
		alert ("Please enter your Project Description.");
		form.ProjectDescription.focus();
		return false;
	}
	if (isChecked(form.OtherRequest) == true && isFilled(form.OtherReqExplanation) == false){
		alert ("Please explain your selection of Other.");
		form.OtherRequest.focus();
		return false;
	}
	return true
}
	
function isChecked(form){
	if (form.checked == false)
		return false;
		else return true;
}
			
function isFilled(elm) {
	if (elm.value == ""||
		elm.value == null)
		return false;
	else return true;
}
function valPhone(obj) {
	p=obj.value;
	//alert(p);
	p=p.replace("(","");
	p=p.replace(")","");
	p=p.replace("-", "");
	p=p.replace(" ", "");
	alert(p);
	alert(isNaN(p));
	if ((isNaN(p)==false) && (p.length >= 10)) {
		return true;
	} else {
		return false;
	}
}
function validatePhone(obj) {
	p=obj.value;
	s= new String("0123456789")
	t= new String("")
	//alert(p);
	for (var i=0; i<=p.length; i++) { 
		if (s.indexOf(p.charAt(i)) > -1) {
			//alert (p.charAt(i))
			t = t.concat(p.charAt(i));
			//alert (t)
		}
	}
	//alert(t.length);
	//alert(isNaN(t));
	if (t.length == 10) {
		return true;
	} else {
		return false;
	}
}

function focusOnForm(formelement)
{
	if (formelement != null)
		formelement.focus();
}


function checkConfirm(confirm_what) {
	if (confirm_what == "cancel") {
		if (window.confirm("Are you sure you want to cancel?")) {
			window.back();
		}
	}
	if (confirm_what == "reset") {
		if (window.confirm("Are you sure you want to clear the form?")) {
			this.form.reset();
			this.form.elements[0].focus();
		}
	}
}

function enterToSubmit_old()
{
	if (window.event.keyCode == 13) {
	   window.document.loginform.submit();
	}
}

function enterToSubmit(formName)
{
	if (window.event.keyCode == 13) {
	   if (formName == "loginform") {
	      window.document.loginform.submit();
	   }
	   if (formName == "findform") {
	      window.document.findform.submit();
	   }
	   if (formName == "edit") {
	      window.document.edit.submit();
	   }
	}
}

var calWindow;
var targetField;
var targetMonth;
var targetDay;
var targetYear;
var today = new Date();
var dayofmonth = today.getDate();
var startDate;
var selectDate;
var prevMonth;
var prevYear;
var currMonth;
var currYear;
var nextMonth;
var nextYear;
var days = new Array('Sun','Mon','Tue','Wed','Thr','Fri','Sat');
var months = new makeArray(12);

function makeArray(arrayLength) {   // create empty array
   this.length = arrayLength;

   for (var i = 1; i <= arrayLength; i++)
      this[i] = 0;

   return this;
}

function month(name, length, index) {   // create month object
   // properties
   this.name   = name;
   this.length = length;
   this.index  = index;

   // method
   this.getFirstMonthDay = getFirstMonthDay;
}

function makeMonthArray() {    // create array of 12 month objects
   months[1]  = new month("January", 31, 0);
   months[2]  = new month("February", 28, 1);
   months[3]  = new month("March", 31, 2);
   months[4]  = new month("April", 30, 3);
   months[5]  = new month("May", 31, 4);
   months[6]  = new month("June", 30, 5);
   months[7]  = new month("July", 31, 6);
   months[8]  = new month("August", 31, 7);
   months[9]  = new month("September", 30, 8);
   months[10] = new month("October", 31, 9);
   months[11] = new month("November", 30, 10);
   months[12] = new month("December", 31, 11);
}

function initCalendar() {
   makeMonthArray();
//   startDate='9/9/2002';
   if (selectDate == "") {
      if (startDate == "") {
         currMonth = today.getMonth() - 0 + 1;
         currYear = today.getFullYear();

         selectDate = currMonth + "/" + dayofmonth + "/" +  currYear;
      }
      else
         selectDate = startDate;
   }
	
   if (startDate == "")
      startDate = selectDate;
   curDat = new Date(startDate);
   if (isNaN(curDat)){curDat = new Date();} // if startDate not a valid date, set to current date

   currMonth = curDat.getMonth() - 0 + 1;
   currYear = curDat.getFullYear();
//   currMonth = startDate.substring(0, startDate.indexOf("/"));
//   currYear = startDate.substring(startDate.lastIndexOf("/")+1, startDate.length);
   if (currYear<1950) {currYear = currYear + 100;}
//     if (currYear < 51) {currYear = 20 + currYear;}
//     else               {currYear = 19 + currYear;} }

   //Determines previous month and year for Prev button on calendar
   prevMonth = currMonth - 1;
   if (prevMonth == 0) {
      prevMonth = 12;
      prevYear = currYear - 1;
   }
   else  // set month to prev month
      prevYear = currYear;

   //Determines next month and year for Next button on calendar
   nextMonth = currMonth - 0 + 1;
   if (nextMonth == 13) {
      nextMonth = 1;
      nextYear = currYear - 0 + 1;
   }
   else  // set month to next month
      nextYear = currYear;
}

function getFirstMonthDay(theYear) {    // get week-day of first day of month
   var firstDay = new Date(theYear, this.index, 1);
   return firstDay.getDay();
}

function getNumFebDays(theYear) {     // calc num days in February
   if ((theYear % 4 == 0 && theYear % 100 != 0) || theYear % 400 == 0)
      return 29;
   else
      return 28;
}

function calendarHref(direction) {
   var m;
   var y;

   switch (direction){
      case -1:
         m = prevMonth;
         y = prevYear;
         break;
      case 1:
         m = nextMonth;
         y = nextYear;
         break;
   }
   retVal = "javascript:window.opener.popupCalendar('"+targetField+"','"+m+"/1/"+y+"','"+selectDate+"');"
   return retVal
}

function drawCalendar() {             // draw day numbers in cal table
   var theYear = currYear;
   var month = currMonth;
   if (month == 2)
      months[2].length = getNumFebDays(theYear - 1900);
   var firstMonthDay = months[month].getFirstMonthDay(theYear);
   var numMonthDays  = months[month].length;

   // to keep count of how many days we have displayed in each month
   var daycounter = 1;

   // style sheet
   calWindow.document.write("<STYLE type=text/css>");
   calWindow.document.write(".TABLEHEAD {BACKGROUND-COLOR: #6666FF; COLOR: #FFFFFF;  FONT-FAMILY: Arial; FONT-SIZE: x-small; FONT-STYLE: normal; FONT-WEIGHT: bold}");
   calWindow.document.write(".DAYS {BACKGROUND-COLOR: #9999FF; COLOR: #000099; FONT-FAMILY: Arial; FONT-SIZE: x-small; FONT-STYLE: normal; FONT-WEIGHT: bold}");
   calWindow.document.write(".SELECTED {BACKGROUND-COLOR: #CCCCFF; COLOR: #0000FF; FONT-FAMILY: Arial; FONT-SIZE: x-small; FONT-STYLE: normal; FONT-WEIGHT: bold}");
   calWindow.document.write(".ANOTHERMONTH {BACKGROUND-COLOR: #EEEEFF; COLOR: #000000; FONT-FAMILY: Arial; FONT-SIZE: x-small; FONT-STYLE: normal; FONT-WEIGHT: normal}");
   calWindow.document.write(".TODAY {BACKGROUND-COLOR: #CCCCFF; COLOR: #FF0000; FONT-FAMILY: Arial; FONT-SIZE: x-small; FONT-STYLE: normal; FONT-WEIGHT: bold}");
   calWindow.document.write(".CURRENTMONTH {BACKGROUND-COLOR: #CCCCFF; COLOR: #000000; FONT-FAMILY: Arial; FONT-SIZE: x-small; FONT-STYLE: normal; FONT-WEIGHT: normal}");
   calWindow.document.write(".INPUT {BACKGROUND-COLOR: #3333FF; COLOR: #FFFFFF; FONT-FAMILY: Arial; FONT-SIZE: x-small; FONT-STYLE: normal; FONT-WEIGHT: bold}");

   calWindow.document.write("</STYLE>");

   // basic table html
   calWindow.document.write( "<TABLE border=1 borderColor=#ffffff cellPadding=4 cellSpacing=0");

   // writes a Prev link, month and year, and Next Link
   calWindow.document.write("<TR align=center>");
   calWindow.document.write("<TD colspan=1 CLASS=TABLEHEAD><A CLASS=TABLEHEAD HREF=" + calendarHref(-1) + "><<</a></td>");
   calWindow.document.write("<TD align=center colspan=5 CLASS=TABLEHEAD><B>" + months[month].name + " " + currYear + "</B></TD>");
   calWindow.document.write("<TD colspan=1 CLASS=TABLEHEAD><A CLASS=TABLEHEAD HREF=" + calendarHref(1) + ">>></a></td>");
   calWindow.document.write("</TR>");

   // writes the days of the week
   calWindow.document.write("<TR align=center bgcolor=#EEEEEE>");
   for(var d=0;d<7;d++)
      calWindow.document.write("<TD width=14% CLASS=DAYS><SMALL><B>&nbsp;" + days[d] + "&nbsp;</B></SMALL></TD>");
   calWindow.document.write("</TR>");

   // allows month to possibly span over 6 weeks
   for(var i=0; i<6; i++) {
      calWindow.document.write("<TR align=center>");

      // display each day of the week
      for(var j=0;j<7;j++) {
         var tMonth, tDay, tYear, tDate;
		 var selectedMonth, selectedDay, selectedYear;

         // if we are not displaying the current month
         if( (i==0 && j<firstMonthDay) || daycounter>months[month].length ) {
            if (daycounter>months[month].length) {
               tMonth = nextMonth;
               tDay = daycounter-months[month].length;
               tYear = nextYear;
			   selectedMonth = tMonth
			   selectedDay = tDay
			   selectedYear = tYear
               daycounter++;
            }
            else {
               tMonth = prevMonth;
               tDay = months[prevMonth].length-firstMonthDay+1+j;
               tYear = prevYear;
			   selectedMonth = tMonth
			   selectedDay = tDay
			   selectedYear = tYear
            }
            tDate = tMonth + "/" + tDay + "/" +  tYear;
            tClass = "ANOTHERMONTH";
         //if we are displaying the current date
         }
         else if((daycounter==today.getDate()) && (currMonth==today.getMonth()-0+1) && (currYear==today.getYear())) {
            tDay = daycounter;
            tDate = currMonth + "/" + daycounter + "/" +  currYear;
		    selectedMonth = currMonth
		    selectedDay = tDay
		    selectedYear = currYear
            tClass = "TODAY";
            daycounter++;
         // if we are displaying the current month
         }
         else {
            tDay = daycounter;
            tDate = currMonth + "/" + daycounter + "/" +  currYear;
            tClass = "CURRENTMONTH";
		    selectedMonth = currMonth
		    selectedDay = tDay
		    selectedYear = currYear
            daycounter++;
         }

         if (selectDate == tDate)
            tClass = "SELECTED";

         calWindow.document.write("<TD width=14% CLASS=" + tClass + "><A CLASS=" + tClass + " HREF=" + "javascript:window.opener.document."+targetMonth+".value='"+selectedMonth+"';window.opener.document."+targetDay+".value='"+selectedDay+"';window.opener.document."+targetYear+".value='"+selectedYear+"';window.close();" + ">" + tDay + "</A></TD>");
      }
      calWindow.document.write("</TR>");
   }
   calWindow.document.write("</TABLE>");
}

function popupCalendar(target, start, select) {
   targetField = target;
   targetMonth = target + "Month"
   targetDay = target + "Day"
   targetYear = target + "Year"
   startDate = start;
   selectDate = select;

   var w=250; var h=230; var t; var l;
   if (navigator.appName=="Microsoft Internet Explorer"){
     t = (document.calimg.offsetTop + window.screenTop);
     l = (document.calimg.offsetLeft + window.screenLeft);
   } else {
     t = (document.calimg.offsetTop + screenY)-400;
     l = (document.calimg.offsetLeft + screenX);
   }

   calWindow = window.open("", "Calendar", "width="+w+",height="+h+",status=yes,resizable=no,top="+t+",left="+l);
   calWindow.opener = self;
   calWindow.focus();
   calWindow.document.close();

   initCalendar();
   drawCalendar();
}

/* Based on tutorial code from http://www.howtocreate.co.uk/tutorials/javascript/browserwindow */
//function alertSize() {
function getWindowWidth() {
  var myWidth = 0, myHeight = 0;
  if( typeof( window.innerWidth ) == 'number' ) {
    //Non-IE
    myWidth = window.innerWidth;
    myHeight = window.innerHeight;
  } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
    //IE 6+ in 'standards compliant mode'
    myWidth = document.documentElement.clientWidth;
    myHeight = document.documentElement.clientHeight;
  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
    //IE 4 compatible
    myWidth = document.body.clientWidth;
    myHeight = document.body.clientHeight;
  }
  //window.alert( 'Width = ' + myWidth );
  //window.alert( 'Height = ' + myHeight );
  return myWidth;
}

//function getScrollXY() {
function getScrollY() {
  var scrOfX = 0, scrOfY = 0;
  if( typeof( window.pageYOffset ) == 'number' ) {
    //Netscape compliant
    scrOfY = window.pageYOffset;
    scrOfX = window.pageXOffset;
  } else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
    //DOM compliant
    scrOfY = document.body.scrollTop;
    scrOfX = document.body.scrollLeft;
  } else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
    //IE6 standards compliant mode
    scrOfY = document.documentElement.scrollTop;
    scrOfX = document.documentElement.scrollLeft;
  }
//  return [ scrOfX, scrOfY ];
	return scrOfY;
}

//var theCanvas = document.getElementById("DRAW_CANVAS");

//var jg = new jsGraphics( theCanvas );

var jg;

function showFancyToolTip( event, divID )
{
	var tooltip = document.getElementById( divID );
	var tipWidth;
	var tipThird;
	var tipHeight;
	var leftSpace;
	var rightSpace;
	
	var mouseX;
	var mouseY;
	var offsetY;
	
	var tempTipHeight;

	//tooltip.style.opacity = 0.8;
	tooltip.style.display = 'block';
	tooltip.style.position = 'absolute';
/*	
	if(navigator.vendor)
	{
		if(navigator.vendor.indexOf('Apple') != -1)
		{
			tooltip.style.left = (event.clientX + 20 ) + 'px';
		}
		else
		{
			tooltip.style.left = ( parseInt( event.clientX ) + 20 ) + 'px';
		}
	}
	else
	{
		//tooltip.style.left = ( parseInt( event.clientX ) + 20 ) + 'px';
		tooltip.style.top = ( parseInt( event.clientY ) + 50 ) + 'px';
		//tooltip.style.left = ( parseInt( event.clientX ) - (parseInt(tooltip.style.width) / 2) ) + 'px';
	}
*/

offsetY = 50 + getScrollY();

//tooltip.style.top = ( parseInt( event.clientY ) + 50 + getScrollY() ) + 'px';
tooltip.style.top = ( parseInt( event.clientY ) + offsetY ) + 'px';

//tooltip.style.left = '50px';

//leftSpace = parseInt((screen.width - tooltip.offsetWidth) / 2 );
leftSpace = parseInt((getWindowWidth() - tooltip.offsetWidth) / 2 );
rightSpace = parseInt( getWindowWidth() - leftSpace );

tooltip.style.left = leftSpace + 'px';

tipHeight = tooltip.offsetHeight
//tipHeight = tooltip.offsetHeight.split("px")[0];
//tempTipHeight = tooltip.offsetHeight;


//tooltip.innerHTML = tooltip.innerHTML + tooltip.style.width;

//var theCanvas = document.getElementById("DRAW_CANVAS");
//theCanvas.style.zIndex = "9";

jg = new jsGraphics( tooltip );

//jg.clear();
//jg.setColor("#ff0000");
jg.setStroke(1);
//var Xpoints = new Array(10,85,93,60);
//var Ypoints = new Array(50,10,105,87);

//var Xpoints = new Array(10,85,93,60);
//var Ypoints = new Array(50,10,105,87);
//jg.fillPolygon(Xpoints, Ypoints);

//jg.fillRect(50,50,100,100);
//jg.drawLine(1,1,500,500);

//jg.drawLine(1,1, 50, -50 );
//jg.drawLine(10,1, 50, -50 );

//jg.drawLine(0,0, (event.clientX-80), -30 );
//jg.drawLine(tooltip.offsetWidth,0, (event.clientX-80), -30 );

tipWidth = tooltip.offsetWidth;
tipThird = parseInt(tipWidth/3);

mouseY = -( 50 );


if ( event.clientX < (getWindowWidth() / 2) )
{
	//the mouse is to the left
	
	if (event.clientX > leftSpace)
	{
		mouseX = event.clientX - leftSpace;
	}
	else
	{
		mouseX = - (leftSpace - event.clientX);
	}

	//jg.setColor("#ffffff");
	jg.setColor( "#ffffe1" )
	var Xpoints = new Array( mouseX, 0, tipThird, mouseX );
	var Ypoints = new Array( mouseY+20, 0, 0, mouseY+20 );
	jg.fillPolygon(Xpoints, Ypoints);

	jg.setStroke( 1 );
	//jg.setColor("#3f6eb6");
	jg.setColor("#333333");
	jg.drawLine(mouseX, mouseY+20, 0, 0 );
	jg.drawLine(mouseX, mouseY+20, tipThird, 0 );

	//jg.drawString( "LEFT!" ,-50,-50);

	
}
else
{
	//the mouse is to the right
	//mouseX = 0;
	//jg.drawString( "RIGHT!" ,-50,-50);

	

	if (event.clientX > (leftSpace + tipWidth) )
	{
		mouseX = tipWidth + ( event.clientX - (leftSpace + tipWidth) )
	}
	else
	{
		mouseX = tipWidth - ( (leftSpace + tipWidth) - event.clientX )
	}

	//jg.setColor("#ffffff");
	jg.setColor( "#ffffe1" )
	var Xpoints = new Array( mouseX, (tipWidth-1), (tipWidth - tipThird), mouseX );
	var Ypoints = new Array( mouseY+20, 0, 0, mouseY+20 );
	jg.fillPolygon(Xpoints, Ypoints);

	jg.setStroke( 1 );
	//jg.setColor("#3f6eb6");
	jg.setColor("#333333");
	jg.drawLine(mouseX, mouseY+20, (tipWidth-1), 0 );
	jg.drawLine(mouseX, mouseY+20, (tipWidth - tipThird), 0 );
}


//jg.drawLine((getWindowWidth() - leftSpace), 0, (getWindowWidth() - leftSpace), 100);



/*
jg.setColor("#ffffff");
var Xpoints = new Array(tipThird,(event.clientX-80),(tooltip.offsetWidth-tipThird),tipThird);
var Ypoints = new Array(0,-30,0,0);
jg.fillPolygon(Xpoints, Ypoints);

jg.setColor("#000000");
jg.drawLine(tipThird,0, (event.clientX-80), -30 );
jg.drawLine((tooltip.offsetWidth-tipThird),0, (event.clientX-80), -30 );
*/
//jg.drawString( ("width = " + tooltip.offsetWidth) ,-50,-50);

//jg.drawString( ("height = " + tooltip.offsetHeight) ,-50,-50);
//jg.drawString( ("leftspace = " + leftSpace) ,-50,-50);

//jg.drawString( "background color = " + tooltip.style.backgroundColor, -50, -50);

jg.paint();

tooltip.style.height = tipHeight + 'px';

}

function hideFancyToolTip( divID )
{
	var tooltip = document.getElementById(divID);
	tooltip.style.display = 'none';
	
	if( jg )
	{
		jg.clear();
		jg = null;
	}
}