/////  Change these if needed -- They are the top menu items  /////
    
                //Menu Titles
                var menuTags = new Array();

                menuTags[0] = "About";
                menuTags[1] = "Products";
                menuTags[2] = "Services";
			 menuTags[3] = "Media";
	 		 menuTags[4] = "Online Store";
                menuTags[5] = "Help";
                
                //Links for menu titles ("null" for no link)
                var menuLinks = new Array();
                
                menuLinks[0] = "null";
                menuLinks[1] = "null";
                menuLinks[2] = "null";
                menuLinks[3] = "null";
			menuLinks[4] = "http://store.limeworks.us";
                menuLinks[5] = "null";

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

function setHighlight(target)
{
	if(target.valueOf() != -1)
	{
		var x = $("td#menu" + target.valueOf()).offset().left;
		var y = $("td#menu" + target.valueOf()).offset().top - 10;
		var width = $("td#menu" + target.valueOf()).width() + 44;
		var height = $("td#menu" + target.valueOf()).height() + 14;

    		var x = $("td#menu" + target.valueOf()).offset().left;
    		var y = $("td#menu" + target.valueOf()).offset().top - 10;
    		var width = $("td#menu" + target.valueOf()).width() + 44;
    		var height = $("td#menu" + target.valueOf()).height() + 14;

   		// Slides up and fades in
    		$("div.MenuHighlight").css("left", (x - 5));
    		$("div.MenuHighlight").css("width", width);
    		$("div.MenuHighlight").css("height", "0");
    		$("div.MenuHighlight").css("top", y + 44);
    		$("div.MenuHighlight").fadeIn();
    		$("div.MenuHighlight").animate({height:height}, { duration: 300, queue: false });
    		$("div.MenuHighlight").animate({top:y}, { duration: 300, queue: false });
    
		// Just fades in
		//$("div.MenuHighlight").css("left", (x - 5));
		//$("div.MenuHighlight").css("width", width);
		//$("div.MenuHighlight").css("height", height);
		//$("div.MenuHighlight").css("top", y);
		//$("div.MenuHighlight").fadeIn();
	
		var tableSection;
		
		for(var i = 0; i < menuTags.length; i++)
		{
			tableSection = menuTags[i];
			
            while(tableSection.indexOf(" ") != -1)
            {
                tableSection = tableSection.replace(" ", "");
            }
            
            while(tableSection.indexOf(".") != -1)
            {
                tableSection = tableSection.replace(".", "");
            }
		
			if($("table#" + tableSection).css("display") != "none")
			{
				if(i != target.valueOf())
				{
					$("table#" + tableSection).hide();
				}
			}
		}
		
		tableSection = menuTags[target.valueOf()];
			
        while(tableSection.indexOf(" ") != -1)
        {
            tableSection = tableSection.replace(" ", "");
        }
        
        while(tableSection.indexOf(".") != -1)
        {
            tableSection = tableSection.replace(".", "");
        }
		
		$("table#" + tableSection).fadeIn();
	}
}

function moveHighlight(target)
{
	if($("div.MenuHighlight").css("display") == "none")
	{
		var x = $("td#menu" + target.valueOf()).offset().left;
		var y = $("td#menu" + target.valueOf()).offset().top - 10;
		var width = $("td#menu" + target.valueOf()).width() + 44;
		var height = $("td#menu" + target.valueOf()).height() + 14;
	
		// Slides up and fades in
		$("div.MenuHighlight").css("left", (x - 5));
		$("div.MenuHighlight").css("width", width);
		$("div.MenuHighlight").css("height", "0");
		$("div.MenuHighlight").css("top", y + 44);
		$("div.MenuHighlight").fadeIn();
		$("div.MenuHighlight").animate({height:height}, { duration: 300, queue: false });
		$("div.MenuHighlight").animate({top:y}, { duration: 300, queue: false });
	}
	else
	{
		var x = $("td#menu" + target.valueOf()).offset().left;
		var y = $("td#menu" + target.valueOf()).offset().top - 10;
		var width = $("td#menu" + target.valueOf()).width() + 44;
		var height = $("td#menu" + target.valueOf()).height() + 14;
	
		//Slides between options
		$("div.MenuHighlight").animate({left:x - 5}, { duration: 300, queue: false });
		$("div.MenuHighlight").animate({width:width}, { duration: 300, queue: false });
		$("div.MenuHighlight").animate({height:height}, { duration: 300, queue: false });
		$("div.MenuHighlight").animate({top:y}, { duration: 300, queue: false });
		
		//Jumps between options
		//$("div.MenuHighlight").css("left", (x - 5));
		//$("div.MenuHighlight").css("width", width);
		//$("div.MenuHighlight").css("height", height);
		//$("div.MenuHighlight").css("top", y);
	}
    
    var tableSection;
    
    for(var i = 0; i < menuTags.length; i++)
    {
        tableSection = menuTags[i];
        
        while(tableSection.indexOf(" ") != -1)
        {
            tableSection = tableSection.replace(" ", "");
        }
        
        while(tableSection.indexOf(".") != -1)
        {
            tableSection = tableSection.replace(".", "");
        }
    
        if($("table#" + tableSection).css("display") != "none")
        {
            if(i != target.valueOf())
            {
                $("table#" + tableSection).hide();
            }
        }
    }
    
    tableSection = menuTags[target.valueOf()];
        
    while(tableSection.indexOf(" ") != -1)
    {
        tableSection = tableSection.replace(" ", "");
    }
    
    while(tableSection.indexOf(".") != -1)
    {
        tableSection = tableSection.replace(".", "");
    }
        
    $("table#" + tableSection).fadeIn();
}

function createMenu()
{
    var string = "";
    
    for(var i = 0; i < menuTags.length; i++)
    {
        var finalString;
        
        finalString = menuTags[i];
        
        if(menuTags[i] == "LimeWorks.us")
        {
            finalString = "Lime<i>Works</i>.us";
        }
        
        if(menuLinks[i] != "null")
        {
            var link = "<a href=\"" + menuLinks[i] + "\"> " +  finalString + " </a>";
            string += "<td style=\"padding-left:22px; padding-right:22px; text-align:center;\" id=\"menu" + i + "\" onmouseclick=\"moveHighlight(" + i + ")\" onmouseover=\"moveHighlight(" + i + ")\"> " + link + " </td>";
        }
        else
        {
            string += "<td style=\"padding-left:22px; padding-right:22px; text-align:center;\" id=\"menu" + i + "\" onmouseclick=\"moveHighlight(" + i + ")\" onmouseover=\"moveHighlight(" + i + ")\"> " + finalString + " </td>";
        }
        
        if(i != menuTags.length - 1)
        {
            string += "\n";
        }
    }
    
    document.write("\
    <div>\
        <table class=\"Center MenuFont MenuTable\">\
            <tr>" + string + "</tr>\
        </table>\
    </div>\
    ");
}

function createSubMenus()
{
    document.write(" \
    <div class=\"MoreMenu MenuOptionsFont\">                                                                \
        <table id=\"About\" class=\"Hidden Center MoreOptions\">                                             \
            <tr>                                                                                            \
                <td class=\"MoreOptionsData\"><a href=\"index.asp\">Home</a></td>                                \
                <td class=\"MoreOptionsData\"><a href=\"Infoall.html\">Why Lime?</a></td>                    \
                <td class=\"MoreOptionsData\"><a href=\"WhereToUse.html\">Where to Use</a></td>                    \
                <td class=\"MoreOptionsData\"><a href=\"ExamplesInUse.html\">Examples in Use</a></td>                    \
                <td class=\"MoreOptionsData\"><a target=\"_blank\" href=\"http://maps.google.com/maps/ms?hl=en&gl=us&ie=UTF8&oe=UTF8&msa=0&msid=215031885152178517536.0004a6756f0f3a4cb8df4\">Lime<i>Works</i>.us<br/>Retailers</a></td>			 \
            </tr>                                                                                           \
        </table>                                                                                            \
        <table id=\"Products\" class=\"Hidden Center MoreOptions\">                                         \
            <tr>                                                                                            \
                <td class=\"MoreOptionsData\"><a href=\"allproducts.html\">All Products<br/>Tools/Supplements</a></td>            \
                <td class=\"MoreOptionsData\"><a href=\"ecologic_more.html\"><img border=\"0\" src=\"images/logos/ecologic_menu.png\" /></a></td> \
                <td class=\"MoreOptionsData\"><a href=\"NHLMoreInfoPage.html\">NHL</a></td>                 \
                <td class=\"MoreOptionsData\"><a href=\"LithomexMore.html\">Lithomex</a></td>               \
                <td class=\"MoreOptionsData\"><a href=\"LimePaintsMore.html\">Lime Paints</a></td>          \
                <td class=\"MoreOptionsData\"><a href=\"silicate.html\">Silicate Paints and Stains</a></td>            \
            </tr>                                                                                           \
        </table>                                                                                            \
        <table id=\"Services\" class=\"Hidden Center MoreOptions\">                                         \
            <tr>                                                                                            \
				<td class=\"MoreOptionsData\"><a href=\"SendSample.html\">Mortar Analysis/<br />Sending a Sample</a></td>					\
                <td class=\"MoreOptionsData\"><a href=\"Workshops.html\">Workshops/<br>Events</a></td>					\
                <td class=\"MoreOptionsData\"><a href=\"LimePresentation.html\">Programs for Architectural/<br />Engineering Offices</a></td>					\
                <td class=\"MoreOptionsData\"><a href=\"consult.html\">Consulting</a></td>					\
                <td class=\"MoreOptionsData\"><a target=\"_blank\" href=\"pdf/Brochure.pdf\">Product and<br />Services Guide</a></td>					\
            </tr>                                                                                           \
        </table>                                                                                            \
		<table id=\"Media\" class=\"Hidden Center MoreOptions\">                                        \
            <tr>                                                                                            \
                <td class=\"MoreOptionsData\"><a target=\"_blank\" href=\"http://www.facebook.com/pages/LimeWorksus/124697397618744\"><img src=\"images/social/facebook_small.png\" border=\"0\" /></a></td>				\
                <td class=\"MoreOptionsData\"><a target=\"_blank\" href=\"http://www.youtube.com/user/LimeWorksUS\"><img src=\"images/social/youtube_small.png\" border=\"0\" /></a></td>						\
				<td class=\"MoreOptionsData\"><a target=\"_blank\" href=\"http://twitter.com/#!/limeworksus\"><img src=\"images/social/twitter_small.png\" border=\"0\" /></a></td>\
				<td class=\"MoreOptionsData\"><a target=\"_blank\" href=\"http://www.limeworks.us/blog/\"><img src=\"images/social/lwusblog.gif\" border=\"0\" /></a></td>										\
            </tr>                                                                                           \
        </table>																							\
        <table id=\"Help\" class=\"Hidden Center MoreOptions\">                                        \
            <tr>                                                                                            \
                <td class=\"MoreOptionsData\"><a href=\"ContactUs.html\">Contact Us</a></td>				\
                <td class=\"MoreOptionsData\"><a href=\"FAQ.html\">FAQ</a></td>						\
                <td class=\"MoreOptionsData\">  \
                \
                <div align=\"center\" id=\"VolusionLiveChat\"><a href=\"http://www.volusion.com\">Shopping Cart Software</a></div>        \
                <script defer type=\"text/javascript\" src=\"https://livechat.volusion.com/script.aspx?id=827138\"></script>        \
                \
                </td>						\
                <td class=\"MoreOptionsData\"><a target=\"_blank\" href=\"http://www.repointing.com/\">Find A Professional</a></td>					\
                <td class=\"MoreOptionsData\"><a target=\"_blank\" href=\"CalcBrick.html\">Mortar Calculator</a></td>					\
            </tr>                                                                                           \
        </table>																							\
    </div>                                                                                                  \
                                                                                                            \
    <div class=\"MenuHighlight\">                                                                           \
    </div>                                                                                                  \
    ");
}