//declarations and preliminary assignments
var linkS=""          //string to write links HTML
var menuS="";          //string to write menu HTML
var menuUp=false;  //Are any menus visible?
var mname="";       //name of menu that is currently open
var mx=0;           //number of menu that is currently open
var v=1;

//Arrays of menu components
var infoChoices = new Array("safeguarding","contact","general","governors","ofsted","mission","prospectus","policies","staff");
var newsChoices = new Array("diary","hols","newsletter","recent");
var lifeChoices = new Array("classes","meet","pa","tour");
var kidsChoices = new Array("games","links");
var parentsChoices = new Array("howToHelp");
var preStr="";
function makeMenu(vIn)
  {

   // get location of calling page and set depth parameter for relative addresses
 //depending on whether on internet or local server
      var locStr=document.location.toString();
      var pattern=/www/;
      var tempStr="";
      var remote=locStr.search(pattern);
      var count=0;
			var k =0;
			var depth;
			for (k=0;k<locStr.length;k++)
				{
				tempStr+=	locStr.charAt(k)
				if (locStr.charAt(k)=='/')
          {
            count++;
          }
				}

      if (remote == -1)
        {
          depth=count-4;
        }
      else
        {
          depth=count-3;
        }
//alert(depth);


    while (depth > 0)
      {
        preStr+="../";
        depth--;
      }
    //alert(preStr);

 /////////////////////////////////////////////////////////////





		//set menu expand direction
		v=vIn;
	  //Build HTML string for menu
		linkS += "<div class=\"menuH\" id=\"home\" onmouseover=\"over('home')\" onmouseout=\"off('home')\"><span onclick=\"window.location='"+preStr+"default.htm'\">Home</span></div>";

    linkS += "<div id = \"menu11\">";
		linkS += "<div class=\"menu1\" id = \"info\" onmouseover=\"over('info')\" onmouseout=\"off('info')\" onclick=\"toggle('info',1)\">Information</div>";
    linkS += "</div>";

		linkS += "<div id = \"menu22\">";
	  linkS += "<div class=\"menu2\" id = \"news\" onmouseover=\"over('news')\" onmouseout=\"off('news')\" onclick=\"toggle('news',2)\">News</div>";
    linkS += "</div>";

		linkS += "<div id = \"menu33\">";
	  linkS += "<div class=\"menu3\" id = \"life\" onmouseover=\"over('life')\" onmouseout=\"off('life')\" onclick=\"toggle('life',3)\">School Life</div>";
    linkS += "</div>";

		linkS += "<div id = \"menu44\">";
	  linkS += "<div class=\"menu4\" id = \"kidszone\" onmouseover=\"over('kidszone')\" onmouseout=\"off('kidszone')\" onclick=\"toggle('kidszone',4)\">Kids' Zone</div>";
		linkS += "</div>";

		linkS += "<div id = \"menu55\">";
	  linkS += "<div class=\"menu5\" id = \"parents\" onmouseover=\"over('parents')\" onmouseout=\"off('parents')\" onclick=\"toggle('parents',5)\">Parents' Zone</div>";
		linkS += "</div>";

		//Write string to page
		document.getElementById("link").innerHTML = linkS;
		//window800x600();
	}

//Change menu direction of expansion - up or down - depending on position
function menuDirection(x)
	{
		var t=0;
    switch (x)
		  {
				case 1 : for (var i=0;i<infoChoices.length;i++)
										{
											t=(i+1)*(-25)*v;
											document.getElementById(infoChoices[i]).style.top=t+"px";
										}
									break;
				case 2 : for (var i=0;i<newsChoices.length;i++)
										{
											t=(i+1)*(-25)*v;
											document.getElementById(newsChoices[i]).style.top=t+"px";
										}
									break;
				case 3 : for (var i=0;i<lifeChoices.length;i++)
										{
											t=(i+1)*(-25)*v;
											document.getElementById(lifeChoices[i]).style.top=t+"px";
										}
									break;
				case 4 : for (var i=0;i<kidsChoices.length;i++)
										{
											t=(i+1)*(-25)*v;
											document.getElementById(kidsChoices[i]).style.top=t+"px";
										}
									break;
				case 5 : for (var i=0;i<parentsChoices.length;i++)
										{
											t=(i+1)*(-25)*v;
											document.getElementById(parentsChoices[i]).style.top=t+"px";
										}
									break;

			}
	}

//mouse over highlighting
function over(name)
  {

    window.document.getElementById(name).style.color="#ff0000";
    window.document.getElementById(name).style.cursor="pointer";
  }

function off(name)
  {

    window.document.getElementById(name).style.color="#800080";
    window.document.getElementById(name).style.cursor="default";
	}

//menu control
function toggle(name,x)
  {
	  if (!menuUp)
		  {
				mname=name;
				mx=x;
		    showMenu(x);
			}
		else
		  {
		    hideMenu(mx);
				if (mname!=name)
				  {
				    mname=name;
				    mx=x;
		        showMenu(x);
					}
		  }
	}

//select menu and make visible
function showMenu(x)
  {
	  menuS = document.getElementById("menu"+x+x).innerHTML;
    switch (x)
		  {
		    case 1 :  menuS = "<div class=\"menu1\" id = \"info\" onmouseover=\"over('info')\" onmouseout=\"off('info')\" onclick=\"toggle('info',1)\">Information</div>";
 									menuS += "<div class=\"menuA\" id = \"safeguarding\" onmouseover=\"over('safeguarding')\" onmouseout=\"off('safeguarding')\" onclick=\"window.location='"+preStr+"safeguarding.html'\">Child Safeguarding</div>";
 									menuS += "<div class=\"menuA\" id = \"contact\" onmouseover=\"over('contact')\" onmouseout=\"off('contact')\" onclick=\"window.location='"+preStr+"contact.html'\">Contact Us</div>";
 									menuS += "<div class=\"menuA\" id = \"general\" onmouseover=\"over('general')\" onmouseout=\"off('general')\"onclick=\"window.location='"+preStr+"generalInfo.html'\">General</div>";
									menuS += "<div class=\"menuA\" id = \"governors\" onmouseover=\"over('governors')\" onmouseout=\"off('governors')\"onclick=\"window.location='"+preStr+"governors.html'\">Governors</div>";
									menuS += "<div class=\"menuA\" id = \"ofsted\" onmouseover=\"over('ofsted')\" onmouseout=\"off('ofsted')\" onclick=\"window.location='"+preStr+"ofsted.html'\">Ofsted</div>";
									menuS += "<div class=\"menuA\" id = \"mission\" onmouseover=\"over('mission')\" onmouseout=\"off('mission')\" onclick=\"window.location='"+preStr+"aims.html'\">Mission</div>";
									menuS += "<div class=\"menuA\" id = \"policies\" onmouseover=\"over('policies')\" onmouseout=\"off('policies')\" onclick=\"window.location='"+preStr+"policies.html'\">School Policies</div>";
									menuS += "<div class=\"menuA\" id = \"prospectus\" onmouseover=\"over('prospectus')\" onmouseout=\"off('prospectus')\" onclick=\"window.location='"+preStr+"prospectus.html'\">Prospectus</div>";
				          menuS += "<div class=\"menuA\" id = \"staff\" onmouseover=\"over('staff')\" onmouseout=\"off('staff')\" onclick=\"window.location='"+preStr+"staff.html'\">Staff</div>";




							    break;

        case 2 : menuS = "<div class=\"menu2\" id = \"news\" onmouseover=\"over('news')\" onmouseout=\"off('news')\" onclick=\"toggle('news',2)\">News</div>";
        					menuS += "<div class=\"menuB\" id = \"diary\"onmouseover=\"over('diary')\" onmouseout=\"off('diary')\"onclick=\"window.location='http://www.diary.firstschool.org.uk/cgi-bin/diary.pl?school=South Gosforth'\">Diary</div>";
									menuS += "<div class=\"menuB\" id = \"hols\"onmouseover=\"over('hols')\" onmouseout=\"off('hols')\"onclick=\"window.location='"+preStr+"hols.html'\">Holiday Dates</div>";
				          menuS += "<div class=\"menuB\" id = \"newsletter\" onmouseover=\"over('newsletter')\" onmouseout=\"off('newsletter')\" onclick=\"window.location='"+preStr+"news.html'\">Newsletter</div>";
									menuS += "<div class=\"menuB\" id = \"recent\" onmouseover=\"over('recent')\" onmouseout=\"off('recent')\" onclick=\"window.location='"+preStr+"recentNews.html'\">Recent Letters</div>";

		              break;

        case 3 : menuS = "<div class=\"menu3\" id = \"life\" onmouseover=\"over('life')\" onmouseout=\"off('life')\" onclick=\"toggle('life',3)\">School Life</div>";
				          menuS += "<div class=\"menuC\" id = \"classes\" onmouseover=\"over('classes')\" onmouseout=\"off('classes')\" onclick=\"window.location='"+preStr+"classes.html'\">Our Classes</div>";
									menuS += "<div class=\"menuC\" id = \"meet\" onmouseover=\"over('meet')\" onmouseout=\"off('meet')\" onclick=\"window.location='"+preStr+"meetTheStaff.html'\">Meet The Staff</div>";
									menuS += "<div class=\"menuC\" id = \"pa\" onmouseover=\"over('pa')\" onmouseout=\"off('pa')\" onclick=\"window.location='"+preStr+"pa.html'\">Parents' Assoc.</div>";
		              menuS += "<div class=\"menuC\" id = \"tour\" onmouseover=\"over('tour')\" onmouseout=\"off('tour')\" onclick=\"window.location='"+preStr+"tour.html'\">Tour Our School</div>";

		              break;

				 case 4 : menuS = "<div class=\"menu4\" id = \"kidszone\" onmouseover=\"over('kidszone')\" onmouseout=\"off('kidszone')\" onclick=\"toggle('kidszone',4)\">Kids' Zone</div>";
				          menuS += "<div class=\"menuD\" id = \"games\" onmouseover=\"over('games')\" onmouseout=\"off('games')\" onclick=\"window.location='"+preStr+"games.html'\">Games</div>";
				          menuS += "<div class=\"menuD\" id = \"links\" onmouseover=\"over('links')\" onmouseout=\"off('links')\" onclick=\"window.location='"+preStr+"links.html'\">Links</div>";

		              break;

		      case 5 : menuS = "<div class=\"menu5\" id = \"parents\" onmouseover=\"over('parents')\" onmouseout=\"off('parents')\" onclick=\"toggle('parents',5)\">Parents' Zone</div>";

		              menuS += "<div class=\"menuE\" id = \"howToHelp\" onmouseover=\"over('howToHelp')\" onmouseout=\"off('howToHelp')\" onclick=\"window.location='"+preStr+"howToHelpAtHome.html'\">How To Help</div>";

		              break;


		  }
		document.getElementById("menu"+x+x).innerHTML = menuS;
		menuUp=true;
		menuDirection(x);
	}

//Minimise menu
function hideMenu(x)
  {

	  switch (x)
		  {
		    case 1 : menuS = "<div class=\"menu1\" id = \"info\" onmouseover=\"over('info')\" onmouseout=\"off('info')\" onclick=\"toggle('info',1)\">Information</div>";
				          break;
				case 2  : menuS = "<div class=\"menu2\" id = \"news\" onmouseover=\"over('news')\" onmouseout=\"off('news')\" onclick=\"toggle('news',2)\">News</div>";
				          break;
				case 3  : menuS = "<div class=\"menu3\" id = \"life\" onmouseover=\"over('life')\" onmouseout=\"off('life')\" onclick=\"toggle('life',3)\">School Life</div>";
				          break;
				case 4 : menuS = "<div class=\"menu4\" id = \"kidszone\" onmouseover=\"over('kidszone')\" onmouseout=\"off('kidszone')\" onclick=\"toggle('kidszone',4)\">Kids' Zone</div>";
									break;
				case 5 : menuS = "<div class=\"menu5\" id = \"parents\" onmouseover=\"over('parents')\" onmouseout=\"off('parents')\" onclick=\"toggle('parents',5)\">Parents' Zone</div>";
									break;
			}
    document.getElementById("menu"+x+x).innerHTML = menuS;
		menuUp=false;
	}


function window800x600()
			{
				window.resizeTo(800,600);
				window.moveTo(0,0);
			}