/* --------------------------------------------------------
		menu.js: complete menu
   -------------------------------------------------------- */
//window.alert('menu.js');
//wow('wow');
// <tr> in html file

// logo
var loc=String(this.location);  
loc=loc.split("/");  
loc=loc[loc.length-1]

var img = "logo"
document.write('<a href="index.html"  ');
document.write(' onMouseOver="document.images[\'' + img + '\'].src=\'images/' + img + '_ro.png\'"  ');
document.write(' onMouseOut="document.images[\'' + img + '\'].src=\'images/' + img + '.png\'"  > ');
	document.write('<img name="' + img + '" src=\'images/' + img + '.png\'" width="198" height="103" border="0" alt="Hi-Tech Assembly Systems">');
document.write('</a> ');
menuSeparator();

// menu buttons
writeMenuBtn( 'btn_who', 'who.html', 198, 19 );
writeMenuBtn( 'btn_products', 'products.html', 198, 19 );

//window.alert('loc substr: ' + loc.substr(0,4) );
if (loc.substr(0,4) == 'prod') {
	productSubmenu();
}

writeMenuBtn( 'btn_eng', 'engineering.html', 198, 21 );
writeMenuBtn( 'btn_design', 'design.html', 198, 21 );
writeMenuBtn( 'btn_quality', 'quality.html', 198, 21 );
writeMenuBtn( 'btn_supply', 'supply.html', 198, 21 );
writeMenuBtn( 'btn_customers', 'customers.html', 198, 20 );
writeMenuBtn( 'btn_news', 'news.html', 198, 21 );
writeMenuBtn( 'btn_quotes', 'quotes.html', 198, 21 );
writeMenuBtn( 'btn_careers', 'careers_jobs.html', 198, 20 );
writeMenuBtn( 'btn_contact', 'contact.html', 198, 21 );




/* ---- functions -------------------------------------------------------------------------- */
function menuSeparator()
{
	document.write('<br>');
}

function productSubmenu()
{
	writeMenuBtn( 'btn_prod_data', 'prod_data.html', 198, 21 );
	writeMenuBtn( 'btn_prod_coaxial', 'prod_coaxial.html', 198, 33 );
	writeMenuBtn( 'btn_prod_ribbon', 'prod_ribbon.html', 198, 34 );
	writeMenuBtn( 'btn_prod_corrugated', 'prod_corrugated.html', 198, 35 );
	writeMenuBtn( 'btn_prod_semirigid', 'prod_semirigid.html', 198, 34 );
	writeMenuBtn( 'btn_prod_harness', 'prod_harness.html', 198, 19 );
	writeMenuBtn( 'btn_prod_overmold', 'prod_overmold.html', 198, 19 );
	writeMenuBtn( 'btn_prod_fiber', 'prod_fiber.html', 198, 21 );
}

/* -------------------------------------------------------- */

function writeMenuBtn( img, url, w, h )
{
	//window.alert('writeMenuBtn:' + img);
	if (url == loc) {
		//hilite the menu item
		document.write('<img name="' + img + '" src=\'images/' + img + '_ro.png\'" width="' + w + '" height="' + h + '" ');
		document.write(' border="0"> ');		
	}
	else {
		document.write('<a href=" ' + url + '" > ');
			document.write('<img name="' + img + '" src=\'images/' + img + '.png\'" width="' + w + '" height="' + h + '" ');
			document.write(' onMouseOver="hilite(this.name)"  ');
			document.write(' onMouseOut="turnOff(this.name)"  ');
			document.write(' border="0"> ');
		document.write('</a>');
	}
}

/* -------------------------------------------------------- */

/* ---- button image control ---- */

function wow()
{
	window.alert('wow: ' + imagePath );
	document.images['btn_who'].src = btn_who_ro.src;
}

function hilite(imageName)
{
//window.alert('HILITE: imageName:' + imageName );
	document[imageName].src = 'images/' + imageName + '_ro.png';
//    if ( document.images && (gRoImagesLoaded == true) ) {
//    if ( document.images ) {
//        document.images[imageName].src = btn_who_ro.src;
//    }
}


function turnOff(imageName)
{
	document[imageName].src = 'images/' + imageName + '.png';
	//window.alert('turnOff: imageName:' + imageName );
	//window.alert('loadImages: btn_who_off.src:' + btn_who_off.src );
//    if (document.images) {
//        document[imageName].src = eval(imageName + "_off.src");
//   }
}


/****************************************************
*	        DOM Image rollover:
*		by Chris Poole
*		http://chrispoole.com
*               Script featured on http://www.dynamicdrive.com
*		Keep this notice intact to use it :-)
***************************************************

function init() {
  if (!document.getElementById) return
  var imgOriginSrc;
  var imgTemp = new Array();
  var imgarr = document.getElementsByTagName('img');
  for (var i = 0; i < imgarr.length; i++) {
    if (imgarr[i].getAttribute('hsrc')) {
        imgTemp[i] = new Image();
        imgTemp[i].src = imgarr[i].getAttribute('hsrc');
        imgarr[i].onmouseover = function() {
            imgOriginSrc = this.getAttribute('src');
            this.setAttribute('src',this.getAttribute('hsrc'))
        }
        imgarr[i].onmouseout = function() {
            this.setAttribute('src',imgOriginSrc)
        }
    }
  }
}
*/

/*

<td width="198" align="left">
	<a href="index.html">
		<img name="logo" src="images/logo.png" width="198" height="103"  onMouseOver="hilite('logo')" onMouseOut="turnOff('logo')" border="0"></a><br>
	<!-- menu buttons -->
	<a href="who.html">
		<img name="btn_who" src="images/btn_who.png" width="198" height="22" onMouseOver="hilite('btn_who')" onMouseOut="turnOff('btn_who')" border="0"></a><br>
	<a href="products.html">
		<img name="btn_products" src="images/btn_products.png" width="198" height="22" onMouseOver="hilite('btn_products')" onMouseOut="turnOff('btn_products')" border="0"></a><br>
	<!-- products submenu -->
	<a href="prod_data.html">
		<img name="btn_data" src="images/btn_data.png" width="198" height="16" onMouseOver="hilite('btn_data')" onMouseOut="turnOff('btn_data')" border="0"></a><br>
	<a href="prod_coaxial.html">
		<img name="btn_coaxial" src="images/btn_coaxial.png" width="198" height="34" onMouseOver="hilite('btn_coaxial')" onMouseOut="turnOff('btn_coaxial')" border="0"></a><br>
	<a href="prod_ribbon.html">
		<img name="btn_ribbon" src="images/btn_ribbon.png" width="198" height="34" onMouseOver="hilite('btn_ribbon')" onMouseOut="turnOff('btn_ribbon')" border="0"></a><br>
	<a href="prod_corrugated.html">
		<img name="btn_corrugated" src="images/btn_corrugated.png" width="198" height="34" onMouseOver="hilite('btn_corrugated')" onMouseOut="turnOff('btn_corrugated')" border="0"></a><br>
	<a href="prod_semirigid.html">
		<img name="btn_semirigid" src="images/btn_semirigid.png" width="198" height="34" onMouseOver="hilite('btn_semirigid')" onMouseOut="turnOff('btn_semirigid')" border="0"></a><br>
	<a href="prod_harness.html">
		<img name="btn_harness" src="images/btn_harness.png" width="198" height="16" onMouseOver="hilite('btn_harness')" onMouseOut="turnOff('btn_harness')" border="0"></a><br>
	<a href="prod_overmold.html">
		<img name="btn_overmold" src="images/btn_overmold.png" width="198" height="16" onMouseOver="hilite('btn_overmold')" onMouseOut="turnOff('btn_overmold')" border="0"></a><br>
	<a href="prod_fiber.html">
		<img name="btn_fiber" src="images/btn_fiber.png" width="198" height="16" onMouseOver="hilite('btn_fiber')" onMouseOut="turnOff('btn_fiber')" border="0"></a><br>
	<!-- end products submenu -->
	<a href="engineering.html">
		<img name="btn_engineering" src="images/btn_engineering.png" width="198" height="22" onMouseOver="hilite('btn_engineering')" onMouseOut="turnOff('btn_engineering')" border="0"></a><br>
	<a href="design.html">
		<img name="btn_design" src="images/btn_design.png" width="198" height="22" onMouseOver="hilite('btn_design')" onMouseOut="turnOff('btn_design')" border="0"></a><br>
	<a href="quality.html">
		<img name="btn_quality" src="images/btn_quality.png" width="198" height="22" onMouseOver="hilite('btn_quality')" onMouseOut="turnOff('btn_quality')" border="0"></a><br>
	<a href="supply.html">
		<img name="btn_supply" src="images/btn_supply.png" width="198" height="22" onMouseOver="hilite('btn_supply')" onMouseOut="turnOff('btn_supply')" border="0"></a><br>
	<a href="customers.html">
		<img name="btn_customers" src="images/btn_customers.png" width="198" height="22" onMouseOver="hilite('btn_customers')" onMouseOut="turnOff('btn_customers')" border="0"></a><br>
	<a href="news.html">
		<img name="btn_news" src="images/btn_news.png" width="198" height="22" onMouseOver="hilite('btn_news')" onMouseOut="turnOff('btn_news')" border="0"></a><br>
	<a href="quotes.html">
		<img name="btn_quotes" src="images/btn_quotes.png" width="198" height="22" onMouseOver="hilite('btn_quotes')" onMouseOut="turnOff('btn_quotes')" border="0"></a><br>
	<a href="careers.html">
		<img name="btn_careers" src="images/btn_careers.png" width="198" height="22" onMouseOver="hilite('btn_careers')" onMouseOut="turnOff('btn_careers')" border="0"></a><br>
	<a href="contact.html">
		<img name="btn_contact" src="images/btn_contact.png" width="198" height="22" onMouseOver="hilite('btn_contact')" onMouseOut="turnOff('btn_contact')" border="0"></a><br>
</td>

*/