//Main Nav

function Browser() {

  var ua, s, i;

  this.isIE    = false;  // Internet Explorer
  this.isNS    = false;  // Netscape
  this.version = null;

  ua = navigator.userAgent;

  s = "MSIE";
  if ((i = ua.indexOf(s)) >= 0) {
    this.isIE = true;
    this.version = parseFloat(ua.substr(i + s.length));
    return;
  }

  s = "Netscape6/";
  if ((i = ua.indexOf(s)) >= 0) {
    this.isNS = true;
    this.version = parseFloat(ua.substr(i + s.length));
    return;
  }

  // Treat any other "Gecko" browser as NS 6.1.

  s = "Gecko";
  if ((i = ua.indexOf(s)) >= 0) {
    this.isNS = true;
    this.version = 6.1;
    return;
  }
}

var browser = new Browser();

function removeClassName(el, name) {

  var i, curList, newList;

  if (el.className == null)
    return;

  // Remove the given class name from the element's className property.

  newList = new Array();
  curList = el.className.split(" ");
  for (i = 0; i < curList.length; i++)
    if (curList[i] != name)
      newList.push(curList[i]);
  el.className = newList.join(" ");
}

// Submenu links

var submenu=new Array()

submenu[3]='<img src="images/fullsize/ayu.jpg" alt="A computer wallpaper of Japanese pop singer Ayumi Hamasak." /><br />Title: Ayumi Hamasaki Wallpaper<br />Client: Self<br />Created: March, 2003'

submenu[4]='<img src="images/fullsize/crystalineviews.jpg" alt="A computer wallpaper using 3D renders from 3D Studio Max" /><br />Title: Crystaline Views Wallpaper<br />Client: Self<br />Created: unknown'

submenu[5]='<img src="images/fullsize/kana.jpg" /><br />Title: Kana Wallpaper<br />Client: Friend<br />Created: September, 2003'

submenu[6]='<img src="images/fullsize/media-player.jpg" /><br />Title: Media Player<br />Client: Self experimental<br />Created: unknown'

submenu[7]='<img src="images/fullsize/merlinbanner.jpg" /><br />Title: Merlin Creations Ad Banner<br />Client: Ficticious Company<br />Created: unknown'

submenu[8]='<img src="images/fullsize/skc.jpg" /><br />Title: Stupid Kid Clothing T-Shirt<br />Client: Stupid Kid Clothing<br />Created: April, 2003'

submenu[9]='<img src="images/fullsize/beachss.jpg" /><br />Title: Beach Photo Manipulation<br />Client: <a href="http://ladynyk.deviantart.com" target="_blank">LadyNyk</a><br />Created: April, 2003'

submenu[10]='<img src="images/fullsize/animeclub.jpg" /><br />Title: Anime Club Poster<br />Client: Brooks College Anime Club<br />Created: November, 2003'

submenu[11]='<img src="images/fullsize/ptw.jpg" /><br />Title: Parks and What You Meant To Me CD Single<br />Client: Posion The Well<br />Created: September, 2003'

submenu[12]='<img src="images/fullsize/stamps.jpg" /><br />Title: Neog Genesis Evangelion US Postal Stamps<br />Client: United States Postal Service<br />Created: December, 2003'

submenu[14]='<img src="images/fullsize/bella.jpg" /><br />Title: Bella | Promotional Design<br />Client: Bella (Model)<br />Created: June, 2003'

submenu[15]='<img src="images/fullsize/nfn.jpg" /><br />Title: Nothing From Nowhere Album Cover<br />Client: Nothing From Nowhere<br />Created: December, 2003'

submenu[16]='<img src="images/fullsize/laavengers.jpg" /><br />Title: Redesign of LA Avengers Website<br />Client: Class Assignment<br />Created: May, 2004<br /><a href="/portfolio/laavengers/" target="_blank">Click here to see the website</a>'

submenu[17]='<img src="images/fullsize/nettech.jpg" /><br />Title: NetTech Network Solutions<br />Client: Class Assignment<br />Created: April, 2004<br /><a href="/portfolio/nettech/" target="_blank">Click here to see the website</a>'

submenu[18]='<img src="images/fullsize/bcjournalism.jpg" /><br />Title: Bakersfield College Journalism<br />Client: Bakersfield College Journalism Program<br />Created: April, 2002<br /><a href="http://www2.bakersfieldcollege.edu/journalism/" target="_blank">Click here to see the website</a>'

submenu[19]='<img src="images/fullsize/reeve_oliver_general.jpg" /><br />Title: Reeve Oliver General Tour Flyer<br />Client: <a href="http://www.themilitiagroup.com/">The Militia Group</a> / <a href="http://www.reeveoliver.com">Reeve Oliver</a><br />August 2004<br /><a href="reeve_oliver_general.pdf">Download the <acronym title="Portable Document Format">PDF</acronym></a>'

submenu[20]='<img src="images/fullsize/the_pale.jpg" /><br />Title: The Pale General Tour Flyer<br />Client: <a href="http://www.sidecho.com/">SideCho Records</a> / <a href="http://www.thepale.com">The Pale</a><br />August 2004<br /><a href="the_pale.pdf">Download the <acronym title="Portable Document Format">PDF</acronym></a>'

submenu[21]='<img src="images/fullsize/cyclone_design.jpg" /><br />Title: Cyclone Designs<br />Client: Class Assignment<br />Created: October, 2004<br /><a href="/portfolio/cyclone/" target="_blank">Click here to see the website</a>'

var activeButton = null;

function buttonClick(event, target, which) {
	
var menuobj=document.getElementById? document.getElementById(target) : document.all

  var button;

  // Get the target button element.

  if (browser.isIE)
    button = window.event.srcElement;
  else
    button = event.currentTarget;
	
  // Blur focus from the link to remove that annoying outline.

  button.blur();

  // Reset the currently active button, if any.

  if (activeButton != null)
    resetButton(activeButton);

  // Activate this button, unless it was the currently active one

  if (button != activeButton) {
    depressButton(button);
    activeButton = button;
	thecontent=(which==-1)? "" : submenu[which]
  }
  
  else {
    activeButton = null;
	thecontent = ""
  }
	
  menuobj.innerHTML=thecontent

  return false;
}

function depressButton(button) {
button.className += "active";
}

function resetButton(button) {
  removeClassName(button, "active");
}

function resetSub(button) {
  menuobj.innerHTML=""
}