// Created by Jonathan Penney, 2006

function over(element)
{
    element.style.backgroundColor = "#CC3300"; 
    element.style.color = "white"; 
	//element.style.border = "solid 1px Red";

    return true;
}

function up(element)
{
    element.style.backgroundColor = "#444444"; 
    element.style.color = "white";
	//element.style.border-right = "solid 1px Red";

    return true;
}

function down(element)
{
	//element.style.border = "solid 1px Red";
    //element.style.backgroundColor='white'; 
    //element.style.foregroundColor='#333333';
    
    return true;
}

function gotoUrl(url)
{
    document.location.href = url;
}


// Print the menu
function printMenu(pageInstance)
{
    var numberOfButtons = 8;
    
    var buttonLabels = new Array(numberOfButtons);
    buttonLabels[0] = "home";
    buttonLabels[1] = "about";
    buttonLabels[2] = "valves";
    buttonLabels[3] = "valve brands";
    buttonLabels[4] = "modifications";
    buttonLabels[5] = "materials";
	buttonLabels[6] = "linesheet";
    buttonLabels[7] = "contact us";
    
    var buttonUrls = new Array(numberOfButtons);
    buttonUrls[0] = "./";
    buttonUrls[1] = "about.html";
    buttonUrls[2] = "valves.html";
    buttonUrls[3] = "brands.html";
    buttonUrls[4] = "modifications.html";
    buttonUrls[5] = "materials.html";
    buttonUrls[6] = "docs/linesheet.pdf";
    buttonUrls[7] = "contact.html";

    // get html to create each button    
    var output = "";
    for (i = 0; i < numberOfButtons; i++)
    {
        if (buttonLabels[i] == pageInstance)
		{
/*			if (i == 0)
				output += printButton(buttonLabels[i], buttonUrls[i], "selectedMenuItem");
			else if (i == numberOfButtons - 1)
				output += printButton(buttonLabels[i], buttonUrls[i], "selectedMenuItem");
			else
*/            	output += printButton(buttonLabels[i], buttonUrls[i], "selectedMenuItem");
		}
        else 
            output += printButton(buttonLabels[i], buttonUrls[i], "menuItem");
    }
    
    return output;
}

// Print a button
function printButton(label, url, cssClass)
{
    var output = "";
	var target = "_self";
	
	if (label == "linesheet")
		target = "_blank";
        
    // mouse events for menu items
    if (cssClass == "menuItem")
    {
		output += "<a class='menu' href='" + url + "' target='" + target + "'>";
        output += "<div class=\"" + cssClass + "\" ";
        output += "  onmouseover=\"over(this);\" ";
        output += "  onmouseout=\"up(this);\">"
        output += "    <span>" + label + " ::</span>"
        output += "</div>"
		output += "</a>";
    }
    // mouse events for selected menu item
    else
    {
        output += "<div class=\"" + cssClass + "\">" + label + " &gt;&gt;</div>"
    }
    
    return output;
}


function handleError (errorMsg, url, line)
{
    var msg = "Error on page: \"" + url + "\"."
    msg += "\n Line " + line + ".\n";
    msg += "Click OK to continue.";
    alert(msg);
    
    return true;
}