//creates the image and menu at the top
//creates the image and menu at the top

//builds all of the html below into a string and writes out that string.
//first part writes the string for Internet Explorer Browser - the second part writes for a Netscape Browser.
function toptable()

	{
if ((window.navigator.appName.indexOf("Microsoft")==0) & (window.navigator.appVersion.substring(0,1)>="4"))
{
	var top = "<table border='1' width='80%' align = 'center' >";
	top = top + "<tr >";
	top = top + "<td width = '50'  border='1'><img src = 'images/cpltc.jpg' width = '100' height = '75'>&nbsp;</td>";
    top = top + "<td width='80%' align='center' bgcolor = 'white'>";
    top = top + "<p class = 'title'><font size = +1 color = 'red'> CLONTARF PARISH TENNIS CLUB </p>";
    top = top + "<table border='1' width='600' bgcolor='white' align = 'center'>";
    top = top + "<tr>";
    
    top = top + "<td width='75' align='center' valign='top' bgcolor='blue' onclick='mclick(&quot;index.htm&quot;)' onmouseover='mover()' onmouseout='mout()' class='navtop'>home</td>";
    top = top + "<td width='75' align='center' valign='top' bgcolor='blue' onclick='mclick(&quot;location.htm&quot;)' onmouseover='mover()' onmouseout='mout()' class='navtop'>location</td>";
    top = top + "<td width='75' align='center' valign='top' bgcolor='blue' onclick='mclick(&quot;history.htm&quot;)' onmouseover='mover()' onmouseout='mout()' class='navtop'>history</td>";
    top = top + "<td width='75' align='center' valign='top' bgcolor='blue' onclick='mclick(&quot;availability.htm&quot;)' onmouseover='mover()' onmouseout='mout()' class='navtop'>availability</td>";
top = top +  "<td width='75' align='center' valign='top' bgcolor='blue' onclick='mclick(&quot;pictures.htm&quot;)' onmouseover='mover()' onmouseout='mout()' class='navtop'>photos</td>";
//top = top + "<td width='75' align='center' valign='top' bgcolor='blue' onclick='mclick(&quot;news.htm&quot;)' onmouseover='mover()' onmouseout='mout()' class='navtop'>news</td>";
    top = top + "<td width='75' align='center' valign='top' bgcolor='blue' onclick='mclick(&quot;contact.htm&quot;)' onmouseover='mover()' onmouseout='mout()' class='navtop'>contact</td>";
    top = top + "<td width='75' align='center' valign='top' bgcolor='white' onclick='mclick(&quot;news.htm&quot;)' onmouseover='mover()' onmouseout='mout()' class='navtop'>news</td>";
top = top + "<td width='75' align='center' valign='top' bgcolor='blue' onclick='mclick(&quot;membership.htm&quot;)' onmouseover='mover()' onmouseout='mout()' class='navtop'>membership</td>";

    top = top + "<td width='75' align='center' valign='top' bgcolor='blue' onclick='mclick(&quot;youths.htm&quot;)' onmouseover='mover()' onmouseout='mout()' class='navtop'>juniors</td>";
    top = top + "<td name = 'top' width='80' align='center' valign='top' bgcolor='blue' onclick='mclick(&quot;links.htm&quot;)' onmouseover='mover()' onmouseout='mout()' class='navtop'>links</td>"; 
    
    top = top + "</tr>";
    top = top + "</table>";
    top = top + "</td>";
    top = top + "<td width='80' border='1' ><img src = 'images/cpltc.jpg' width = '100' height = '75'>&nbsp;</td>";
    top = top + "</tr>";
    top = top + "</table>";
    }

else
{
var top =  "<table border='1' width='80%' align = 'center' >";
	
	
    top = top + "<tr>";
    //top = top + "<table border='1' width='80%' bgcolor='red' align = 'right'>";
    top = top + "<td width = '50'  border='1'><img src = 'images/cpltc.jpg' width = '100' height = '75'>&nbsp;</td>"; 
    top = top + "<td  width='75' align='center' valign='middle' bgcolor='white' ><a href = 'index.htm'>home</a></td>"; 
    top = top + "<td width='75' align='center' valign='middle' bgcolor='white'  ><a href = 'location.htm'>location</td></a>";
    top = top + "<td width='75' align='center' valign='middle' bgcolor='white'   ><a href = 'history.htm' >history</td></a>";
    top = top + "<td width='75' align='center' valign='middle' bgcolor='white'   ><a href = 'availability.htm' >availability</td></a>";
    top = top + "<td width='75' align='center' valign='middle' bgcolor='white'   ><a href = 'pictures.htm' >pictures</td></a>";
    top = top + "<td width='75' align='center' valign='middle' bgcolor='white'   ><a href = 'news.htm' >news</td></a>";
    top = top + "<td width='75' align='center' valign='middle' bgcolor='white'   ><a href = 'contact.htm' >contact</td></a>";
    top = top + "<td width='75' align='center' valign='middle' bgcolor='white'   ><a href = 'youths.htm' >juniors</td></a>";
    top = top + "<td width='75' align='center' valign='middle' bgcolor='white'   ><a href = 'links.htm' >links</td></a>";
    top = top + "<td width = '50'  border='1'><img src = 'images/cpltc.jpg' width = '75' height = '75'>&nbsp;</td>";
    top = top + "</tr>";
    top = top + "</table>";
    top = top + "</td>";
    top = top + "</tr>";
    top = top + "</table><br><br>";
    top = top + "<STYLE>";
	top = top + "A {text-decoration: none; color: blue}";
	top = top + "A:hover { color: red; font-size: 8pt; font-weight: normal;text-decoration: none; }"; 
	top = top + "</STYLE>";
    }

	
	document.write(top);
	
	}

//this function sends the browser back 1 page
	
function goback()
	{
	history.go(-1)
	}
//This creates the table with the motto
function motto()
	{
	var logo = "<table border='1' width='762' bgcolor= 'white' align = 'center'>";
logo = logo + "<tr><td align='center'><font color = 'mediumslateblue'><b>";
logo = logo + "INSTRUMENTATION SOLUTIONS FOR THE REAL WORLD";
logo = logo + "</font></b></td></tr></table>";
document.write(logo);
	}
	
//This creates the bottom table with the contact details
function bottombar()
{
if ((window.navigator.appName.indexOf("Microsoft")==0) & (window.navigator.appVersion.substring(0,1)>="4"))
		{
  var btm = "<table border='1' width='762' bgcolor='lightskyblue' align = 'center'>";
	btm = btm + "<tr border='0'>";
    btm = btm + "<td width='33%' border='0'>&nbsp;</td>";
    btm = btm + "<td width='33%' border='0'>US</td>";
    btm = btm + "<td width='34%' border='0'>Europe</td>";
    btm = btm + "</tr><tr border='0'>";
    btm = btm + "<td width='33%' border='0'>telephone</td>";
    btm = btm + "<td width='33%' border='0'>(301) 373-9220</td>";
    btm = btm + "<td width='34%' border='0'>00 353 1 295 1264</td>";
    btm = btm + "</tr><tr border='1'>";
    btm = btm + "<td width='33%' border='0'>fax</td>";
    btm = btm + "<td width='33%' border='0'>(301) 373-9223</td>";
    btm = btm + "<td width='34%' border='0'>00 353 1 295 1265</td>";
	btm = btm + "</tr><tr>";
    btm = btm + "<td width='33%' border='0'>e-mail</td>";
    btm = btm + "<td width='33%' border='0'><a href='mailto:info @acracontrol.com'>info@acracontrol.com</a></td>";
    btm = btm + "<td width='34%' border='0'><a href='mailto:mail@acracontrol.com'>mail@acracontrol.com</a></td>";
    btm = btm + "</tr></table>";
		  }
	else
	{
	  var btm = "<table border='0' width='762' bgcolor='lightskyblue' align = 'center'>";
	btm = btm + "<tr border='0'>";
    btm = btm + "<td  border='0'>&nbsp;</td>";
    btm = btm + "<td  border='0'>US</td>";
    btm = btm + "<td  border='0'>Europe</td>";
    btm = btm + "</tr><tr border='0'>";
    btm = btm + "<td  border='0'>telephone</td>";
    btm = btm + "<td  border='0'>(301) 373-9220</td>";
    btm = btm + "<td  border='0'>00 353 1 295 1264</td>";
    btm = btm + "</tr><tr border='1'>";
    btm = btm + "<td ' border='0'>fax</td>";
    btm = btm + "<td  border='0'>(301) 373-9223</td>";
    btm = btm + "<td  border='0'>00 353 1 295 1265</td>";
	btm = btm + "</tr><tr>";
    btm = btm + "<td  border='0'>e-mail</td>";
    btm = btm + "<td  border='0'><a href='mailto:info@acracontrol.com'>info@acracontrol.com</a></td>";
    btm = btm + "<td  border='0'><a href='mailto:mail@acracontrol.com'>mail@acracontrol.com</a></td>";
    btm = btm + "</tr></table>";
	}
	document.write(btm);
	}

//this function codes for mosueover events 
function mover(){

	window.event.srcElement.style.backgroundColor = "red";
	window.event.srcElement.style.color = "blue";
	window.event.srcElement.style.cursor = "hand";	



	}

//this function codes for mosueout events
function mout(){
	window.event.srcElement.style.backgroundColor = "blue";
	window.event.srcElement.style.color =  "red";
	window.event.srcElement.style.cursor = "default";


	}

//this function checks if todays date (a) is less than Jan 11 and if so writes out the stringof html - inthis case a marquee 
function lame()
	{
	var a = new Date();

	var b = new Date("September 30, 2007" );
	if (b>a)
		{
		var str = "<marquee>Juniors coaching courses will soon be available, please check the <a href = 'youths.htm'>Juniors</a> section of the website for updates.</marquee>";
		document.write (str);
		}
	}
	
function moutint(){
	window.event.srcElement.style.backgroundColor = "white";
	window.event.srcElement.style.color =  "navy";
	window.event.srcElement.style.cursor = "default";


	}
function moverint(){
	window.event.srcElement.style.backgroundColor = "navy";
	window.event.srcElement.style.color =  "white";
	window.event.srcElement.style.cursor = "hand";


	}

function mclick(dest)
	{
window.location.href = dest;	
		 
	 }
function mclick1(dest)
	{
window.open(dest,'Window1','menubar=no,width=460,height=650,toolbar=no,scrollbars=yes,resizable=yes')	
		 
	 }
function style()
	{
	if (window.navigator.appName.indexOf("Netscape")==0)
{
document.write("<STYLE>");
document.write("A {text-decoration: none; color: blue}");
document.write("A:hover { color: red; font-size: 8pt; font-weight: normal;text-decoration: none; }"); 
document.write("</STYLE>");
}
}