// Copyright 2001-2003 Villario, villario@yahoo.com

<!-- 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;
var ns4 = document.layers;
var ie4 = document.all;
var nn6 = document.getElementById && !document.all; 

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 = 185; // Changes the width of all menu tables. Set to widest menu.
var IsLink = "NO";
var PrevLayer = "NO";
var WaitLink = 0;
var LinkLayer = "";
var TimeLinkOut = 0;
var TimeLayerOut = 0;

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" ';
    table_template_front_array2[0] = '\');"><tr><td colspan="2" width="7"><img src="images/corner_ul.gif" width=7 height=8 border="0"></td><td width="' + (tw-7) + '" background="images/line_top.gif"><img src="images/blank.gif" width=' + (tw-7) + ' height=1 border="0"></td><td colspan="2" width="7"><img src="images/corner_ur.gif" width=7 height=8 border="0"></td></tr><tr><td width="1" background="images/vert_line.gif"><img src="images/vert_line.gif" width=1 height=1 border="0"></td><td width="6" bgcolor="FFFFCE"><img src="images/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="images/blank.gif" width=6 height=1 border="0"></td><td width="1" background="images/vert_line.gif"><img src="images/vert_line.gif" width=1 height=1 border="0"></td></tr><tr><td colspan="2" width="7"><img src="images/corner_ll.gif" width=7 height=8 border="0"></td><td width="' + (tw-7) + '" background="images/line_bot.gif"><img src="images/blank.gif" width=' + (tw-7) + ' height=1 border="0"></td><td colspan="2" width="7"><img src="images/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" ';
    table_template_front_array2[1] = '\');"><tr><td colspan="2" width="7"><img src="images/corner_ul.gif" width=7 height=8 border="0"></td><td width="' + (tw-14) + '" background="images/line_top.gif"><img src="images/blank.gif" width=' + (tw-14) + ' height=1 border="0"></td><td colspan="2" width="7"><img src="images/corner_ur.gif" width=7 height=8 border="0"></td></tr><tr><td width="1" background="images/vert_line.gif"><img src="images/vert_line.gif" width=1 height=1 border="0"></td><td width="6" bgcolor="FFFFCE"><img src="images/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="images/blank.gif" width=6 height=1 border="0"></td><td width="1" background="images/vert_line.gif"><img src="images/vert_line.gif" width=1 height=1 border="0"></td></tr><tr><td colspan="2" width="7"><img src="images/corner_ll.gif" width=7 height=8 border="0"></td><td width="' + (tw-14) + '" background="images/line_bot.gif"><img src="images/blank.gif" width=' + (tw-14) + ' height=1 border="0"></td><td colspan="2" width="7"><img src="images/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="images/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 numOfMenus = 41; // Number of the Main menus
var numOfImages = 41; // Number of rollover button images
layersList = new Array("L1","L2","L3","L4","L5","L6","L7","L8","L9","L10","L11","L12","L13","L14","L15","L16","L17","L18","L19","L20","L21","L22","L23","L24","L25","L26","L27","L28","L29","L30","L31","L32","L33","L34","L35","L36","L37","L38","L39","L40","L41");
var layerCount = 41; // Total number of the Main and the Sub menus

for(i=0; i<layerCount; i++){	
	var l_id = "L"+ (i+1);
	var l = new Layer(l_id, 0, 4, 0, 0, 0);
	l.ar(1, '<b><font class=MenuHead>Head Spring Farm</b></font>');
	l.fl();
}

function updateToolTip(menu, note){
		def_comment = document.getElementById(note).value;
		def_note = document.getElementById(note).name;
		var pointer_width = 20;
		var pointer_height = 40;
		var table_width = 259; //279
		var img_name="",img_src="";
		
		var retvalB = '<div id="dhtmltooltip"><table width="'+table_width+'" cellspacing="0" cellpadding="0" border="0">'
			+	'<tr><td colspan="2" width="'+pointer_width+'"></td><td colspan="2" width="30"><img src="images/corner_ul.gif" width="30" height="38" border="0"></td>'
			+	'<td width="179" background="images/line_top.gif" class="datacellone">' + def_note + '</td>'
			+	'<td colspan="2" width="30"><img src="images/corner_ur.gif" width="30" height="38" border="0"></td>'
			+	'<td></td><td></td>'
			+	'</tr>'
			+	'<tr><td colspan="2" width="'+pointer_width+'" valign="top"><img  src="images/pointer_ul.gif" width='+pointer_width+' height='+pointer_height+' border="0"></td>'
			+	'<td width="3" background="images/vert_line_left.gif"><img src="images/vert_line_left.gif" width="3" height="1" border="0"></td>'
			+	'<td width="27" bgcolor="white"><img src="images/blank.gif" width="1" height="1" border="0"></td>'
			+	'<td width="179" valign="top" bgcolor="white">';
		var retvalE = '</td><td width="27" bgcolor="white"><img src="images/blank.gif" width="1" height=1 border="0"></td>'
			+	'<td width="3" background="images/vert_line_left.gif"><img src="images/vert_line_left.gif" width=1 height=1 border="0"></td>'
			+	'</tr>'
			+	'<tr><td colspan="2" width="'+pointer_width+'"></td><td colspan="2" width="30"><img src="images/corner_ll.gif" width="30" height="31" border="0"></td>'
			//+	'<td width="179" valign="bottom" bgcolor="white"><img src="images/line_bot.gif" width=179 height=3 border="0"><input id="submit" align="right" type="image" src="images/tooltip_save.gif" value="Post It" onClick="procComment(\'' +note+ '\',\'' + menu + '_comment\')"><input id="clear" align="right" type="image" src="images/tooltip_cancel.gif" value="Close" onClick="hideMenu()"></td></form></table>'
			+	'<td width="179" valign="middle" bgcolor="white" background="images/line_bot.gif">'
			+   '<td class="bg_shadow" colspan="2" width="30"><img src="images/corner_lr.gif" width="30" height="31" border="0"></td>'
			+	'</tr></table></div>';
		var retval = retvalB
			+	'<table bgcolor="white" cellspacing="0" cellpadding="1" border="0">'
			+	'<tr class="datacelltwo"><form name="note">Comment:</tr>'
			+	'<tr><textarea class="datacellthree" id="' + menu + '_comment" name="' + menu + '_comment" rows="4" cols="29" wrap="soft">' +def_comment + '</textarea></tr>'
			+	'<tr><a href="javascript:procComment(\'' +note+ '\',\'' + menu + '_comment\')" onmouseover="chgPic(\'submit\',\'images/tooltip_save_ovr.gif\')" onmouseout="chgPic(\'submit\',\'images/tooltip_save.gif\')"><img align="right" src="images/tooltip_save.gif" name="submit"></a>'
			//+	'<tr><input id="submit" align="right" type="image" src="images/tooltip_save.gif" value="Post It" onClick="procComment(\'' +note+ '\',\'' + menu + '_comment\')">'
			//+	'<input id="clear" align="right" type="button" value="Close" onClick="hideMenu()"></form></tr></table>'
			+	'<a href="javascript:hideMenu();" onmouseover="chgPic(\'cancel\',\'images/tooltip_cancel_ovr.gif\')" onmouseout="chgPic(\'cancel\',\'images/tooltip_cancel.gif\')"><img id="clear" align="right" src="images/tooltip_cancel.gif" name="cancel"></a>'
			+   '</form></tr></table>'
			+ 	retvalE;
		return retval;
}

function procComment(c_id, comment){
	document.getElementById(c_id).value = document.getElementById(comment).value;
	hideMenu();
}

function setOpacity(obj, opacity) {
		opacity = (opacity == 100)?99.999:opacity;
		// IE/Win
		obj.style.filter = "alpha(opacity:"+opacity+")";
	  	// Safari<1.2, Konqueror
		obj.style.KHTMLOpacity = opacity/100;
		// Older Mozilla and Firefox
		obj.style.MozOpacity = opacity/100;
		// Safari 1.2, newer Firefox and Mozilla, CSS3
		obj.style.opacity = opacity/100;
}
function resetToolTip() {
	for(i=0; i<layerCount;i++){
		var j = i+1;
		var img_var = "I"+j;
		var cmt_var = "C"+j;
		var elementInfo;
		var curLeft = curTop = 0;
		var o1 = document.getElementById(img_var);
				
		if (document.all[layersList[i]].style.visibility == "visible"){
			elementInfo = document.getElementById(cmt_var);
			obj_layer = document.getElementById(layersList[i]);
			getImageOffset(o1);
			if (document.getElementById(img_var).type == "link") {
				linkLen = elementInfo.getAttribute('name').length;
				curLeft += linkLen * 5; curTop += -15;
			} else {
				curLeft += 15; curTop += -35;
			}
			
			obj_layer.style.left=curLeft;
			obj_layer.style.top=curTop;
			
			var retval = updateToolTip(layersList[i], cmt_var);
			obj_layer.innerHTML = retval;
			setOpacity(obj_layer, 90);
		}
	}
	
	function getImageOffset(obj){
		if (o1.offsetParent) {
			curLeft = o1.offsetLeft;
			curTop  = o1.offsetTop;
			while (o1 = o1.offsetParent) {
				curLeft += o1.offsetLeft;
				curTop  += o1.offsetTop;
			}
		}
	}
}
//--> end hide JavaScript