menus = [
			
[ [170], [
["  PCI Compliance","http://www.ambersail.com/services/pci_compliance.html", false],
["  Security Audit","http://www.ambersail.com/services/audit.html", false]],
[menu2x,menu2y]] ,

[ [170], [
["  Useful Articles","http://www.ambersail.com/useful/articles.html", false],
["  News Roundup","http://blog.ambersail.co.uk/wordpress/", false],
["  Password Generator","http://www.ambersail.net/random.php", false],
["  Virus Alerts","http://www.ambersail.com/useful/virus_alerts.html", false]],
[menu3x,menu3y]] ,        

[ [170], [
["  Company Info","http://www.ambersail.com/about/index.html", false],
["  Recent Clients","http://www.ambersail.com/about/clients.html", false],
["  Our Staff","http://www.ambersail.com/about/people.html", false],
["  Affiliates","http://www.ambersail.com/about/affiliates.html", false]],
[menu1x,menu1y]]]; 

menuProperties=new Array();
menuProperties['FontFamily'] = "Arial";
menuProperties['FontSize'] = 8;
menuProperties['FontBold'] = 0;
menuProperties['FontItalic'] = 0;
menuProperties['FontColor'] = "#006eaf";
menuProperties['FontColorOver'] = "#006eaf";
menuProperties['BGColor'] = "#f2f8fb";
menuProperties['BGColorOver'] = "#e5f0f7";
menuProperties['ItemPadding'] = 3;
menuProperties['BorderWidth'] = 1;
menuProperties['BorderColor'] = "#006eaf";
menuProperties['BorderStyle'] = "solid";
menuProperties['SeparatorSize'] = 1;
menuProperties['SeparatorColor'] = "#006eaf";


var numMenus=menus.length; // menus be an array and must have been defined previously (in menuDef)
var hiding=false;
var timeOut=false;

var hasDom=document.getElementById;
function getMenu(id) {
    var layerStyle=false;
    if (hasDom) {
        layerStyle = document.getElementById('menu' + id).style;
    }
    return layerStyle;
}

function showMenu(id,hideOthers) {
    if (hiding==id) {
        if (timeOut) {
            window.clearTimeout(timeOut);
            timeOut=false;
        }
        hiding=false;
    }
    layerStyle=getMenu(id);
    
    if (layerStyle)
        layerStyle.visibility="visible";
    
    if (hideOthers) {
        for (var i=0;i<numMenus;i++) {
            if (i!=id)
                hideMenu(i);
        }
    }
}

function hideMenu(id) {
    if (hiding==id)
        hiding=false;
    if (timeOut) {
        window.clearTimeout(timeOut);
        timeOut=false;
    }
    layerStyle=getMenu(id);
    
    if (layerStyle)
        layerStyle.visibility="hidden";
}

function hideMenus() {
  for (var i=0;i<numMenus;i++) {
    hideMenu(i);
  }
}

function delayHideMenu(id,secs) {
// timeout on the menu is set to 3 in the code. Overridden here to 1 sec 
var secs=1;
    if (hiding) {
        hideMenu(hiding);
    }
    hiding=id;
    timeOut=window.setTimeout('hideMenu('+id+')',secs*1000);
}

function writeMenus(menus,menuProperties) {
    for (var i=0;i<menus.length;i++) {
        var thisMenu=menus[i];
        var thisMenuWidth=thisMenu[0];
        var thisMenuItems=thisMenu[1];
        var thisMenuPos=thisMenu[2];
	var linkStringDOM = "";
        
        document.write(
            "<div id=\"menu"+i+"\" style=\"position:absolute;visibility:hidden;top:"+thisMenuPos[1]+"px;left:"+thisMenuPos[0]+"px;width:"+thisMenuWidth+"px;\">" +
            "<table cellpadding=\"0\" cellspacing=\"0\" border=\"0\">" +
            // header row
                "<tr>"+
                    "<td bgcolor=\""+menuProperties['BorderColor']+"\"><img src=\""+menuProperties['Spacer']+"\" width=\""+menuProperties['BorderWidth']+"\" height=\""+menuProperties['BorderWidth']+"\"></td>"+
                    "<td bgcolor=\""+menuProperties['BorderColor']+"\"><img src=\""+menuProperties['Spacer']+"\" width=\""+(thisMenuWidth-(menuProperties['BorderWidth']*2))+"\" height=\""+menuProperties['BorderWidth']+"\"></td>"+
                    "<td bgcolor=\""+menuProperties['BorderColor']+"\"><img src=\""+menuProperties['Spacer']+"\" width=\""+menuProperties['BorderWidth']+"\" height=\""+menuProperties['BorderWidth']+"\"></td>"+
                "</tr>"
        );

        for (var j=0;j<thisMenuItems.length;j++) {
            if (j!=0) // draw separator
                document.write(
                    "<tr>"+
                        "<td bgcolor=\""+menuProperties['BorderColor']+"\"><img src=\""+menuProperties['Spacer']+"\" width=\""+menuProperties['BorderWidth']+"\" height=\""+menuProperties['SeparatorSize']+"\"></td>"+
                        "<td bgcolor=\""+menuProperties['SeparatorColor']+"\"><img src=\""+menuProperties['Spacer']+"\" width=\""+(thisMenuWidth-(menuProperties['BorderWidth']*2))+"\" height=\""+menuProperties['SeparatorSize']+"\"></td>"+
                        "<td bgcolor=\""+menuProperties['BorderColor']+"\"><img src=\""+menuProperties['Spacer']+"\" width=\""+menuProperties['BorderWidth']+"\" height=\""+menuProperties['SeparatorSize']+"\"></td>"+
                    "</tr>"
                );

            if (hasDom) { // the DOM way
		if (thisMenuItems[j][2]) {
			linkStringDOM = "<div onMouseUp=\"window.open('" +thisMenuItems[j][1]+ "')\"";
			linkHref = "javascript:window.open('" +thisMenuItems[j][1]+ "');";
		} else {
			linkStringDOM = "<div onMouseUp=\"document.location.href='"+thisMenuItems[j][1]+"'\"";
			linkHref = thisMenuItems[j][1];
		}

                document.write(
                    "<tr>" +
                        "<td bgcolor=\""+menuProperties['BorderColor']+"\"><img src=\""+menuProperties['Spacer']+"\" width=\""+menuProperties['BorderWidth']+"\" height=\""+menuProperties['BorderWidth']+"\"></td>"+
                        "<td>" +
                        linkStringDOM + " id=\"menu"+i+"item"+j+"\" onMouseOver=\"showMenu("+i+",true);change("+i+","+j+",true);\" onMouseOut=\"delayHideMenu("+i+",3);change("+i+","+j+",false);\" style=\"background-color:"+menuProperties['BGColor']+"\" width=\""+(thisMenuWidth-(menuProperties['BorderWidth']*2))+"\">"+
                        "<table cellpadding=\""+menuProperties['ItemPadding']+"\" cellspacing=\"0\" border=\"0\" width=\""+(thisMenuWidth-(menuProperties['BorderWidth']*2))+"\">" +
                        "<tr><td>" +
                         "<a id=\"smenu"+i+"item"+j+"\" href=\""+linkHref+"\" style=\"font-family:"+menuProperties['FontFamily']+";color:"+menuProperties['FontColor']+";font-size:"+menuProperties['FontSize']+"pt;text-decoration:none;\">" + thisMenuItems[j][0] + "</a>" +
                         "</td></tr></table>" +
                        "</div>" +
                        "</td>"+
                        "<td bgcolor=\""+menuProperties['BorderColor']+"\"><img src=\""+menuProperties['Spacer']+"\" width=\""+menuProperties['BorderWidth']+"\" height=\""+menuProperties['BorderWidth']+"\"></td>"+
                    "</tr>"
                );
            }
        } // end items loop

        document.write(
            // footer row
                "<tr>"+
                    "<td bgcolor=\""+menuProperties['BorderColor']+"\"><img src=\""+menuProperties['Spacer']+"\" width=\""+menuProperties['BorderWidth']+"\" height=\""+menuProperties['BorderWidth']+"\"></td>"+
                    "<td bgcolor=\""+menuProperties['BorderColor']+"\"><img src=\""+menuProperties['Spacer']+"\" width=\""+(thisMenuWidth-(menuProperties['BorderWidth']*2))+"\" height=\""+menuProperties['BorderWidth']+"\"></td>"+
                    "<td bgcolor=\""+menuProperties['BorderColor']+"\"><img src=\""+menuProperties['Spacer']+"\" width=\""+menuProperties['BorderWidth']+"\" height=\""+menuProperties['BorderWidth']+"\"></td>"+
                "</tr>" +
            "</table>" +
            "</div>"
            
        );
    }

}

function change(m,i,o) { // the DOM way
    var layerStyle=document.getElementById("menu"+m+"item"+i).style;
    var subLayerStyle=document.getElementById("smenu"+m+"item"+i).style;
    // setting backgroundColor property doesn't work in opera. hrm.
    layerStyle.backgroundColor=((o)?menuProperties['BGColorOver']:menuProperties['BGColor']);
    subLayerStyle.color=((o)?menuProperties['FontColorOver']:menuProperties['FontColor']);
}