<!-- hide from from non-javascript-enabled browsers

// Creates image objects and assigns image source
// Pass width (w) and height (h) of image,
// and an image source as single quoted string

function imgcache(w,h,imagesrc) {

  if(document.images) {
  img = new Image(w,h)
  img.src = imagesrc
  return img
  }
}

// Swaps images
// Pass the image tag name as single quoted string
// and an image source as single quoted string
// or unquoted image object reference for cached images

function swap(name,imagesrc) {
  if (document.images) {
  document.images[name].src=imagesrc;
  }
}

// Sets opacity of img by ID
function setopacity(id, opacity_percent)	{
	var img = document.getElementById(id);
		// Firefox
		img.style.opacity = opacity_percent/100;
		// IE
		img.filters.alpha.opacity=opacity_percent;
}

//Top of page navigation
function top() {
  window.scrollTo(0,0);
}

function setclass(objId, className) {
	document.getElementById(objId).className = className;
}

function setClassName(objId, className) {
    	document.getElementById(objId).className = className;
}

// level 1 top nav
l1nav = '<table width="440px" cellspacing="0" cellpadding="0" border="0">' +
	'<tr>' +
	'<td height="72" width="10px" align="center" valign="top" style="padding-top:15px;">&nbsp;</td>' +
	'<td width="100px" align="center" valign="top" style="padding-top:15px;">' +
	'<a id="approach" class="menu" href="approach.htm"' +
	'onmouseover="swap(\'menu1\',staron.src); window.status=\'our approach\'; return true;"' +
	'onmouseout="swap(\'menu1\',staroff.src); window.status=\'\'; return true;">' +
	'<img src="images/star_off.gif" align="middle" width="20px" height="20px"' +
	'vspace="0" hspace="0" border="0" name="menu1" /><br>Our Approach</a></td>' +
	'<td width="100px" align="center" valign="top" style="padding-top:15px;">' +
	'<a id="projects" class="menu" href="projects.htm"' +
	'onmouseover="swap(\'menu2\',staron.src); window.status=\'our projects\'; return true;"' +
	'onmouseout="swap(\'menu2\',staroff.src); window.status=\'\'; return true;">' +
	'<img src="images/star_off.gif" align="middle" width="20px" height="20px"' +
	'vspace="0" hspace="0" border="0" name="menu2" /><br>Our Projects</a></td>' +
	'<td width="100px" align="center" valign="top" style="padding-top:15px;">' +
	'<a id="about" class="menu" href="about.htm"' +
	'onmouseover="swap(\'menu3\',staron.src); window.status=\'about us\'; return true;"' +
	'onmouseout="swap(\'menu3\',staroff.src); window.status=\'\'; return true;">' +
	'<img src="images/star_off.gif" align="middle" width="20px" height="20px"' +
	'vspace="0" hspace="0" border="0" name="menu3" /><br>About Us</a></td>' +
	'<td width="100px" align="center" valign="top" style="padding-top:15px;">' +
	'<a id="contact" class="menu" href="contact.htm"' +
	'onmouseover="swap(\'menu4\',staron.src); window.status=\'contact us\'; return true;"' +
	'onmouseout="swap(\'menu4\',staroff.src); window.status=\'\'; return true;">' +
	'<img src="images/star_off.gif" align="middle" width="20px" height="20px"' +
	'vspace="0" hspace="0" border="0" name="menu4" /><br>Contact Us</a></td>' +
	'<td width="10px" align="center" valign="top" style="padding-top:15px;">&nbsp;</td>' +
	'</tr>' +
	'</table>'

// level 2 top nav (projects pages)
l2nav = '<table width="440px" cellspacing="0" cellpadding="0" border="0">' +
	'<tr>' +
	'<td height="72" width="10px" align="center" valign="top" style="padding-top:15px;">&nbsp;</td>' +
	'<td width="100px" align="center" valign="top" style="padding-top:15px;">' +
	'<a id="approach" class="menu" href="../approach.htm"' +
	'onmouseover="swap(\'menu1\',staron.src); window.status=\'our approach\'; return true;"' +
	'onmouseout="swap(\'menu1\',staroff.src); window.status=\'\'; return true;">' +
	'<img src="../images/star_off.gif" align="middle" width="20px" height="20px"' +
	'vspace="0" hspace="0" border="0" name="menu1" /><br>Our Approach</a></td>' +
	'<td width="100px" align="center" valign="top" style="padding-top:15px;">' +
	'<a id="projects" class="menu" href="../projects.htm"' +
	'onmouseover="swap(\'menu2\',staron.src); window.status=\'our projects\'; return true;"' +
	'onmouseout="swap(\'menu2\',staroff.src); window.status=\'\'; return true;">' +
	'<img src="../images/star_off.gif" align="middle" width="20px" height="20px"' +
	'vspace="0" hspace="0" border="0" name="menu2" /><br>Our Projects</a></td>' +
	'<td width="100px" align="center" valign="top" style="padding-top:15px;">' +
	'<a id="about" class="menu" href="../about.htm"' +
	'onmouseover="swap(\'menu3\',staron.src); window.status=\'about us\'; return true;"' +
	'onmouseout="swap(\'menu3\',staroff.src); window.status=\'\'; return true;">' +
	'<img src="../images/star_off.gif" align="middle" width="20px" height="20px"' +
	'vspace="0" hspace="0" border="0" name="menu3" /><br>About Us</a></td>' +
	'<td width="100px" align="center" valign="top" style="padding-top:15px;">' +
	'<a id="contact" class="menu" href="../contact.htm"' +
	'onmouseover="swap(\'menu4\',staron.src); window.status=\'contact us\'; return true;"' +
	'onmouseout="swap(\'menu4\',staroff.src); window.status=\'\'; return true;">' +
	'<img src="../images/star_off.gif" align="middle" width="20px" height="20px"' +
	'vspace="0" hspace="0" border="0" name="menu4" /><br>Contact Us</a></td>' +
	'<td width="10px" align="center" valign="top" style="padding-top:15px;">&nbsp;</td>' +
	'</tr>' +
	'</table>'


//side nav menus
// business projects nav
biznav = '<a href="wingluke.htm"><h4 style="margin-bottom:3px;">Retail</h4></a>' + 
	'<div class="side_menu"><a id="wing" class="menu2" href="wingluke.htm" onmouseover="window.status=&#39;&#39;; return true;" onmouseout="window.status=&#39;&#39;; return true;">Wing Luke Asian Museum</a></div>' +
	'<div class="side_menu"><a id="frien" class="menu2" href="friends.htm" onmouseover="window.status=&#39;&#39;; return true;" onmouseout="window.status=&#39;&#39;; return true;">Friends of the Seattle Public Library</a></div>' +
	'<div class="side_menu"><a id="choco" class="menu2" href="choco.htm" onmouseover="window.status=&#39;&#39;; return true;" onmouseout="window.status=&#39;&#39;; return true;">Chocolopolis</a></div>' +
	'<div class="side_menu"><a id="marqu" class="menu2" href="marqsmen.htm" onmouseover="window.status=&#39;&#39;; return true;" onmouseout="window.status=&#39;&#39;; return true;">Marqsmen</a></div>' +
	'<div class="side_menu"><a id="habit" class="menu2" href="habitude.htm" onmouseover="window.status=&#39;&#39;; return true;" onmouseout="window.status=&#39;&#39;; return true;">Habitude</a></div>' +
	//'<div class="side_menu"><a id="muras" class="menu2" href="murase.htm" onmouseover="window.status=&#39;&#39;; return true;" onmouseout="window.status=&#39;&#39;; return true;">Murase Associates</a></div>' +
	'<div class="side_menu"><a id="rosan" class="menu2" href="rosanna.htm" onmouseover="window.status=&#39;&#39;; return true;" onmouseout="window.status=&#39;&#39;; return true;">Rosanna</a></div>' +
	//'<div class="side_menu"><a id="cta" class="menu2" href="cta_design.htm" onmouseover="window.status=&#39;&#39;; return true;" onmouseout="window.status=&#39;&#39;; return true;">CTA Design Builders</a></div>' +
	//'<div class="side_menu"><a id="kane" class="menu2" href="kane.htm" onmouseover="window.status=&#39;&#39;; return true;" onmouseout="window.status=&#39;&#39;; return true;">Kane Environmental</a></div>' +
	//'<div class="side_menu"><a id="tile" class="menu2" href="trc.htm" onmouseover="window.status=&#39;&#39;; return true;" onmouseout="window.status=&#39;&#39;; return true;">Tile Restoration Center</a></div>' +
	//'<div class="side_menu"><a id="heart" class="menu2" href="heartfelt.htm" onmouseover="window.status=&#39;&#39;; return true;" onmouseout="window.status=&#39;&#39;; return true;">Heartfelt Connections</a></div>' +
	'<div class="side_menu"><a id="overl" class="menu2" href="overlake.htm" onmouseover="window.status=&#39;&#39;; return true;" onmouseout="window.status=&#39;&#39;; return true;">Overlake Hospital</a></div>' +
	'<div class="side_menu"><a id="everg" class="menu2" href="evergreen.htm" onmouseover="window.status=&#39;&#39;; return true;" onmouseout="window.status=&#39;&#39;; return true;">Evergreen Healthcare</a></div>' +
	'<div class="side_menu"><a id="valle" class="menu2" href="valley.htm" onmouseover="window.status=&#39;&#39;; return true;" onmouseout="window.status=&#39;&#39;; return true;">Valley General Hospital</a></div>' +
	//'<div class="side_menu"><a id="saint" class="menu2" href="stmarks.htm" onmouseover="window.status=&#39;&#39;; return true;" onmouseout="window.status=&#39;&#39;; return true;">Saint Mark&#39;s Cathedral</a></div>' +
	'<a href="pikeplace.htm"><h4>Arts</h4></a>'

// arts projects nav
artsnav = '<a href="wingluke.htm"><h4>Retail</h4></a>' + 
	'<a href="pikeplace.htm"><h4 style="margin-bottom:3px;">Arts</h4></a>' +
	'<div class="side_menu"><a id="pike" class="menu2" href="pikeplace.htm" onmouseover="window.status=&#39;&#39;; return true;" onmouseout="window.status=&#39;&#39;; return true;">Pike Place Market</a></div>' +
	//'<div class="side_menu"><a id="urban" class="menu2" href="urbancraft.htm" onmouseover="window.status=&#39;&#39;; return true;" onmouseout="window.status=&#39;&#39;; return true;">Urban Craft Uprising</a></div>' +
	//'<div class="side_menu"><a id="trust" class="menu2" href="trust.htm" onmouseover="window.status=&#39;&#39;; return true;" onmouseout="window.status=&#39;&#39;; return true;">Artist Trust</a></div>' +
	//'<div class="side_menu"><a id="tacom" class="menu2" href="tac.htm" onmouseover="window.status=&#39;&#39;; return true;" onmouseout="window.status=&#39;&#39;; return true;">The Tacoma Arts Commission</a></div>' +
	'<div class="side_menu"><a id="orego" class="menu2" href="ocac.htm" onmouseover="window.status=&#39;&#39;; return true;" onmouseout="window.status=&#39;&#39;; return true;">Oregon College of Art and Craft</a></div>' +
	'<div class="side_menu"><a id="indi" class="menu2" href="indi_artists.htm" onmouseover="window.status=&#39;&#39;; return true;" onmouseout="window.status=&#39;&#39;; return true;">Services for Individual Artists</a></div>' //+
	//'<div class="side_menu"><a id="artis" class="menu2" href="artists.htm" onmouseover="window.status=&#39;&#39;; return true;" onmouseout="window.status=&#39;&#39;; return true;">Artists With Disabilities</a></div>' +
	//'<div class="side_menu"><a id="delos" class="menu2" href="webber.htm" onmouseover="window.status=&#39;&#39;; return true;" onmouseout="window.status=&#39;&#39;; return true;">Deloss Webber</a></div>' +
	//'<div class="side_menu"><a id="cente" class="menu2" href="center.htm" onmouseover="window.status=&#39;&#39;; return true;" onmouseout="window.status=&#39;&#39;; return true;">Center Peace</a></div>' +
	//'<div class="side_menu"><a id="don" class="menu2" href="immerwhar.htm" onmouseover="window.status=&#39;&#39;; return true;" onmouseout="window.status=&#39;&#39;; return true;">Don Immerwhar</a></div>' +
	//'<div class="side_menu"><a id="jacqu" class="menu2" href="beck.htm" onmouseover="window.status=&#39;&#39;; return true;" onmouseout="window.status=&#39;&#39;; return true;">Jacqui Beck</a></div>' +
	//'<div class="side_menu"><a id="susan" class="menu2" href="osborne.htm" onmouseover="window.status=&#39;&#39;; return true;" onmouseout="window.status=&#39;&#39;; return true;">Susanne Osborne</a></div>' +
	//'<div class="side_menu"><a id="tim" class="menu2" href="oneil.htm" onmouseover="window.status=&#39;&#39;; return true;" onmouseout="window.status=&#39;&#39;; return true;">Tim O&#39;Neil</a></div>'

// top level footer navigation variable
footnav_top ='<div class="footer" style="margin:3px 0px 3px 0px;">' +
	'<a class="footer" href="approach.htm" onmouseover="window.status=&#39;consulting services&#39;; return true;" onmouseout="window.status=&#39;&#39;; return true;">Our Approach</a>' + '&nbsp;|&nbsp' +
	'<a class="footer" href="projects.htm" onmouseover="window.status=&#39;background and contact information&#39;; return true;" onmouseout="window.status=&#39;&#39;; return true;">Our Projects</a>' + '&nbsp;|&nbsp' +
'<a class="footer" href="about.htm" onmouseover="window.status=&#39;mailing address, phone and email&#39;; return true;" onmouseout="window.status=&#39;&#39;; return true;">About Us</a>' + '&nbsp;|&nbsp' +
	'<a class="footer" href="contact.htm" onmouseover="window.status=&#39;mailing address, phone and email&#39;; return true;" onmouseout="window.status=&#39;&#39;; return true;">Contact Us</a>' +
	'</div>'
	
// sub page footer navigation variable
footnav ='<div class="footer" style="margin:3px 0px 3px 0px;">' +
	'<a class="footer" href="../approach.htm" onmouseover="window.status=&#39;consulting services&#39;; return true;" onmouseout="window.status=&#39;&#39;; return true;">Our Approach</a>' + '&nbsp;|&nbsp' +
	'<a class="footer" href="../projects.htm" onmouseover="window.status=&#39;background and contact information&#39;; return true;" onmouseout="window.status=&#39;&#39;; return true;">Our Projects</a>' + '&nbsp;|&nbsp' +
'<a class="footer" href="../about.htm" onmouseover="window.status=&#39;mailing address, phone and email&#39;; return true;" onmouseout="window.status=&#39;&#39;; return true;">About Us</a>' + '&nbsp;|&nbsp' +
	'<a class="footer" href="../contact.htm" onmouseover="window.status=&#39;mailing address, phone and email&#39;; return true;" onmouseout="window.status=&#39;&#39;; return true;">Contact Us</a>' +
	'</div>'

// copyright variable
thisDate = new Date;
copyright ='<div class="footer">' +
	'Copyright &copy; 2002-' + thisDate.getFullYear() + ' :: <a style="font-size:10px; font-weight: normal" href="mailto:miriam@works-consulting.com" onmouseover="window.status=&#39;send email to Works Consulting&#39;; return true;" onmouseout="window.status=&#39;&#39;; return true;">Works Consulting</a> :: All Rights Reserved' + '</div>'

// stop hiding -->
