/* cross-platform support */

     function getObj(ID)
     {
       if(document.getElementById) {
         return document.getElementById(ID);
       }else if(document.all) {
         return document.all[ID];
       }else if(document.layers) {
         return document.layers[ID];
       }
      }

      function itemIn(lbl)
      {
        var obj = getObj(lbl);
        obj.style.background = "red";
        subMenuOff();
		subMenuOff1();
      }

      function itemOut(lbl)
      {
        var obj = getObj(lbl);
        obj.style.background = "";
        getObj("m2").style.visibility="visible";
      }

      function item1()
      {
        //////////////////////////////////////
        // navigate to new page
        // document.location = "sizes.htm";

        //////////////////////////////////////
        // open new window
        toggleVisibility1();
      }

      var isVisible = false;

      function subMenuOn()
      {
        getObj("sb21").style.visibility = "visible";
        getObj("sb22").style.visibility = "visible";
        getObj("sb23").style.visibility = "visible";
        getObj("sb24").style.visibility = "visible";
        getObj("sb25").style.visibility = "visible";
        getObj("sb26").style.visibility = "visible";
		isVisible = true;
      }

     function subMenuOn1()
      {
        getObj("sb11").style.visibility = "visible";
        getObj("sb12").style.visibility = "visible";
        getObj("sb13").style.visibility = "visible";
        getObj("sb14").style.visibility = "visible";
        getObj("sb15").style.visibility = "visible";
        getObj("sb16").style.visibility = "visible";
        getObj("sb17").style.visibility = "visible";
        getObj("sb18").style.visibility = "visible";
        getObj("sb19").style.visibility = "visible";
		isVisible = true;
      }
	  function subMenuOff1()
      {
        getObj("sb11").style.visibility = "hidden";
        getObj("sb12").style.visibility = "hidden";
        getObj("sb13").style.visibility = "hidden";
        getObj("sb14").style.visibility = "hidden";
        getObj("sb15").style.visibility = "hidden";
        getObj("sb16").style.visibility = "hidden";
        getObj("sb17").style.visibility = "hidden";
        getObj("sb18").style.visibility = "hidden";
        getObj("sb19").style.visibility = "hidden";
        isVisible = false;
      }

      function subMenuOff()
      {
        getObj("sb21").style.visibility = "hidden";
        getObj("sb22").style.visibility = "hidden";
        getObj("sb23").style.visibility = "hidden";
        getObj("sb24").style.visibility = "hidden";
        getObj("sb25").style.visibility = "hidden";
        getObj("sb26").style.visibility = "hidden";

        isVisible = false;
      }

      function toggleVisibility1()
      {
        if(isVisible)
        {
          subMenuOff1();
        }
        else
        {
          subMenuOn1();
        }
      }
      
	  function toggleVisibility()
      {
        if(isVisible)
        {
          subMenuOff();
        }
        else
        {
          subMenuOn();
        }
      }

      function item2()
      {
        toggleVisibility();
      }

	  function item4()
	  {
        document.location = "siteMap.html";
	  }

      function item5()
	  {
        document.location = "resume.html";
	  }
      function itemHome()
	  {
        document.location = "Home.html";       
	  }
      function sItem1()
      {
        document.body.style.backgroundImage = 'url(./img/bg2.jpg)';
      }


      function sItem2()
      {
        document.body.style.backgroundImage = 'url(./img/bg9.jpg)';
      }

      function sItem3()
      {
        document.body.style.backgroundImage = 'url(./img/bg14.jpg)';
      }
	  
	  function sItem4()
      {
        document.body.style.backgroundImage = 'url(./img/bg8.jpg)';
      }
    
	  function sItem5()
      {
        document.body.style.backgroundImage = 'url(./img/bg11.jpg)';
      }
	  
	  function sItem6()
      {
        document.body.style.backgroundImage = 'url(./img/bg16.jpg)';
      }

      function sItem11()
      {
        document.location = "lab1_page.html";
      }
	  function sItem12()
      {
        document.location = "lab2_page.html";
      }
	  function sItem13()
      {
        document.location = "Default.aspx";
      }
	  function sItem14()
      {
         document.location = "default.html";
      }
	  function sItem15()
      {
         document.location = "default.html";
      }
	  function sItem16()
      {
         document.location = "default.html";
      }
	  function sItem17()
      {
         document.location = "default.html";
      }
	  function sItem18()
      {
         document.location = "default.html";
      }
	  function sItem19()
      {
         document.location = "default.html";
      }

	  function item3()
      {
		 document.location = "CourseIndex.html";

      }

      document.onmousemove = track;

      function track()
      {
        var sm = document.getElementById("showmouse");
        sm.innerText = window.event.x + ", " + window.event.y;
        sm.width = 500;
      }

      window.onload = Initialize;

      function Initialize()
      {
        var parent = getObj("m2");
        var obj1 = getObj("sb21");
        obj1.style.left = parent.offsetLeft + 20;
        obj1.style.top  = parent.offsetTop + parent.offsetHeight + 3;
        var obj2 = getObj("sb22");
        obj2.style.left = parent.offsetLeft + 20;
        obj2.style.top  = obj1.offsetTop + obj1.offsetHeight + 0;
        var obj3 = getObj("sb23");
        obj3.style.left = parent.offsetLeft + 20;
        obj3.style.top  = obj2.offsetTop + obj2.offsetHeight + 0;
        var obj4 = getObj("sb24");
        obj4.style.left = parent.offsetLeft + 20;
        obj4.style.top  = obj3.offsetTop + obj3.offsetHeight + 0;
		var obj5 = getObj("sb25");
        obj5.style.left = parent.offsetLeft + 20;
        obj5.style.top  = obj4.offsetTop + obj4.offsetHeight + 0;
		var obj6 = getObj("sb26");
        obj6.style.left = parent.offsetLeft + 20;
        obj6.style.top  = obj5.offsetTop + obj5.offsetHeight + 0;

		var parent1 = getObj("m1");
        var obj11 = getObj("sb11");
        obj11.style.left = parent1.offsetLeft + 20;
        obj11.style.top  = parent1.offsetTop + parent1.offsetHeight + 3;
		var obj12 = getObj("sb12");
        obj12.style.left = parent1.offsetLeft + 20;
        obj12.style.top  = obj11.offsetTop + obj11.offsetHeight + 0;
        var obj13 = getObj("sb13");
        obj13.style.left = parent1.offsetLeft + 20;
        obj13.style.top  = obj12.offsetTop + obj12.offsetHeight + 0;
        var obj14 = getObj("sb14");
        obj14.style.left = parent1.offsetLeft + 20;
        obj14.style.top  = obj13.offsetTop + obj13.offsetHeight + 0;
		var obj15 = getObj("sb15");
        obj15.style.left = parent1.offsetLeft + 20;
        obj15.style.top  = obj14.offsetTop + obj14.offsetHeight + 0;
		var obj16 = getObj("sb16");
        obj16.style.left = parent1.offsetLeft + 20;
        obj16.style.top  = obj15.offsetTop + obj15.offsetHeight + 0;
        var obj17 = getObj("sb17");
        obj17.style.left = parent1.offsetLeft + 20;
        obj17.style.top  = obj16.offsetTop + obj16.offsetHeight + 0;
        var obj18 = getObj("sb18");
        obj18.style.left = parent1.offsetLeft + 20;
        obj18.style.top  = obj17.offsetTop + obj17.offsetHeight + 0;
        var obj19 = getObj("sb19");
        obj19.style.left = parent1.offsetLeft + 20;
        obj19.style.top  = obj18.offsetTop + obj18.offsetHeight + 0;
      }