// Copyright 2001-2003 JohnV

<!-- hide JavaScript from non-JavaScript browsers
var agt=navigator.userAgent.toLowerCase();
var is_major = parseInt(navigator.appVersion);
var is_minor = parseFloat(navigator.appVersion);
var is_nav  = ((agt.indexOf('mozilla')!=-1) && (agt.indexOf('spoofer')==-1) && (agt.indexOf('compatible') == -1) && (agt.indexOf('opera')==-1) && (agt.indexOf('webtv')==-1));
var is_nav2 = (is_nav && (is_major == 2));
var is_nav3 = (is_nav && (is_major == 3));
var is_badnav4 = (is_nav && (parseFloat(navigator.appVersion) == 4.02));
var is_oldnav4 = (is_nav && (parseFloat(navigator.appVersion) < 4.06));
var is_nav4 = (is_nav && (is_major == 4));
var is_nav4up = (is_nav && (is_major >= 4));
var is_nav6 = (is_nav && (is_major == 5));
var is_nav6up = (is_nav && (is_major >= 5));
var is_ie   = (agt.indexOf("msie") != -1);
var is_ie3  = (is_ie && (is_major < 4));
var is_ie4  = (is_ie && (is_major == 4) && (agt.indexOf("msie 5.0")==-1));
var is_ie4up  = (is_ie  && (is_major >= 4));
var is_ie5  = (is_ie && (is_major == 4) && (agt.indexOf("msie 5.0")!=-1));
var is_ie5up  = (is_ie && !is_ie3 && !is_ie4);
var is_aol   = (agt.indexOf("aol") != -1);
var is_aol3  = (is_aol && is_ie3);
var is_aol4  = (is_aol && is_ie4);
var is_aol5up  = (is_aol && is_ie5up);
var is_opera = (agt.indexOf("opera") != -1);
var is_opera4 = (is_opera && (is_major == 4));
var is_opera5 = (is_opera && (is_major == 5));
var is_opera5up = (is_opera && (is_major >= 5));
var is_webtv = (agt.indexOf("webtv") != -1);
var is_domcom = ((is_nav6up)||(is_ie5up)||(is_opera5up))
var is_mac    = (agt.indexOf("mac")!=-1);
var is_mac68k = (is_mac && ((agt.indexOf("68k")!=-1) || (agt.indexOf("68000")!=-1)));
var is_macppc = (is_mac && ((agt.indexOf("ppc")!=-1) || (agt.indexOf("powerpc")!=-1)));
var dhtmlnav=0;
var dhtmlBrowser=0;
if ((is_nav4up)||(is_ie4up)) dhtmlBrowser=1;

var table_template_front_array1 = new Array();
var table_template_front_array2 = new Array();
var table_template_end_array = new Array();
var row_template_front_array = new Array();
var parent_layer_array = new Array();
var child_layer_array = new Array();
var last_button_name = "";
var last_parent_layer = "";
var last_child_layer = "";
var last_image_name = "";
var image_pointer = "";
var TimerID = "";
var TimerIDLink = "";
var table_width = 250; // Changes the width of all menu tables. Set to widest menu.
var IsLink = "NO";
var PrevLayer = "NO";
var WaitLink = 0;
var LinkLayer = "";
var TimeLinkOut = 800;
var TimeLayerOut = 800;

if (document.images) {
    var arrow = new Image();
    var blank = new Image();
    arrow.src = "arrow.gif";
    blank.src = "blank.gif";

    var I1on = new Image(); 
    I1on.src = "menu_script/button1_on.gif";
    var I1off = new Image();
    I1off.src = "menu_script/button1_off.gif";
    var I2on = new Image(); 
    I2on.src = "menu_script/button8_on.gif";
    var I2off = new Image();
    I2off.src = "menu_script/button8_off.gif";
    var I3on = new Image(); 
    I3on.src = "menu_script/button4_on.gif";
    var I3off = new Image();
    I3off.src = "menu_script/button4_off.gif";
    var I4on = new Image(); 
    I4on.src = "menu_script/button5_on.gif";
    var I4off = new Image();
    I4off.src = "menu_script/button5_off.gif";
    var I5on = new Image(); 
    I5on.src = "menu_script/button6_on.gif";
    var I5off = new Image();
    I5off.src = "menu_script/button6_off.gif";
    var I10on = new Image(); 
    I10on.src = "menu_script/button10_on.gif";
    var I10off = new Image();
    I10off.src = "menu_script/button10_off.gif";
    var I6on = new Image(); 
    I6on.src = "menu_script/button9_on.gif";
    var I6off = new Image();
    I6off.src = "menu_script/button9_off.gif";

    var I7on = new Image(); 
    I7on.src = "menu_script/button7_on.gif";
    var I7off = new Image();
    I7off.src = "menu_script/button7_off.gif";
}

function changeImages() {
  if (document.images) {
    for (var i=0; i<changeImages.arguments.length; i+=2) {
      document[changeImages.arguments[i]].src = eval(changeImages.arguments[i+1] + ".src");
    }
  }
}

function Layer(name, visibility, zindex, table_template, left, top) {
    this.name = name;
    this.left = left;
    this.top = top;
    this.width = table_width;
    this.visibility = visibility;
    this.zindex = zindex;
    this.table_template = table_template;
    this.ar = ar;
    this.fl = fl;

    if (this.table_template == 1) {
        this.left = this.left + this.width - 7;
    }

    if ((is_domcom)||(is_ie4)) {  
      if (is_mac) { //changed the navigator.appVersion.indexOf("Macintosh") to is_mac
            this.top += 7;
            this.left += 2;
        }
        this.layer_content = '<div id="' + this.name + '" style="position: absolute; left: ' + this.left + '; top: ' + this.top + '; width: ' + this.width + '; visibility: ' + (this.visibility ? 'visible' : 'hidden') + '; z-index: ' + this.zindex + ';">';
    } else if (is_nav4) { 
        this.layer_content = '<layer name="' + this.name + '" left=' + this.left + ' top=' + this.top + ' width=' + this.width + ' visibility=' + (this.visibility ? '"show"' : '"hide"') + ' z-index=' + this.zindex + '>';
    }
	   this.layer_content += table_template_front_array1[this.table_template];
	   this.layer_content += name
	   this.layer_content += table_template_front_array2[this.table_template];
		if (this.table_template == 0) { 
			parent_layer_array[parent_layer_array.length] = this.name;
		} else {
		child_layer_array[child_layer_array.length] = this.name;
	    }
}

function ar(row_template, row_content) {  
    this.layer_content += row_template_front_array[row_template] + row_content + row_end;
}

function fl() {  
    this.layer_content += table_template_end_array[this.table_template];
    if ((is_domcom)||(is_ie4)) {
      this.layer_content += '</div>'; 
    } else if (is_nav4) {
        this.layer_content += '</layer>';
        ;
    } document.write(this.layer_content)
}

function define_table(tw) {
    table_template_front_array1[0] = '<table width="' + tw + '" cellspacing="0" cellpadding="0" border="0" onmouseover="TableOver(\'';
    table_template_front_array2[0] = '\');" onmouseout="TableOut();"><tr><td colspan="2" width="7"><img src="menu_script/corner_ul.gif" width=7 height=8 border="0"></td><td width="' + (tw-7) + '" background="menu_script/line_top.gif"><img src="menu_script/blank.gif" width=' + (tw-7) + ' height=1 border="0"></td><td colspan="2" width="7"><img src="menu_script/corner_ur.gif" width=7 height=8 border="0"></td></tr><tr><td width="1" background="menu_script/vert_line.gif"><img src="menu_script/vert_line.gif" width=1 height=1 border="0"></td><td width="6" bgcolor="FFFFCE"><img src="menu_script/blank.gif" width=6 height=1 border="0"></td><td width="' + (tw-7) + '" valign="top" bgcolor="FFFFCE"><table width="' + (tw-7) + '" cellspacing="0" cellpadding="1" border="0">';
    table_template_end_array[0] = '</table></td><td width="6" bgcolor="FFFFCE"><img src="menu_script/blank.gif" width=6 height=1 border="0"></td><td width="1" background="menu_script/vert_line.gif"><img src="menu_script/vert_line.gif" width=1 height=1 border="0"></td></tr><tr><td colspan="2" width="7"><img src="menu_script/corner_ll.gif" width=7 height=8 border="0"></td><td width="' + (tw-7) + '" background="menu_script/line_bot.gif"><img src="menu_script/blank.gif" width=' + (tw-7) + ' height=1 border="0"></td><td colspan="2" width="7"><img src="menu_script/corner_lr.gif" width=7 height=8 border="0"></td></tr></table>';

    table_template_front_array1[1] = '<table width="' + tw + '" cellspacing="0" cellpadding="0" border="0" onmouseover="TableOver(\'';
    table_template_front_array2[1] = '\');" onmouseout="TableOut();"><tr><td colspan="2" width="7"><img src="menu_script/corner_ul.gif" width=7 height=8 border="0"></td><td width="' + (tw-14) + '" background="menu_script/line_top.gif"><img src="menu_script/blank.gif" width=' + (tw-14) + ' height=1 border="0"></td><td colspan="2" width="7"><img src="menu_script/corner_ur.gif" width=7 height=8 border="0"></td></tr><tr><td width="1" background="menu_script/vert_line.gif"><img src="menu_script/vert_line.gif" width=1 height=1 border="0"></td><td width="6" bgcolor="FFFFCE"><img src="menu_script/blank.gif" width=6 height=1 border="0"></td><td width="' + (tw-14) + '" valign="top" bgcolor="FFFFCE"><table width="' + (tw-14) + '" cellspacing="0" cellpadding="1" border="0">';
    table_template_end_array[1] = '</table></td><td width="6" bgcolor="FFFFCE"><img src="menu_script/blank.gif" width=6 height=1 border="0"></td><td width="1" background="menu_script/vert_line.gif"><img src="menu_script/vert_line.gif" width=1 height=1 border="0"></td></tr><tr><td colspan="2" width="7"><img src="menu_script/corner_ll.gif" width=7 height=8 border="0"></td><td width="' + (tw-14) + '" background="menu_script/line_bot.gif"><img src="menu_script/blank.gif" width=' + (tw-14) + ' height=1 border="0"></td><td colspan="2" width="7"><img src="menu_script/corner_lr.gif" width=7 height=8 border="0"></td></tr></table>';

    row_template_front_array[0] = '<tr><td width=11 valign="top"><img src="menu_script/bullet.gif" width=11 height=11 border="0"></td><td width=' + (tw-25) + '>';
    row_template_front_array[1] = '<tr><td width=' + (tw-14) + ' COLSPAN="2"><font face="Verdana, sans-serif" size=1>';
    row_template_front_array[2] = '<tr><td width=' + (tw-14) + ' ALIGN="right" COLSPAN="2"><font face="Verdana, sans-serif" size=1>';

    row_end = '</tr>';
}

define_table(table_width);


var l = new Layer("L1", 0, 4, 0, 122, 139);
l.ar(1, '<b><font class=MenuHead>J & R Marble & Trailer Inc.</b></font>');
l.ar(0, '<a href="default.asp" onmouseout="LinkOut(\'L1\');" onmouseover="LinkOver(\'L1-0\');" class="MenuLink"><font face=Verdana, sans-serif>Home Page</font></a></td>');
l.fl();

var l = new Layer("L2", 0, 4, 0, 122, 170);
l.ar(1, '<b><font class=MenuHead>Fifth Wheels</b></font>');
l.ar(0, '<a onmouseout="LinkOut(\'L2\');" onmouseover="LinkOver(\'L2-3\');" class="MenuLink"><font face=Verdana, sans-serif>Forest River</font></a><img src="menu_script/arrow.gif" name="Link"></td>');
l.ar(0, '<a onmouseout="LinkOut(\'L2\');" onmouseover="LinkOver(\'L2-1\');" class="MenuLink"><font face=Verdana, sans-serif>Gulfstream</font></a><img src="menu_script/arrow.gif" name="Link"></td>');
l.ar(0, '<a onmouseout="LinkOut(\'L2\');" onmouseover="LinkOver(\'L2-2\');" class="MenuLink"><font face=Verdana, sans-serif>Palomino</font></a><img src="menu_script/arrow.gif" name="Link"></td>');
l.fl();

var l = new Layer("L2-1", 0, 5, 1, 135, 201);
l.ar(1, '<b><font class=MenuHead1>Gulfstream</b></font>');
l.ar(0, '<a href="Model.asp?t=5&v=Gulfstream&m=Prairie Schooner" onmouseover="TableOver(\'L2-1\');" class="MenuLink"><font face=Verdana, sans-serif>Prairie Schooner</font></a></td>');
l.fl();

var l = new Layer("L2-2", 0, 5, 1, 135, 201);
l.ar(1, '<b><font class=MenuHead1>Palomino</b></font>');
l.ar(0, '<a href="Model.asp?t=5&v=Palomino&m=Thoroughbred " onmouseover="TableOver(\'L2-2\');" class="MenuLink"><font face=Verdana, sans-serif>Thoroughbred </font></a></td>');
l.fl();

var l = new Layer("L2-3", 0, 5, 1, 135, 201);
l.ar(1, '<b><font class=MenuHead1>Forest River</b></font>');
l.ar(0, '<a href="Model.asp?t=5&v=Forest River&m=Salem" onmouseover="TableOver(\'L2-3\');" class="MenuLink"><font face=Verdana, sans-serif>Salem</font></a></td>');
l.fl();

var l = new Layer("L3", 0, 4, 0, 122, 201);
l.ar(1, '<b><font class=MenuHead>Pull Behinds</b></font>');
l.ar(0, '<a href="" onmouseout="LinkOut(\'L3\');" onmouseover="LinkOver(\'L3-1\');" class="MenuLink"><font face=Verdana, sans-serif>Forest River</font></a><img src="menu_script/arrow.gif" name="Link"></td>');
l.ar(0, '<a href="" onmouseout="LinkOut(\'L3\');" onmouseover="LinkOver(\'L3-2\');" class="MenuLink"><font face=Verdana, sans-serif>Palomino</font></a><img src="menu_script/arrow.gif" name="Link"></td>');
l.fl();

var l = new Layer("L3-1", 0, 5, 1, 135, 232);
l.ar(1, '<b><font class=MenuHead1>Forest River</b></font>');
l.ar(0, '<a href="Model.asp?t=4&v=Forest River&m=Grand Surveyor" onmouseout="LinkOut(\'L3-1\');" onmouseover="LinkOver(\'L3-1\');" class="MenuLink"><font face=Verdana, sans-serif>Grand Surveyor</font></a><img src="menu_script/arrow.gif" name="Link"></td>');
l.ar(0, '<a href="Model.asp?t=4&v=Forest River&m=Sierra" onmouseout="LinkOut(\'L3-1\');" onmouseover="LinkOver(\'L3-1\');" class="MenuLink"><font face=Verdana, sans-serif>Sierra</font></a><img src="menu_script/arrow.gif" name="Link"></td>');
l.ar(0, '<a href="Model.asp?t=4&v=Forest River&m=Surveyor" onmouseout="LinkOut(\'L3-1\');" onmouseover="LinkOver(\'L3-1\');" class="MenuLink"><font face=Verdana, sans-serif>Surveyor</font></a><img src="menu_script/arrow.gif" name="Link"></td>');
l.ar(0, '<a href="Model.asp?t=4&v=Forest River&m=Salem" onmouseout="LinkOut(\'L3-1\');" onmouseover="LinkOver(\'L3-1\');" class="MenuLink"><font face=Verdana, sans-serif>Salem</font></a><img src="menu_script/arrow.gif" name="Link"></td>');
l.fl();

var l = new Layer("L3-2", 0, 5, 1, 135, 232);
l.ar(1, '<b><font class=MenuHead1>Palomino</b></font>');
l.ar(0, '<a href="Model.asp?t=4&v=Palomino&m=Mustang" onmouseout="LinkOut(\'L3-2\');" onmouseover="LinkOver(\'L3-2\');" class="MenuLink"><font face=Verdana, sans-serif>Mustang</font></a><img src="menu_script/arrow.gif" name="Link"></td>');
l.ar(0, '<a href="Model.asp?t=4&v=Palomino&m=Mustang XL" onmouseout="LinkOut(\'L3-2\');" onmouseover="LinkOver(\'L3-2\');" class="MenuLink"><font face=Verdana, sans-serif>Mustang XL</font></a><img src="menu_script/arrow.gif" name="Link"></td>');
l.ar(0, '<a href="Model.asp?t=4&v=Palomino&m=Yearling" onmouseout="LinkOut(\'L3-2\');" onmouseover="LinkOver(\'L3-2\');" class="MenuLink"><font face=Verdana, sans-serif>Yearling</font></a><img src="menu_script/arrow.gif" name="Link"></td>');
l.ar(0, '<a href="Model.asp?t=4&v=Palomino&m=Pony" onmouseout="LinkOut(\'L3-2\');" onmouseover="LinkOver(\'L3-2\');" class="MenuLink"><font face=Verdana, sans-serif>Pony</font></a><img src="menu_script/arrow.gif" name="Link"></td>');
l.fl();

var l = new Layer("L4", 0, 4, 0, 122, 232);
l.ar(1, '<b><font class=MenuHead>Campers</b></font>');
l.ar(0, '<a href="" onmouseout="LinkOut(\'L4\');" onmouseover="LinkOver(\'L4-1\');" class="MenuLink"><font face=Verdana, sans-serif>Palomino</font></a><img src="menu_script/arrow.gif" name="Link"></td>');
l.fl();

var l = new Layer("L4-1", 0, 5, 1, 135, 263);
l.ar(1, '<b><font class=MenuHead1>Palomino</b></font>');
l.ar(0, '<a href="Model.asp?t=6&v=Palomino&m=Maverick" onmouseover="TableOver(\'L4-1\');" class="MenuLink"><font face=Verdana, sans-serif>Maverick</font></a></td>');
l.fl();

var l = new Layer("L6", 0, 4, 0, 122, 263);
l.ar(1, '<b><font class=MenuHead>Park Models</b></font>');
l.ar(0, '<a href="" onmouseout="LinkOut(\'L6\');" onmouseover="LinkOver(\'L6-1\');" class="MenuLink"><font face=Verdana, sans-serif>Forest River</font></a><img src="menu_script/arrow.gif" name="Link"></td>');
l.fl();

var l = new Layer("L6-1", 0, 5, 1, 135, 284);
l.ar(1, '<b><font class=MenuHead1>Forest River</b></font>');
l.ar(0, '<a href="Model.asp?t=8&v=Forest River&m=Quailridge" onmouseover="TableOver(\'L6-1\');" class="MenuLink"><font face=Verdana, sans-serif>Quailridge</font></a></td>');
l.fl();

var l = new Layer("L8", 0, 4, 0, 122, 294);
l.ar(1, '<b><font class=MenuHead>Used</b></font>');
l.ar(0, '<a href="" onmouseout="LinkOut(\'L8\');" onmouseover="LinkOver(\'L8-1\');" class="MenuLink"><font face=Verdana, sans-serif>Used</font></a><img src="menu_script/arrow.gif" name="Link"></td>');
l.fl();

var l = new Layer("L8-1", 0, 5, 1, 135, 315);
l.ar(1, '<b><font class=MenuHead1>Used</b></font>');
l.ar(0, '<a href="Model.asp?t=9&v=Used&m=Used" onmouseover="TableOver(\'L8-1\');" class="MenuLink"><font face=Verdana, sans-serif>Used</font></a></td>');
l.fl();

var l = new Layer("L5", 0, 4, 0, 122, 325);
l.ar(1, '<b><font class=MenuHead>Marble</b></font>');
l.ar(0, '<a href="" onmouseout="LinkOut(\'L5\');" onmouseover="LinkOver(\'L5-0\');" class="MenuLink"><font face=Verdana, sans-serif>Slab</font></a></td>');
l.fl();

var l = new Layer("L7", 0, 4, 0, 122, 356);
l.ar(1, '<b><font class=MenuHead>E-Mail Us</b></font>');
l.ar(0, '<a href="mailto:jrmarbleandtrailer@sbcglobal.net" onmouseout="LinkOut(\'L7\');" onmouseover="LinkOver(\'L7-0\');" class="MenuLink"><font face=Verdana, sans-serif>e-mail us</font></a></td>');
l.fl();


var numOfMenus = 8; // Number of the Main menus
var numOfImages = 7; // Number of rollover button images

layersList = new Array("L1","L2","L2-1","L2-2","L2-3","L3","L3-1","L3-2","L4","L4-1","L6","L6-1","L8","L8-1","L5","L7");
var layerCount = 15; // Total number of the Main and the Sub menus

//--> end hide JavaScript
