        ///////////
        // test js repository... 
        ///////

        // list of web pages (without ext)
        var mypages=new Array("Home","About","Shop","Contact","Inside");
        
        // preload some images
        mybuttonGlare=new Image;
        mybuttonGlare.src="images/MButtonUpTackOver2.jpg";
        mybuttonNorm=new Image;
        mybuttonNorm.src="images/MButtonUpTack2.jpg";
        mybuttonPress=new Image;
        mybuttonPress.src="images/MButtonUpTackPress2.jpg";

        // menu() creates a horizontal menu where ever you put the DIV tag shown below.
        function hmenu()
        {
            // Place the following in your web page body
            // <div id="MENU"></div> <- it's where you want the menu to go.
            // also make sure you have your body tag like this... <body onload="menu()">
            // also required is a "div.menu" and a "div.menuon" class defining the buttons (size, color, etc)



            var mydoc = document.URL.split("/")[document.URL.split("/").length - 1];
            var tmpstr = "<table><tr>";
            for(i=0;i<mypages.length;i++)
            {
                if (mydoc.toLowerCase() == mypages[i].toLowerCase() + ".php")
                {
                    //window.alert(mydoc);
                    tmpstr += "<td><div class=\"menuon\">" + mypages[i] + "</div></td>";;
                }
                else
                {
                    //window.alert(mypages[i]);
                    tmpstr += "<td><div class=\"menu\" onmouseover=\"this.style.background='url(images/MButtonUpTackOver2.jpg)'\" onmouseout=\"this.style.background='url(images/MButtonUpTack2.jpg)'\" onclick=\"nav('" + mypages[i].toLowerCase() + ".php')\">" + mypages[i] + "</div></td>";
                }
            }
            document.getElementById("HMENU").innerHTML = tmpstr + "</tr></table>";
        }
        

        function vmenu()
        {
            // Place the following in your web page body
            // <div id="MENU"></div> <- it's where you want the menu to go.
            // also make sure you have your body tag like this... <body onload="menu()">
            // also required is a "div.menu" and a "div.menuon" class defining the buttons (size, color, etc)


            var mydoc = document.URL.split("/")[document.URL.split("/").length - 1];
            var tmpstr = "<table>";
            for(i=0;i<mypages.length;i++)
            {
                if (mydoc.toLowerCase() == mypages[i].toLowerCase() + ".php")
                {
                    //window.alert(mydoc);
                    tmpstr += "<tr><td><div class=\"menuon\">" + mypages[i] + "</div></td></tr>";
                }
                else
                {
                    //window.alert(mypages[i]);
                    tmpstr += "<tr><td><div class=\"menu\" onmouseover=\"this.style.background='url(images/MButtonUpTackOver2.jpg)'\" onmouseout=\"this.style.background='url(images/MButtonUpTack2.jpg)'\" onclick=\"this.style.background='url(images/MButtonUpTackPress2.jpg)'; nav('" + mypages[i].toLowerCase() + ".php');\">" + mypages[i] + "</div></td></tr>";
                }
            }
            document.getElementById("VMENU").innerHTML = tmpstr + "</tr></table>";
        }

        // used by function above to browse to the new page.
        function nav(n)
        {
	    //alert(n);
            window.location = n;
        }
