//
// source file: returnlinks2.js
// This file will print three return links at the bottom of each page that
// To use this code, use the <script> tags at the end/bottom of each file.
// NOTE: if you make this a function call, it must be associated with an
//       event handler to work properly.
//
var returnpoint;
var standard = ' class="pleft" HEIGHT="30" valign="middle" ';

var hText = " &nbsp; Return to the Home page.<BR>";
var cText = " &nbsp; Find out where Woof &amp; Hoof will be. &nbsp; Includes training center dates. ";
var gText = " &nbsp; Visit often as we plan to add photos frequently. ";
var sText = " &nbsp; Information on how you can book an informative seminar for your group. ";

var idName  = "ltx";
var homeLen = "180px";
var calLen  = "460px";
var galLen  = "470px";
var semLen  = "472px";

var onHome     = ' onmouseover="homeText( idName, hText, homeLen )" ';
var onCalendar = ' onmouseover="homeText( idName, cText, calLen )" ';
var onGallery  = ' onmouseover="homeText( idName, gText, galLen )" ';
var onSeminar  = ' onmouseover="homeText( idName, sText, semLen )" ';
var onOut      = ' onmouseout="removeText( idName )" ';
//
// do not specify the width of the table.  It will spread out the link text
// too much.
//
document.write('<TABLE BORDER="0" BGCOLOR="#CCFFFF" CELLSPACING="2" CELLPADDING="2"style="font-size: 12px;"><TR BGCOLOR="#009999">');

switch( blinks )
{
   case "csg" :
	calendar();		// 240 wide
	seminar();		// 240 wide
	gallery();		// 200 wide
	break;

   case "hsg" :
	home();		// 170 wide
	seminar();		// 240 wide
	gallery();		// 200 wide
	break;

   case "hcg" :
	home();
	calendar();
	gallery();
	break;

   case "hcs" :
	home();
	calendar();
	gallery();
	break;

   case "hcsg" :
	home();
	calendar();
	gallery();
	seminar();
	break;

} // end switch statement 

document.write('</TR></TABLE><br>');

//
// Cell HOME
//
function home()
{
document.write('<TD width="100" ' + standard + onHome + onOut + '>');
document.write('<A HREF="index.htm#' + returnpoint + '"><SPAN class="spanlink">HOME</SPAN></A><BR>');
document.write('</TD>');
}

//
// Cell CALENDAR
//
function calendar()
{
document.write('<TD width="170" ' + standard + onCalendar + onOut + '>');
document.write('<A HREF="eventcalendar2.htm"><SPAN class="spanlink">CALENDAR OF EVENTS </span></A><BR>');
document.write('</TD>');
}

//
// Cell GALLERY
//
function gallery()
{
document.write('<TD width="250" ' + standard + onGallery + onOut + '>');
document.write('<A HREF="WHgallery.htm"><SPAN class="spanlink">GALLERY OF FRIENDS AND FAMILY</SPAN></A><BR>');
document.write('</TD>');
}

//
// Cell 4 SEMINAR
//
function seminar()
{
document.write('<TD width="160" ' + standard + onSeminar + onOut + '>');
document.write('<A HREF="seminars.html"><SPAN class="spanlink">MASSAGE SEMINARS</SPAN></A><BR>');
document.write('</TD>');
}

function homeText( idName, itemName, textLen )
{
// This function will place the text, defined in the input parameter, at the
// coordinated defined in the HTML with the ID name of 'idName'.  The class
// property defines the font, text size, color, etc.
// Changing the "innerText" property works with IE, but not FireFox.
// Changing the "innerHTML" works OK with both browsers.
//
var newName = itemName
var docum =  document.getElementById( idName );
var docums =  document.getElementById( idName ).style;

if ( docum.innerHTML )
{
//	alert( "inner HTML is true:  " + navigator.appName );
}
if ( docum.innerText )
{
//	alert( "inner text is true" );
}

   docum.innerHTML = newName;
   docums.borderColor= "black";
   docums.borderWidth = "1px";
   docums.borderStyle = "solid";

docums.width = textLen;

   return false;
}

function removeText( idName )
{
// This function will remove the text on the screen that was placed there
// by the placeText() function.
   document.getElementById( idName ).innerHTML = "";

var docums =  document.getElementById( idName ).style;
   docums.borderColor= "";
   docums.borderWidth = "0px";

   return false;
}