// Entrypoint: called OnLoad from all pages.
function InitPage()
{
	var header = document.getElementById("header");
	var footer = document.getElementById("footer");
	//alert();
	header.innerHTML = this.DoHeader();
	footer.innerHTML = this.DoFooter();
}

// Header and main menu.
function DoHeader()
{
	var html = "";
	
	html += "<table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\" height=\"90\" class=\"watermark\">";
	html += "<tr>";
	html += "<td align=\"center\" valign=\"bottom\">";
	html += "<table border=\"0\" cellspacing=\"0\" cellpadding=\"0\" height=\"30\">";
	html += "<tr>";
	html += "<td class=\"menudivider\">";
	html += "</td>";
	html += "<td>";             
	html += "<div id=\"01\" class=\"DropDown\" onmouseover=\"ShowSubMenu('01')\" onmouseout=\"HideSubMenu('01');\">";
	html += "<a href=\"index.html\" title=\"Home\" class=\"menuitem\">Home</a>";
	html += "</div>";
   	html += "<div id=\"sub_01\" class=\"DropdownMenu\" style=\"display:none;\" onmouseover=\"ShowSubMenu('01')\" onmouseout=\"HideSubMenu('01');\">";
	html += "<table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\">";
	html += "<tr>";
	html += "<td>";
	html += "<a href=\"about.html\" title=\"About\" class=\"submenuitem\">About</a>";
	html += "</td>";
	html += "</tr>";
	//html += "<tr>";
	//html += "<td>";
	//html += "<a href=\"history.html\" title=\"History\" class=\"submenuitem\">History</a>";
	//html += "</td>";
	//html += "</tr>";
	html += "<tr>";
	html += "<td>";
	html += "<a href=\"construction.html\" title=\"Construction\" class=\"submenuitem\">Construction</a>";
	html += "</td>";
	html += "</tr>";
    html += "</table>";
    html += "</div>";
    html += "</td>";
	html += "<td class=\"menudivider\">";
	html += "</td>";
	html += "<td>";
	html += "<div id=\"02\" class=\"DropDown\" onmouseover=\"ShowSubMenu('02')\" onmouseout=\"HideSubMenu('02');\">";               
   	html += "<a href=\"#\" title=\"Home\" class=\"menuitem\">Products</a>";
    html += "</div>";
    html += "<div id=\"sub_02\" class=\"DropdownMenu\" style=\"display:none;\" onmouseover=\"ShowSubMenu('02')\" onmouseout=\"HideSubMenu('02');\">";
	html += "<table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\">";
	html += "<tr>";
	html += "<td>";
	html += "<a href=\"products.html\" title=\"Instruments\" class=\"submenuitem\">Instruments</a>";
	html += "</td>";
	html += "</tr>";
    html += "<tr>";
    html += "<td>";
    html += "<a href=\"basspickups.html\" title=\"Bass Pickups\" class=\"submenuitem\">Bass Pickups</a>";
    html += "</td>";
	html += "</tr>";
	html += "<tr>";
	html += "<td>";
	html += "<a href=\"basspickupreferencer.html\" title=\"Bass Pickup References\" class=\"submenuitem\">Bass Pickup References</a>";
	html += "</td>";
	html += "</tr>";
	html += "<tr>";
    html += "<td>";
    html += "<a href=\"guitarpickups.html\" title=\"Guitar Pickups\" class=\"submenuitem\">Guitar Pickups</a>";
    html += "</td>";
	html += "</tr>";
	html += "<tr>";
	html += "<td>";
	html += "<a href=\"guitarpickupreferencer.html\" title=\"Guitar Pickup References\" class=\"submenuitem\">Guitar Pickup References</a>";
	html += "</td>";
	html += "</tr>";
	html += "<tr>";
    html += "<td>";
    html += "<a href=\"samplerecordingsbass.html\" title=\"Bass pickup demos\" class=\"submenuitem\">Bass pickup demos</a>";
    html += "</td>";
	html += "</tr>";
	html += "<tr>";
    html += "<td>";
    html += "<a href=\"samplerecordings.html\" title=\"Demo songs\" class=\"submenuitem\">Demo songs</a>";
    html += "</td>";
	html += "</tr>";
    html += "<tr>";
    html += "<td>";
    html += "<a href=\"accessories.html\" title=\"Accessories\" class=\"submenuitem\">Accessories</a>";
    html += "</td>";
	html += "</tr>";
	html += "<tr>";
    html += "<td>";
    html += "<a href=\"order.html\" title=\"Order Accessories\" class=\"submenuitem\">Order Accessories</a>";
    html += "</td>";
	html += "</tr>";
	html += "</table>";
   	html += "</div>";
	html += "</td>";
	html += "<td class=\"menudivider\">";
	html += "</td>";
	html += "<td>";
	html += "<div id=\"03\" class=\"DropDown\" onmouseover=\"ShowSubMenu('03')\" onmouseout=\"HideSubMenu('03');\">";             
   	html += "<a href=\"musicians.html\" title=\"Musicians\" class=\"menuitem\">Musicians</a>";
    html += "</div>";
    html += "<div id=\"sub_03\" class=\"DropdownMenu\" style=\"display:none;\" onmouseover=\"ShowSubMenu('03')\" onmouseout=\"HideSubMenu('03');\">";
	html += "<table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\">";
    html += "<tr>";
    html += "<td>";
    html += "<a href=\"bassplayers.html\" title=\"Bassplayers\" class=\"submenuitem\">Bassplayers</a>";
    html += "</td>";
	html += "</tr>";
	html += "<tr>";
	html += "<td>";
	html += "<a href=\"guitarplayers.html\" title=\"Guitarplayers\" class=\"submenuitem\">Guitarplayers</a>";
	html += "</td>";
	html += "</tr>";
   	html += "</table>";
   	html += "</div>";
	html += "</td>";
	html += "<td class=\"menudivider\">";
	html += "</td>";
	html += "<td>";
	html += "<div id=\"04\" class=\"DropDown\" onmouseover=\"ShowSubMenu('04')\" onmouseout=\"HideSubMenu('04');\">";                
	html += "<a href=\"#\" title=\"Order Info\" class=\"menuitem\">Order Info</a>";
	html += "</div>";
    html += "<div id=\"sub_04\" class=\"DropdownMenu\" style=\"display:none;\" onmouseover=\"ShowSubMenu('04')\" onmouseout=\"HideSubMenu('04');\">";
	html += "<table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\">";
	html += "<tr>";
	html += "<td>";
	html += "<a href=\"howtobuy.html\" title=\"How to buy\" class=\"submenuitem\">How to buy</a>";
	html += "</td>";
	html += "</tr>";
	html += "<tr>";
	html += "<td>";
	html += "<a href=\"pricelist.html\" title=\"Pricelist\" class=\"submenuitem\">Pricelist</a>";
	html += "</td>";
	html += "</tr>";
	html += "<tr>";
	html += "<td>";
	html += "<a href=\"brochure.html\" title=\"Brochure\" class=\"submenuitem\">Brochure</a>";
	html += "</td>";
	html += "</tr>";
	html += "</table>";
	html += "</div>";
	html += "</td>";
	html += "<td class=\"menudivider\">";
	html += "</td>";
	html += "<td>";
	html += "<div id=\"05\" class=\"DropDown\" onmouseover=\"ShowSubMenu('05')\" onmouseout=\"HideSubMenu('05');\">";
	html += "<a href=\"contact.html\" title=\"Contact\" class=\"menuitem\">Contact</a>";
	html += "</div>";
	html += "<div id=\"sub_05\" class=\"DropdownMenu\" style=\"display:none;\" onmouseover=\"ShowSubMenu('05')\" onmouseout=\"HideSubMenu('05');\">";
	html += "<table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\">";
	html += "<tr>";
	html += "<td>";
	html += "<a href=\"directions.html\" title=\"Directions\" class=\"submenuitem\">Directions</a>";
	html += "</td>";
	html += "</tr>";
	html += "</table>";
	html += "</div>";
	html += "</td>";
	html += "<td class=\"menudivider\">";
	html += "</td>";
	html += "<td>";
	html += "<div id=\"06\" class=\"DropDown\" onmouseover=\"ShowSubMenu('06')\" onmouseout=\"HideSubMenu('06');\">";
   	html += "<a href=\"gallery.html\" title=\"Gallery\" class=\"menuitem\">Gallery</a>";
    html += "</div>";
    html += "<div id=\"sub_06\" class=\"DropdownMenu\" style=\"display:none;\" onmouseover=\"ShowSubMenu('06')\" onmouseout=\"HideSubMenu('06');\">";
	html += "<table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\">";
    html += "<tr>";
    html += "<td>";
    html += "<a href=\"gtr_gallery1.html\" title=\"Guitars\" class=\"submenuitem\">Guitars</a>";
    html += "</td>";
	html += "</tr>";
    html += "<tr>";
    html += "<td>";
    html += "<a href=\"bass_gallery1.html\" title=\"Basses\" class=\"submenuitem\">Basses</a>";
    html += "</td>";
	html += "</tr>";
	html += "<tr>";
    html += "<td>";
    html += "<a href=\"msh_gallery1.html\" title=\"Other\" class=\"submenuitem\">Other</a>";
    html += "</td>";
	html += "</tr>";
	html += "<tr>";
	html += "<td>";
	html += "<a href=\"vintage_start.html\" title=\"Vintage\" class=\"submenuitem\">Vintage</a>";
	html += "</td>";
	html += "</tr>";
	html += "<tr>";
	html += "<td>";
	html += "<a href=\"videogallery.html\" title=\"Video\" class=\"submenuitem\">Video</a>";
	html += "</td>";
	html += "</tr>";
  	html += "</table>";
  	html += "</div>";
	html += "</td>";
	html += "<td class=\"menudivider\">";
	html += "</td>";
	html += "</tr>";
	html += "</table>";
	html += "</td>";
	html += "</tr>";
	html += "<tr>";
	html += "<td style=\"height: 2px; background: #6c4230;\">";
	html += "</td>";
	html += "</tr>";
	html += "</table>";
	
	return html;
}

// Footer with contact info.
function DoFooter()
{
	var html = "";
	html += "<table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\" style=\"height: 90px;\">";
	html += "<tr>";			
	html += "<td style=\"height: 2px; background: #6c4230;\"></td>";				
	html += "</tr>";				
	html += "<tr>";					
	html += "<td align=\"center\" valign=\"middle\">";
	html += "Mørch Guitars: Voer Færgevej 104 - Voer - DK-8950 Ørsted - Phone/Fax: +45 86 48 89 23";
	html += "<br><br>";
	html += "<span style=\"color: #ccc; font-size: 7pt;\">Made by claus at <a class='footerlink' href='http://www.bassplayerforhire.dk' target='_blank'>bassplayerforhire.dk</a></span>";
	html += "</td>";				
	html += "</tr>";			
	html += "</table>";
	
	return html;
}

// Helper functions below:

// Shows a submenu belonging to a specific id.
function ShowSubMenu(id)
{
    document.getElementById(id).style.backgroundColor = "#6C4230";
    
    var subDiv = document.getElementById('sub_'+id);
    
    if(subDiv != null)
    {
        subDiv.style.display = "inline";
    }
}

// Hides a submenu belonging to a specific id.
function HideSubMenu(id)
{
    document.getElementById(id).style.backgroundColor = "";
    
    var subDiv = document.getElementById('sub_'+id);
    
    if(subDiv != null)
    {
        subDiv.style.display = "none";
    }
}

function open_win(page)
{
	window.open(page,"_blank","toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=no, copyhistory=no, width=400, height=300");
}