<!--
// javascript for doing the image rollovers
// define image variables and preload

	var about_on = new Image();
	about_on.src = "imgs/about_on.gif";
	var about_off = new Image();
	about_off.src = "imgs/about_off.gif";
	var productline_on = new Image();
	productline_on.src = "imgs/productline_on.gif";
	var productline_off = new Image();
	productline_off.src = "imgs/productline_off.gif";
	var contact_on = new Image();
	contact_on.src = "imgs/contact_on.gif";
	var contact_off = new Image();
	contact_off.src = "imgs/contact_off.gif";
	var wheretobuy_on = new Image();
	wheretobuy_on.src = "imgs/wheretobuy_on.gif";
	var wheretobuy_off = new Image();
	wheretobuy_off.src = "imgs/wheretobuy_off.gif";
	var zoomin_on = new Image();
	zoomin_on.src = "imgs/zoomin_on.gif";
	var zoomin_off = new Image();
	zoomin_off.src = "imgs/zoomin_off.gif";

// define the rollon() and rolloff() functions
	
	function rollon(xid)
	{
        if (document.images)
        {
		    document[xid].src = eval(xid + "_on.src");
		}
	}
	function rolloff(xid)
	{
        if (document.images)
        {	
		    document[xid].src = eval(xid + "_off.src");	
		}
	}
	
// Show and hid div layers by first checking the browser type

var loaded = "";
init();
function init() {
	if (document.getElementById) {
		layerStyleRef="layer.";
		layerRef="document.getElementById(layerName).style";
		styleSwitch=".style";
		visibleVar="show";
	} else {
		layerStyleRef="layer.";
		layerRef="document.layers[layerName]";
		styleSwitch="";
		visibleVar="show";
	}
	
	loaded = true;
}

//show and hide functions

function showLayer(layerName) {
	if (loaded != true) {
	return; 
	init(); 
	} else {
	eval(layerRef+'.visibility="visible"');
	}
}

function hideLayer(layerName) {
	if (loaded != true) {
	return;
	init();
	} else {
	eval(layerRef+'.visibility="hidden"');
	}
}
// -->