// Menu item definitions - to be passed from HTML as DrawMenu() parameters
var Home          = 0;
var Services      = 1;
var Portfolio     = 2;
var About         = 3;
var Testimonials  = 4;
var Contact       = 5;

var WebDesignSub     = 0;
var GraphicDesignSub = 1;

var NewDesign  = 0;
var Redesign   = 1;
var Additional = 2;

/**********
  id - selected menu item
  sub1 - selected menu sub-item; used for services or portfolio, if either is selected, otherwise ignored
  sub2 - selected menu sub-item for portfolio -> web-design; otherwise ignored
**********/
function DrawMenu(id, sub1, sub2)
{
  // Table text definitions
  var MenuText = new Array(5);
  MenuText[Home]          = "Home";
  MenuText[Services ]     = "Services";
  MenuText[Portfolio]     = "Portfolio";
  MenuText[About]         = "About";
  MenuText[Testimonials]  = "Testimonials";
  MenuText[Contact]       = "Contact";

  // URL definitions for menu items
  var MenuURL = new Array(5);
  MenuURL[Home]          = "index.html";
  MenuURL[Services]      = "#";
  MenuURL[Portfolio]     = "#";
  MenuURL[About]         = "about.html";
  MenuURL[Testimonials]  = "testimonials.html";
  MenuURL[Contact]       = "contact.php";

  // Drop-down table text definitions
  var DD1MenuText = new Array(2);
  DD1MenuText[WebDesignSub]     = "Web Design";
  DD1MenuText[GraphicDesignSub] = "Graphic Design";

  // URL definitions for drop-down menu items
  var DD1MenuURL_Services = new Array(2);
  DD1MenuURL_Services[WebDesignSub]     = "web_design.html";
  DD1MenuURL_Services[GraphicDesignSub] = "graphic_design.html";

  // URL definitions for drop-down menu items
  var DD1MenuURL_Portfolio = new Array(2);
  DD1MenuURL_Portfolio[WebDesignSub]     = "";
  DD1MenuURL_Portfolio[GraphicDesignSub] = "gd_portfolio.html";

  var DD1Class_Services = new Array(2);
  DD1Class_Services[WebDesignSub]     = "sub";
  DD1Class_Services[GraphicDesignSub] = "sub";
  var DD1Class_Portfolio = new Array(2);
  DD1Class_Portfolio[WebDesignSub]     = "sub";
  DD1Class_Portfolio[GraphicDesignSub] = "sub";
  // Set class later, along with the other sub-menu

  // Drop-down table text definitions
  var DD2MenuText = new Array(3);
  DD2MenuText[NewDesign]  = "New Design";
  DD2MenuText[Redesign]   = "Redsign";
  DD2MenuText[Additional] = "More...";

  // URL definitions for drop-down menu items
  var DD2MenuURL = new Array(3);
  DD2MenuURL[NewDesign]  = "new_design.html";
  DD2MenuURL[Redesign]   = "redesign.html";
  DD2MenuURL[Additional] = "addl_samples.html";

  var DD2Class = new Array(3);
  DD2Class[NewDesign]  = "";
  DD2Class[Redesign]   = "";
  DD2Class[Additional] = "";
  if (id == Services && sub1 != null) {
    DD1Class_Services[sub1] += "selected";
  } else if (id == Portfolio && sub1 != null) {
    DD1Class_Portfolio[sub1] += "selected";
    if (sub1 == WebDesignSub && sub2 != null) {
      DD2Class[sub2] += " class=\"selected\"";
    }
  }

  // Which one is selected?
  var MenuClass = new Array(5);
	for (var i = 0; i <= 6; i ++) {
		MenuClass[i]="";
	}
	MenuClass[id]="selected";

	// Set the page boundaries
	document.write('<div id="page">');
	// Draw the logo on the top of the page
	document.write('	<div id="header">');
	document.write('		<div style="position: relative; z-index: 10;">');
	document.write('			<a href="index.html" onmouseover="document.yesiweb.src=\'images/yesiweb_inverted.gif\'" onmouseout="document.yesiweb.src=\'images/yesiweb.gif\'"><img src="images/yesiweb.gif" name="yesiweb" alt="YesIWeb - custom web design and development" title="YesIWeb - custom web design and development" style="border: none;"></a>');  
	document.write('		</div>');
	document.write('	</div>');
    
	document.write('	<div id="outer">');
	document.write('	  <div class="pad1"></div>');
  document.write('      <ul id="menu">');
  document.write('        <li class="' + MenuClass[Home] + '"><a href="' + MenuURL[Home] + '">' + MenuText[Home] + '</a></li>');
  
  document.write('        <li class="' + MenuClass[Services] + '"><a href="' + MenuURL[Services] + '">' + MenuText[Services] + '</a>');
  document.write('          <ul>');
  document.write('            <li class="' + DD1Class_Services[WebDesignSub] + '"><a href="' + DD1MenuURL_Services[WebDesignSub] + '">' + DD1MenuText[WebDesignSub] + '</a>');
  document.write('            <li class="' + DD1Class_Services[GraphicDesignSub] + '"><a href="' + DD1MenuURL_Services[GraphicDesignSub] + '">' + DD1MenuText[GraphicDesignSub] + '</a></li>');
  document.write('          </ul>');
  document.write('        </li>');
  
  document.write('        <li class="' + MenuClass[Portfolio] + '"><a href="' + MenuURL[Portfolio] + '">' + MenuText[Portfolio] + '</a>');
  document.write('          <ul>');
  document.write('            <li class="' + DD1Class_Portfolio[WebDesignSub] + '"><a href="' + DD1MenuURL_Portfolio[WebDesignSub] + '">' + DD1MenuText[WebDesignSub] + '</a>');
  document.write('                <ul class="right">');
  document.write('                  <li' + DD2Class[NewDesign] + '><a href="' + DD2MenuURL[NewDesign] + '">' + DD2MenuText[NewDesign] + '</a></li>');
  document.write('                  <li' + DD2Class[Redesign] + '><a href="' + DD2MenuURL[Redesign] + '">' + DD2MenuText[Redesign] + '</a></li>');
  document.write('                  <li' + DD2Class[Additional] + '><a href="' + DD2MenuURL[Additional] + '">' + DD2MenuText[Additional] + '</a></li>');
  document.write('                </ul>');
  document.write('            </li>');
  document.write('            <li class="' + DD1Class_Portfolio[GraphicDesignSub] + '"><a href="' + DD1MenuURL_Portfolio[GraphicDesignSub] + '">' + DD1MenuText[GraphicDesignSub] + '</a></li>');
  document.write('          </ul>');
  document.write('        </li>');

  document.write('        <li class="' + MenuClass[About] + '"><a href="' + MenuURL[About] + '">' + MenuText[About] + '</a></li>');
  document.write('        <li class="' + MenuClass[Testimonials] + '"><a href="' + MenuURL[Testimonials] + '">' + MenuText[Testimonials] + '</a></li>');
  document.write('        <li class="' + MenuClass[Contact] + '"><a href="' + MenuURL[Contact] + '">' + MenuText[Contact] + '</a></li>');
  document.write('      </ul>');
  document.write('      <div class="pad2"></div>');  
}