var agt=navigator.userAgent.toLowerCase();
var major = parseInt(navigator.appVersion);
var isNav  = ((agt.indexOf('mozilla')!=-1) && ((agt.indexOf('spoofer')==-1) && (agt.indexOf('compatible') == -1)));
var isIe   = (agt.indexOf("msie") != -1);
var isNav6 = isNav && (agt.indexOf('netscape 6') != -1 || agt.indexOf('gecko') != -1)

var itemUrls = new Array;
var prefixes = new Array;
var currentItem = 0;
var currentMarker = 0;
var loaded = false;

var imgoff = "../images/stitchgrey.gif";
var imgon = "../images/stitchyellow.gif"

function addMenuItem(title, url)
{
	currentItem++;
	
	document.writeln('<tr>'); 
  document.writeln('<td rowspan="2"><img src="../images/dotclear.gif" width="6" height="1" border=0 alt=""></td>');
  document.writeln('<td align="right" valign="bottom" class="menu"><a href="' + url + '" class="menu" ID="link' + currentItem + '">' + title + '</a></td>');
 	document.writeln('<td rowspan="2"><img src="../images/dotclear.gif" width="4" height="1" border=0 alt=""></td>');
  document.writeln('<td><a href="' + url + '"><img src="../images/menu' + (currentItem-1) + '.gif" width="13" height="24" border=0 alt=""></a></td>');
  document.writeln('</tr>');
  document.writeln('<tr>');
  document.writeln('<td><img src="' + imgoff + '" name="marker' + currentItem + '" width="126" height="2" border=0 alt=""></td>');
  document.writeln('<td><img src="../images/dotclear.gif" width="1" height="1" border=0 alt=""></td>');
  document.writeln('</tr>');
	document.writeln('<tr>');
  document.writeln('<td colspan="4"><img src="../images/dotclear.gif" width="1" height="5" border=0 alt=""></td>');
  document.writeln('</tr>');
}

function changeActive(marker)
{
	if ((isIe && major >= 4) || (isNav && major >= 3))
	{
  	if (currentMarker != 0)
 		{
    	document.images["marker" + currentMarker].src = imgoff;
     	if (isIe && major >= 4)
      	document.all["link" + currentMarker].style.color = "#59777D";
			if (isNav6)
				document.getElementById("link" + currentMarker).style.color = "#59777D";
  	}
   	if (marker != 0)
   	{
    	document.images["marker" + marker].src = imgon;
    	if (isIe && major >= 4)
      	document.all["link" + marker].style.color = "#AF8D47";
			if (isNav6)
				document.getElementById("link" + marker).style.color = "#AF8D47";	
		}
	}
	currentMarker = marker;
}

function findCurrent()
{
	if (loaded == true && ((isIe && major >= 4) || (isNav && major >= 3)))	
	{
		currentUrl = self.location.pathname;
  	if (currentUrl.substring(2, 3) == ':' || currentUrl.substring(2, 3) == '|')
    	currentUrl = currentUrl.substring(3);
  	pos = currentUrl.lastIndexOf('/');
  	if (pos == -1)
    	pos = currentUrl.lastIndexOf('\\');
  	currentUrl = currentUrl.substring(0,pos);
		
		pos = currentUrl.lastIndexOf('/');
  	if (pos == -1)
    	pos = currentUrl.lastIndexOf('\\');
  	currentUrl = currentUrl.substring(pos+1);

		setCurrent(currentUrl);
	}
}

var dirNames = new Array();
dirNames[0] = "memberservices";
dirNames[1] = "activities";
dirNames[2] = "yearlydiary";
dirNames[3] = "membership";
dirNames[4] = "links";
dirNames[5] = "aboutus";
dirNames[6] = "whatson";


function setCurrent(url)
{
	if ((isIe && major >= 4) || (isNav && major >= 3))
	{
		
  	for (i = 0; i < dirNames.length; i++)
		{
			if (url == dirNames[i])
      	{
        	changeActive(i+1);
        	break;
       	}
     	if (i == dirNames.length)
      	changeActive(0);
		}		
	}
}

function popUp(url, winWidth, winHeight)
// this function pops up a very simple window of appropriate width and height
// usage: <a href="javascript:popUp('file.html',330,500);">view this here</a>
{
	window.open(url, "pic_window", "resizable,width="+ winWidth + ",height="+ winHeight + "toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars,top=100,left=100");
}