<!-- 

var isIE = (navigator.appVersion.indexOf("MSIE") != -1) ? true : false;		
var isMac = (navigator.appVersion.indexOf("Macintosh") != -1) ? true : false;

//if (!isMac || (!isIE))
//{
   
// convert all characters to lowercase to simplify testing 
    var agt=navigator.userAgent.toLowerCase(); 

    // *** BROWSER VERSION *** 
    // Note: On IE5, these return 4, so use is_ie5up to detect IE5. 
    var is_major = parseInt(navigator.appVersion); 
    var is_minor = parseFloat(navigator.appVersion); 

    // Note: Opera and WebTV spoof Navigator.  We do strict client detection. 
    // If you want to allow spoofing, take out the tests for opera and webtv. 
    var is_nav  = ((agt.indexOf('mozilla')!=-1) && (agt.indexOf('spoofer')==-1) 
                && (agt.indexOf('compatible') == -1) && (agt.indexOf('opera')==-1) 
                && (agt.indexOf('webtv')==-1)); 
    var is_nav2 = (is_nav && (is_major == 2)); 
    var is_nav3 = (is_nav && (is_major == 3)); 
    var is_nav4 = (is_nav && (is_major == 4)); 
    var is_nav4up = (is_nav && (is_major >= 4)); 
    var is_navonly      = (is_nav && ((agt.indexOf(";nav") != -1) || 
                          (agt.indexOf("; nav") != -1)) ); 
    var is_nav5 = (is_nav && (is_major == 5)); 
    var is_nav5up = (is_nav && (is_major >= 5)); 

    var is_ie   = (agt.indexOf("msie") != -1); 
    var is_ie3  = (is_ie && (is_major < 4)); 
    var is_ie4  = (is_ie && (is_major == 4) && (agt.indexOf("msie 5.0")==-1) ); 
    var is_ie4up  = (is_ie  && (is_major >= 4)); 
    var is_ie5  = (is_ie && (is_major == 4) && (agt.indexOf("msie 5.0")!=-1) ); 
    var is_ie5up  = (is_ie  && !is_ie3 && !is_ie4); 

    // KNOWN BUG: On AOL4, returns false if IE3 is embedded browser 
    // or if this is the first browser window opened.  Thus the 
    // variables is_aol, is_aol3, and is_aol4 aren't 100% reliable. 
    var is_aol   = (agt.indexOf("aol") != -1); 
    var is_aol3  = (is_aol && is_ie3); 
    var is_aol4  = (is_aol && is_ie4); 

    var is_opera = (agt.indexOf("opera") != -1); 
    var is_webtv = (agt.indexOf("webtv") != -1);

	var bg_color = "#90d0f0";		//background color for tables
	var chng_color = "#90d0f0";		//colour the cell changes to

	var wasak = new Array();
	for (j=0;j<9;j++){			//remember to change the number to how many menus there are (eg 5 menus = j=0;j<5j++)
		wasak[j] = new Array()}

//menu 1 News

wasak[0][0]="Headlines&nbsp;+/news/index.htm"
wasak[0][1]="UK&nbsp;+/news/uknews/index.htm"
wasak[0][2]="International&nbsp;+/news/international/index.htm"
wasak[0][3]="Features&nbsp;+/news/features/index.htm"
wasak[0][4]="Grassroots news&nbsp;+/news/grassroots/index.htm"
wasak[0][5]="Religious&nbsp;+/news/religious/index.htm"
wasak[0][6]="Christian Aid&nbsp;+/frameit.html?http://www.christian-aid.org/news/index.htm"
wasak[0][7]="Sport&nbsp;+/news/sport/index.htm"
wasak[0][8]="Weather&nbsp;+/news/weather/index.htm"
wasak[0][9]="Archive&nbsp;+/news/archive/index.htm"

//menu 2 Ethical Living

wasak[1][0]="Health & beauty&nbsp;+/ethical_living/health/index.htm"
wasak[1][1]="Home & Garden&nbsp;+/ethical_living/home_garden/index.htm"
wasak[1][2]="Money&nbsp;+/ethical_living/money/index.htm"
wasak[1][3]="Public Services&nbsp;+/ethical_living/public_services/index.htm"
wasak[1][4]="Shopping&nbsp;+/ethical_living/shopping/index.htm"
wasak[1][5]="Technology&nbsp;+/ethical_living/technology/index.htm"
wasak[1][6]="Travel&nbsp;+/ethical_living/travel/index.htm"
wasak[1][7]="Utilities&nbsp;+/ethical_living/utilities/index.htm"
wasak[1][8]="Archive&nbsp;+/ethical_living/archive/index.htm"

//menu 3 Campaigns

wasak[2][0]="Climate Change&nbsp;+/campaigns/climate/index.htm"
wasak[2][1]="Debt&nbsp;+/campaigns/debt/index.htm"
wasak[2][2]="HIV & AIDS&nbsp;+/campaigns/hiv/index.htm"
wasak[2][3]="Middle East&nbsp;+/campaigns/middle_east/index.htm"
wasak[2][4]="Trade&nbsp;+/campaigns/trade/index.htm"
wasak[2][5]="Archive&nbsp;+/campaigns/archive/index.htm"

//menu 4 Faith


wasak[3][0]="Church resources&nbsp;+/faith/church_resources/index.htm"
wasak[3][1]="Daily readings&nbsp;+/faith/daily_readings/index.htm"
wasak[3][2]="Features&nbsp;+/faith/features/index.htm"
wasak[3][3]="Group Study&nbsp;+/faith/group/index.htm"
wasak[3][4]="Prayer & reflection&nbsp;+/faith/prayer/index.htm"
wasak[3][5]="Youth Leaders&nbsp;+/faith/youth/index.htm"
wasak[3][6]="Mystery Worshipper&nbsp;+http://www.shipoffools.com/Mystery/index.html"
wasak[3][7]="Archive&nbsp;+/faith/archive/index.htm"


//menu 5 Culture


wasak[4][0]="Arts&nbsp;+/culture/arts/index.htm"
wasak[4][1]="Books&nbsp;+/culture/books/index.htm"
wasak[4][2]="Cartoons&nbsp;+/culture/cartoons/index.htm"
wasak[4][3]="DVDs&nbsp;+/culture/dvd/index.htm"
wasak[4][4]="Films&nbsp;+/culture/films/index.htm"
wasak[4][5]="Games&nbsp;+/culture/games/index.htm"
wasak[4][6]="Music&nbsp;+/culture/music/index.htm"
wasak[4][7]="Archive&nbsp;+/culture/archive/index.htm"

//menu 6 Kids


wasak[5][0]="Features&nbsp;+/kids/features/index.htm"
wasak[5][1]="Games&nbsp;+/kids/games/index.htm"
wasak[5][2]="Gossip&nbsp;+/kids/gossip/index.htm"
wasak[5][3]="News&nbsp;+/kids/news/index.htm"
wasak[5][4]="Planet Teacher&nbsp;+/kids/planet_teacher/index.htm"
wasak[5][5]="Real life&nbsp;+/kids/real_life/index.htm"
wasak[5][6]="Talk&nbsp;+/kids/games/index.htm"


//menu 7 Community


wasak[6][0]="Competitions&nbsp;+/community/competitions/index.htm"
wasak[6][1]="Connections&nbsp;+/community/connections/index.htm"
wasak[6][2]="Discussion forums&nbsp;+/community/forum/index.htm"
wasak[6][3]="eBay for Charity&nbsp;+http://pages.ebay.co.uk/community/charity/index.html"
wasak[6][4]="Local events&nbsp;+/community/forum/index.htm"
wasak[6][5]="Archive&nbsp;+/community/archive/index.htm"

//menu 8 about surefish


wasak[7][0]="Internet access&nbsp;+/about_surefish/access/index.htm"
wasak[7][1]="Safer surfing&nbsp;+/about_surefish/surfing/index.htm"
wasak[7][2]="Contact us&nbsp;+/about_surefish/contact/index.htm"
wasak[7][3]="surefish Promise&nbsp;+/about_surefish/promise/index.htm"
wasak[7][4]="Christian Aid&nbsp;+/about_surefish/funding/index.htm"
wasak[7][5]="Your privacy&nbsp;+/about_surefish/privacy/index.htm"
wasak[7][6]="Terms of use&nbsp;+/about_surefish/terms/index.htm"
wasak[7][7]="AUP&nbsp;+/about_surefish/aup.htm"


//menu 9 Help

wasak[8][0]="Glossary&nbsp;+/help/glossary/index.htm"
wasak[8][1]="Site map&nbsp;+/help/map/index.htm"
wasak[8][2]="Technical support&nbsp;+/help/support/index.htm"
//}

function makeLayer(){

	//this function makes layers for Netscape
	
	arg=makeLayer.arguments;
	whatDiv = arg[0]
	DivLeft=arg[1]
	x=arg[2]
	
	layerstyle="drop"
	
	theDiv="<layer id=\"" +whatDiv+ "\" visibility=HIDE left=" +DivLeft+ " top=130 bgcolor=" +bg_color+ " width=150 onmouseover=\"showMenu('','document.layers[\\'"+ whatDiv +"\\']')\" onMouseout=\"hideMenu('','document.layers[\\'"+ whatDiv +"\\']')\"><layer id=topline bgcolor=\"#90d0f0	\"></LAYER>";
	
	theTop = 3
	
	for (var i=0; i < wasak[x].length; i++)
	{
		getPlus = wasak[x][i].indexOf("+");
		urlName = wasak[x][i].substring(0, getPlus);
		urlAdrs = wasak[x][i].substring(getPlus +1, wasak[x][i].length)
		theDiv +="<layer id=" +i+whatDiv+ "bgcolor=" +bg_color+ " top=\"" +theTop+ "\" onMouseover=\"this.bgColor='#ffffff'\" onMouseout=\"this.bgColor='#90d0f0'\" width=150 height=15><a class='drop' href="+urlAdrs+ ">&nbsp;" +urlName+ "</a></layer>";
		theTop = theTop+15
		theDiv +="<layer id=underline bgcolor=\"#90d0f0\" top=\"" +theTop+ "\"></LAYER>";
		theTop = theTop+3
	}
	theDiv += "<layer id=theend></layer></layer>"
	
	
	document.write(theDiv);
}

//document.getElementById('" +whatDiv+ "'))

function makeDiv(){

	//this function makes Divs for IE
	
	arg=makeDiv.arguments;
	x=arg[2]
	whatDiv=arg[0]
	DivLeft=arg[1]
	
	maxWidth=130;
	
	theDiv="<div id=\"" +whatDiv+ "\" style=\" visibility:hidden; position:absolute; top:130px; left:" +DivLeft+ "px; width:" + maxWidth + "px; background-color:" +bg_color+ "\" onMouseover=\"showMenu('" +whatDiv+ "','',document.getElementById('" +whatDiv+ "'))\"; onMouseout=\"hideMenu('" +whatDiv+ "','',document.getElementById('" +whatDiv+ "'))\";><div id=topline bgcolor=" +bg_color+ "></div>";
	
	theTop=3
	
	for (var i=0; i < wasak[x].length; i++)
	{
		getPlus = wasak[x][i].indexOf("+");
		urlName = wasak[x][i].substring(0, getPlus);
		urlAdrs = wasak[x][i].substring(getPlus +1, wasak[x][i].length)
		
		theDiv +="<div id=" +i+whatDiv+ "bgcolor=" +bg_color+ " top=\"" +theTop+ "\" onMouseover=\"this.style.backgroundColor='" +chng_color+ "';\" onMouseout=\"this.style.backgroundColor='" +bg_color+ "';\" width=150 height=21><a class='drop' href=" +urlAdrs+ ">&nbsp;" +urlName+ "</a></div>";
		theTop = theTop+22
		theDiv +="<div id=underline bgcolor=" +bg_color+ " top=\"" +theTop+ "\"></div>";
		theTop = theTop+3
	}
	theDiv += "<div id=theend bgcolor=" +bg_color+ " top=" +theTop+ " height=5></div></div>"
	
	
	document.write(theDiv);
}


function showMenu(){

//makes the divs or layers appear when you do onmouseover on the buttons or on the div itself

	if(is_ie4up)
	{
		arg=showMenu.arguments;
		DivId=eval(arg[0]);
		if(DivId.style.visibility=='hidden')
		{
			DivId.style.visibility = 'visible';
		}
	}
	else if(is_nav5 || is_opera)
		{
			arg=showMenu.arguments;
			DivId=eval(arg[2]);
			if(DivId.style.visibility=='hidden')
			{
				DivId.style.visibility = 'visible';
			}
		}
		else
		{
			args = showMenu.arguments;
			DivID = eval(args[1]);
			if (DivID) if(DivID.visibility=='hide')
			{
				DivID.visibility = 'show';
			}
		}
}

function hideMenu(){

	//does the opposite of showMenu
	
	if(is_ie4up)
	{
		arg=hideMenu.arguments;
		DivId=eval(arg[0]);
		if(DivId.style.visibility=='visible'){DivId.style.visibility = 'hidden'}
	}
	else if(is_nav5)
		{
			arg=hideMenu.arguments;
			DivId=eval(arg[2]);
			if(DivId.style.visibility=='visible'){DivId.style.visibility = 'hidden';}
		}
		else
		{
			args = hideMenu.arguments;
			DivID = eval(args[1]);
			if (DivID) if(DivID.visibility=='show'){DivID.visibility = 'hide';}
		}
}

// -->