<!--


/***********************************************
* Image w/ description tooltip- By Dynamic Web Coding (www.dyn-web.com)
* Copyright 2002-2007 by Sharon Paine
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

/* IMPORTANT: Put script after tooltip div or 
	 put tooltip div just before </BODY>. */

var dom = (document.getElementById) ? true : false;
var ns5 = (!document.all && dom || window.opera) ? true: false;
var ie5 = ((navigator.userAgent.indexOf("MSIE")>-1) && dom) ? true : false;
var ie4 = (document.all && !dom) ? true : false;
var nodyn = (!ns5 && !ie4 && !ie5 && !dom) ? true : false;

var origWidth, origHeight;

// avoid error of passing event object in older browsers
if (nodyn) { event = "nope" }

///////////////////////  CUSTOMIZE HERE   ////////////////////
// settings for tooltip 
// Do you want tip to move when mouse moves over link?
var tipFollowMouse= true;	
// Be sure to set tipWidth wide enough for widest image
var tipWidth= 410;
var offX= 20;	// how far from mouse to show tip
var offY= 12; 
var tipFontFamily= "Verdana, arial, helvetica, sans-serif";
var tipFontSize= "8pt";
// set default text color and background color for tooltip here
// individual tooltips can have their own (set in messages arrays)
// but don't have to
var tipFontColor= "#000000";
var tipBgColor= "#DDECFF"; 
var tipBorderColor= "#000080";
var tipBorderWidth= 3;
var tipBorderStyle= "ridge";
var tipPadding= 4;

// tooltip content goes here (image, description, optional bgColor, optional textcolor)
var messages = new Array();
// multi-dimensional arrays containing: 
// image and text for tooltip
// optional: bgColor and color to be sent to tooltip
messages[0] = new Array('/ball.jpg','  <font size="4" color="red"><b>Did You Know?</font></b><br><br><b> 1839 - The folklore of Baseball begins in Cooperstown when Abner Doubleday sat down and created a set of rules for what he called the game of baseball. Balls and sticks/bats had been used since ancient Egyptian times in several types of games but there were few rules.<br> 1846 - This thing called Baseball played its first official game at Elysian Fields in Hoboken, NJ. Using rules created by Alexander Cartwright whom many consider to be the true inventor of the game. <br>1876 - The National League, as we know it, was formed.<br>1901 -The American League, as we know it, was formed.<br> May 1, 1920, the Boston Braves and the Brooklyn Dodgers played a 26 inning, 1-1 tie. This remains major league history’s longest game and longest “no decision” game. Of special note was that both pitchers went all the way.',"yellow");
messages[1] = new Array('/ball.jpg','  <font size="4" color="red"><b>Did You Know?</font></b><br><br><b>Cooperstown:	<br><br>Abner Doubleday is generally credited with creating the game called Baseball in 1839, but Alexander Cartwright in 1845, with his New York Knickerbocker Base Ball Club actually made many of the rules that are in use today such as the diamond shaped field, the balk, fouls lines, 3 strikes, must tag out or throw out runners, and more. <br><br>  The original 5 inductees to the Hall of Fame in 1939 were: Ty Cobb, Babe Ruth, Honus Wagner, Walter Johnson and Christy Mathewson. Additional voting was done prior to the opening and a total of 26 great players had their plaques installed in the inaugural year.',"yellow");
messages[2] = new Array('/logoball.jpg',' <font size="4"><b>Seattle Mariners - Kingdome & Safeco Field <br><br></font> Visited the Kingdome on our west coast trip.  The new Safeco Field has great sitelines. <br><br><font color="red" size="5">Click for team writeup & lodging closest to the park</font></b>',"yellow");
messages[3] = new Array('/logoball.jpg',' <font size="4"><b>Oakland Athletics - Oakland Alameda County Stadium <br><br></font> Picture  Reggie, Rollie, Catfish etc in their prime <br><br><font color="red" size="5">Click for team writeup & lodging closest to the park</font></b>',"yellow");
messages[4] = new Array('/logoball.jpg',' <font size="4"><b>San Francisco Giants - Candlestick Park & SBC Park <br><br></font> A very cool evening to start a most enjoyable & scenic baseball vacation. The new ballpark with the Bay behind is rather nice. <br><br><font color="red" size="5">Click for team writeup & lodging closest to the park</font></b>',"yellow");
messages[5] = new Array('/logoball.jpg',' <font size="4"><b>Los Angeles Dodgers - Dodger Stadium<br><br></font> Being there brought back many memories of greatness <br><br><font color="red" size="5">Click for team writeup & lodging closest to the park</font></b>',"yellow");
messages[6] = new Array('/logoball.jpg',' <font size="4"><b>California Angels - Anaheim Stadium<br><br></font> Disneyland atmosphere but who can complain </b>',"yellow");
messages[7] = new Array('/logoball.jpg',' <font size="4"><b>San Diego Padres - Jack Murphy Stadium & PETCO Park<br><br></font> Ah, the lure of Tijuanna  being so close caused a little side trip. The new stadium does have a Southern influence <br><br><font color="red" size="5">Click for team writeup & lodging closest to the park</font></b>',"yellow");
messages[8] = new Array('/logoball.jpg',' <font size="4"><b>Arizona Diamondbacks - Bank One Ballpark ( now Chase Park  )<br><br></font> All cities now visited at least once.  Can you believe it, they have won a world series.   <br><br><font color="red" size="5">Click for team writeup & lodging closest to the park</font></b>',"yellow");
messages[9] = new Array('/logoball.jpg',' <font size="4"><b>Colorado Rockies - Mile High Stadium & Coors Field <br><br></font> A one stadium trip, but the  trip thru Vegas, Grand Canyon, Mexico and seeing 2 of the first three games that Denver played  in the majors was worth it. The new Coors Field is made for baseball.  <br><br><font color="red" size="5">Click for team writeup & lodging closest to the park</font></b>',"yellow");
messages[10] = new Array('/logoball.jpg',' <font size="4"><b>Cleveland Indians - Cleveland Stadium & Jacobs Field. Stadium <br><br></font>The new  Jacobs Field compares very favourably against Cleveland Stadium <br><br><font color="red" size="5">Click for team writeup & lodging closest to the park</font></b>',"yellow");
messages[11] = new Array('/logoball.jpg',' <font size="4"><b>Pittsburgh Pirates - Three Rivers Stadium &  PNC Park.<br><br></font>  A great location for ball stadiums in an area surrounded by rivers. Exciting town and area.   <br><br><font color="red" size="5">Click for team writeup & lodging closest to the park</font></b>',"yellow");
messages[12] = new Array('/logoball.jpg',' <font size="4"><b>Baltimore Orioles - Memorial Stadium & Oriole Park at Camden  Yard<br><br></font> The original Memorial Stadium cannot compare to the new park. What a tranformation for the  downtown area <br><br><font color="red" size="5">Click for team writeup & lodging closest to the park</font></b>',"yellow");
messages[13] = new Array('/logoball.jpg',' <font size="4"><b>New York Mets - Shea Stadium <br><br></font> The planes going overhead seem to  sound louder than expected but with our current environment one should not complain <br><br><font color="red" size="5">Click for team writeup & lodging closest to the park</font></b>',"yellow");
messages[14] = new Array('/logoball.jpg',' <font size="4"><b>Philadelphia Phillies - Veterans Stadium ( new park is Citizens Bank Park )<br><br></font> Our closest rainout for all cities visited but now that new park is up and running we hope to make it back in better weather <br><br><font color="red" size="5">Click for team writeup & lodging closest to the park</font></b>',"yellow");
messages[15] = new Array('/logoball.jpg',' <font size="4"><b>Montreal Expos - Olympic Park <br><br></font> Exciting city,  the fans that did attend are very vocal and appreciative. Sorry to see it go. <br><br><font color="red" size="5">Click for team writeup & lodging closest to the park</font></b>',"yellow");
messages[16] = new Array('/logoball.jpg',' <font size="4"><b>Chicago White Sox - Comiskey Park & New Comiskey Park  <br><br></font> South Chicago and miles away from Wrigley. We were fortunate enough to see the footings of the new park on our first visit.</b> <br><br><font color="red" size="5">Click for team writeup & lodging closest to the park</font></b></font>',"yellow");
messages[17] = new Array('/logoball.jpg',' <font size="4"><b>Chicago Cubs - Wrigley Field <br><br></font> A favorite of everyone. The  ballpark and the surrounding area just have that feeling. BASEBALL, BASEBALL & MORE BASEBALL. <br><br><font color="red" size="5">Click for team writeup & lodging closest to the park</font></b>',"yellow");
messages[18] = new Array('/logoball.jpg',' <font size="4"><b>Milwaukee Brewers - Milwaukee County Stadium & Miller Park <br><br></font>If  you like tailgate parties, then this is the best place to go.  The food for a ball venue is out of this world. <br><br><font color="red" size="5">Click for team writeup & lodging closest to the park</font></b>',"yellow");
messages[19] = new Array('/logoball.jpg',' <font size="4"><b>Minnesota Twins - Metrodome  <br><br></font> The ballpark just does not seem to be made for baseball but the enthusiasm in the crowd is contagious.  <br><br><font color="red" size="5">Click for team writeup & lodging closest to the park</font></b>',"yellow");
messages[20] = new Array('/logoball.jpg',' <font size="4"><b>Kansas City Royals - Royals Stadium <br><br></font> In an area by itself with both a football and baseball stadium. The designs are awesome. <br><br><font color="red" size="5">Click for team writeup & lodging closest to the park</font></b>',"yellow");
messages[21] = new Array('/logoball.jpg',' <font size="4"><b>St. Louis Cardinals - Busch Stadium <br><br></font>  One of the older parks now,  but there is even a view of the Arch.  <br><br><font color="red" size="5">Click for team writeup & lodging closest to the park</font></b>',"yellow");
messages[22] = new Array('/logoball.jpg',' <font size="4"><b>Cincinnati Reds - Riverfront Stadium, Cinergy Field <br><br></font>Another cookie cutter, like  Busch Stadium in St. Louis, but they have rebuilt and Riverfront Stadium (Cinergy Field) had an opening in the outfield to allow one to see the new one. <br><br><font color="red" size="5">Click for team writeup & lodging closest to the park</font></b>',"yellow");
messages[23] = new Array('/logoball.jpg',' <font size="4"><b>Houston Astros - Astrodome & Enron Field <br><br></font> The original inside ball stadium. Quite an accomplishment for the time but it has been replaced and visited by your two friends. <br><br><font color="red" size="5">Click for team writeup & lodging closest to the park</font></b>',"yellow");
messages[24] = new Array('/logoball.jpg',' <font size="4"><b>Detroit Tigers - Tigers Stadium & Comerica Park <br><br></font>Amazingly both the new & old stadium are favorites. This truly is a sports town  <br><br><font color="red" size="5">Click for team writeup & lodging closest to the park</font></b>',"yellow");
messages[25] = new Array('/logoball.jpg',' <font size="4"><b>Atlanta Braves - Atlanta/Fulton County Stadium & Turner Field <br><br></font> The Olympics did help to create the new field but it has turned out great.  <br><br><font color="red" size="5">Click for team writeup & lodging closest to the park</font></b>',"yellow");
messages[26] = new Array('/logoball.jpg',' <font size="4"><b>Texas Rangers - Arlington Stadium & The Ballpark in Arlington <br><br></font> The TEXAS size BEER cups made this a place to remember and the new park has features of many other ball parks.  <br><br><font color="red" size="5">Click for team writeup & lodging closest to the park</font></b>',"yellow");
messages[27] = new Array('/logoball.jpg',' <font size="4"><b>Toronto Blue Jays - Exhibition Park & Rogers Center <br><br></font> Home base for Your Guides. Dome replacement was excellent for the northern climates. <br><br><font color="red" size="5">Click for team writeup & lodging closest to the park</font></b>',"yellow");
messages[28] = new Array('/logoball.jpg',' <font size="4"><b>New York Yankees - Yankee Stadium <br><br></font> Visited Yankee Stadium on our first baseball trip. A great weekend, great fans and a historic park. <br><br><font color="red" size="5">Click for team writeup & lodging closest to the park</font></b>',"yellow");
messages[29] = new Array('/logoball.jpg',' <font size="4"><b>Boston Red Sox - Fenway Park <br><br></font>Visited Fenway Park on our first baseball trip.  A great weekend, great fans and a historic park <br><br><font color="red" size="5">Click for team writeup & lodging closest to the park</font></b> ',"yellow");
messages[30] = new Array('/logoball.jpg',' <font size="4"><b>Miami Marlins - Joe Robbie Stadium<br><br></font> Dual usage with the Dolphins, but great weather during the northern winters <br><br><font color="red" size="5">Click for team writeup & lodging closest to the park</font></b>',"yellow");
messages[31] = new Array('/logoball.jpg',' <font size="4"><b>Tampa Devil Rays - Tropicana Dome <br><br></font> A new team in the south. Best Margaritas on our baseball travels. <br><br><font color="red" size="5">Click for team writeup & lodging closest to the park</font></b>',"yellow");
messages[32] = new Array('/logoball.jpg',' <font size="4"><b>San Juan - Puerto Rico <br><br></font> A temporary, 2 season, part-time home for the Montreal Expos. Would make a great trip if Puerto Rico could get a permanent team.</b>',"yellow");
messages[33] = new Array('/logoball.jpg',' <font size="4"><b>Washington Nationals<br><br></font>  Adieu Montreal Expos, welcome Washington Nationals. (Hope they brought along poutine from old Montreal.) <br><br><font color="red" size="5">Click for team writeup & lodging closest to the park</font></b>',"yellow");
messages[34] = new Array('/ball.jpg','  <font size="4" color="red"><b>Did You Know?</font></b><br><br><b>Baseball expansion:<br><br>1958 - The game moved to the west coast with the New York Dodgers moving to Los Angeles and the New York Giants moving to San Francisco.<br>1961 (AL) Washington Senators (now the Texas Rangers) and Los Angeles Angels (now the Anaheim Angels).<br>1962 (NL) Houston Colt .45’s (now the Astros) and the New York Metropolitans (now the Mets)<br>1969 (AL) Kansas City Royals and the Seattle Pilots (now Milwaukee Brewers)<br>1969 (NL) San Diego Padres and Montreal Expos<br>1977 (AL) Toronto Blue Jays and Seattle Mariners<br>1993 (NL) Colorado Rockies and Florida Marlins<br>1998 (AL) Tampa Bay Devil Rays<br>1998 (NL) Arizona Diamondbacks',"yellow");
messages[35] = new Array('http://www.two-friends-travels.com/nas.GIF','<font size="4" color="red"><center><b>Share our travels</b></font> <font size="3" color="black"><br><b>Look before you Go</font><br><font size="4" color="blue">Happy travels and stay safe!</b></font>',"yellow");
////////////////////  END OF CUSTOMIZATION AREA  ///////////////////

// preload images that are to appear in tooltip
// from arrays above
if (document.images) {
	var theImgs = new Array();
	for (var i=0; i<messages.length; i++) {
  	theImgs[i] = new Image();
		theImgs[i].src = messages[i][0];
  }
}

// to layout image and text, 2-row table, image centered in top cell
// these go in var tip in doTooltip function
// startStr goes before image, midStr goes between image and text
var startStr = '<table width="' + tipWidth + '"><tr><td align="center" width="100%"><img src="';
var midStr = '" border="0"></td></tr><tr><td valign="top">';
var endStr = '</td></tr></table>';

////////////////////////////////////////////////////////////
//  initTip	- initialization for tooltip.
//		Global variables for tooltip. 
//		Set styles
//		Set up mousemove capture if tipFollowMouse set true.
////////////////////////////////////////////////////////////
var tooltip, tipcss;
function initTip() {
	if (nodyn) return;
	tooltip = (ie4)? document.all['tipDiv']: (ie5||ns5)? document.getElementById('tipDiv'): null;
	tipcss = tooltip.style;
	if (ie4||ie5||ns5) {	// ns4 would lose all this on rewrites
		tipcss.width = tipWidth+"px";
		tipcss.fontFamily = tipFontFamily;
		tipcss.fontSize = tipFontSize;
		tipcss.color = tipFontColor;
		tipcss.backgroundColor = tipBgColor;
		tipcss.borderColor = tipBorderColor;
		tipcss.borderWidth = tipBorderWidth+"px";
		tipcss.padding = tipPadding+"px";
		tipcss.borderStyle = tipBorderStyle;
	}
	if (tooltip&&tipFollowMouse) {
		document.onmousemove = trackMouse;
	}
}

window.onload = initTip;

/////////////////////////////////////////////////
//  doTooltip function
//			Assembles content for tooltip and writes 
//			it to tipDiv
/////////////////////////////////////////////////
var t1,t2;	// for setTimeouts
var tipOn = false;	// check if over tooltip link
function doTooltip(evt,num) {
	if (!tooltip) return;
	if (t1) clearTimeout(t1);	if (t2) clearTimeout(t2);
	tipOn = true;
	// set colors if included in messages array
	if (messages[num][2])	var curBgColor = messages[num][2];
	else curBgColor = tipBgColor;
	if (messages[num][3])	var curFontColor = messages[num][3];
	else curFontColor = tipFontColor;
	if (ie4||ie5||ns5) {
		var tip = startStr + messages[num][0] + midStr + '<span style="font-family:' + tipFontFamily + '; font-size:' + tipFontSize + '; color:' + curFontColor + ';">' + messages[num][1] + '</span>' + endStr;
		tipcss.backgroundColor = curBgColor;
	 	tooltip.innerHTML = tip;
	}
	if (!tipFollowMouse) positionTip(evt);
	else t1=setTimeout("tipcss.visibility='visible'",100);
}

var mouseX, mouseY;
function trackMouse(evt) {
	standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body //create reference to common "body" across doctypes
	mouseX = (ns5)? evt.pageX: window.event.clientX + standardbody.scrollLeft;
	mouseY = (ns5)? evt.pageY: window.event.clientY + standardbody.scrollTop;
	if (tipOn) positionTip(evt);
}

/////////////////////////////////////////////////////////////
//  positionTip function
//		If tipFollowMouse set false, so trackMouse function
//		not being used, get position of mouseover event.
//		Calculations use mouseover event position, 
//		offset amounts and tooltip width to position
//		tooltip within window.
/////////////////////////////////////////////////////////////
function positionTip(evt) {
	if (!tipFollowMouse) {
		standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body
		mouseX = (ns5)? evt.pageX: window.event.clientX + standardbody.scrollLeft;
		mouseY = (ns5)? evt.pageY: window.event.clientY + standardbody.scrollTop;
	}
	// tooltip width and height
	var tpWd = (ie4||ie5)? tooltip.clientWidth: tooltip.offsetWidth;
	var tpHt = (ie4||ie5)? tooltip.clientHeight: tooltip.offsetHeight;
	// document area in view (subtract scrollbar width for ns)
	var winWd = (ns5)? window.innerWidth-20+window.pageXOffset: standardbody.clientWidth+standardbody.scrollLeft;
	var winHt = (ns5)? window.innerHeight-20+window.pageYOffset: standardbody.clientHeight+standardbody.scrollTop;
	// check mouse position against tip and window dimensions
	// and position the tooltip 
	if ((mouseX+offX+tpWd)>winWd) 
		tipcss.left = mouseX-(tpWd+offX)+"px";
	else tipcss.left = mouseX+offX+"px";
	if ((mouseY+offY+tpHt)>winHt) 
		tipcss.top = winHt-(tpHt+offY)+"px";
	else tipcss.top = mouseY+offY+"px";
	if (!tipFollowMouse) t1=setTimeout("tipcss.visibility='visible'",100);
}

function hideTip() {
	if (!tooltip) return;
	t2=setTimeout("tipcss.visibility='hidden'",100);
	tipOn = false;
}

//-->

