http://www.saubleresort.com/~navs/Saublehl.js

1var nav_Saublehl = new Object();
2
3nav_Saublehl.mouseoverBold="false";
4nav_Saublehl.selectedBgcolor="";
5nav_Saublehl.importedImageMouseOver="";
6nav_Saublehl.numLinks="2";
7nav_Saublehl.textColor="#000066";
8nav_Saublehl.mouseoverBgcolor="";
9nav_Saublehl.tabCategory="basic";
10nav_Saublehl.border="#000066";
11nav_Saublehl.selectedItalic="false";
12nav_Saublehl.graphicMouseover="true";
13nav_Saublehl.type="Navigation";
14nav_Saublehl.basicTab="White";
15nav_Saublehl.horizontalSpacing="10";
16nav_Saublehl.horizontalWrap="5";
17nav_Saublehl.shinyButton="Shiny_Aqua";
18nav_Saublehl.mouseoverEffect="true";
19nav_Saublehl.modernButton="Basic_Black";
20nav_Saublehl.orientation="horizontal";
21nav_Saublehl.funButton="Arts_and_Crafts";
22nav_Saublehl.darkButton="Basic_Black";
23nav_Saublehl.selectedTextcolor="#B91806";
24nav_Saublehl.lineWidth="2";
25nav_Saublehl.mouseoverTextcolor="#B91806";
26nav_Saublehl.bold="false";
27nav_Saublehl.texturedButton="Brick";
28nav_Saublehl.accentStyle="Square";
29nav_Saublehl.style="text";
30nav_Saublehl.holidayButton="Christmas_Ornaments";
31nav_Saublehl.textSize="10";
32nav_Saublehl.lineColor="#000066";
33nav_Saublehl.brightButton="Chicky";
34nav_Saublehl.mouseoverUnderline="false";
35nav_Saublehl.accentColor="Black";
36nav_Saublehl.imageHeight="";
37nav_Saublehl.background="";
38nav_Saublehl.textFont="Helvetica";
39nav_Saublehl.hasLinks="true";
40nav_Saublehl.sophisticatedButton="Antique";
41nav_Saublehl.underline="false";
42nav_Saublehl.simpleButton="Autumn_Leaves";
43nav_Saublehl.italic="false";
44nav_Saublehl.importedImageSelected="";
45nav_Saublehl.basicButton="Gray";
46nav_Saublehl.navID="nav_Saublehl";
47nav_Saublehl.buttonCategory="basic";
48nav_Saublehl.dirty="false";
49nav_Saublehl.selectedBold="false";
50nav_Saublehl.selectedEffect="true";
51nav_Saublehl.graphicSelected="true";
52nav_Saublehl.version="5";
53nav_Saublehl.verticalSpacing="10";
54nav_Saublehl.squareTab="Camel";
55nav_Saublehl.mouseoverItalic="false";
56nav_Saublehl.justification="center";
57nav_Saublehl.imageWidth="";
58nav_Saublehl.selectedUnderline="false";
59nav_Saublehl.accentType="lines";
60nav_Saublehl.importedImage="";
61nav_Saublehl.width="176";
62nav_Saublehl.height="30";
63
64nav_Saublehl.navName = "Saublehl";
65nav_Saublehl.imagePath = "null";
66nav_Saublehl.selectedImagePath = "/~media/elements/LayoutClipart/";
67nav_Saublehl.mouseOverImagePath = "/~media/elements/LayoutClipart/";
68nav_Saublehl.imageWidth = "16";
69nav_Saublehl.imageHeight = "16";
70nav_Saublehl.fontClass = "size10 Helvetica10";
71nav_Saublehl.fontFace = "Helvetica, Arial, sans-serif";
72
73
74var baseHref = '';
75// this will only work if getElementsByTagName works
76if (document.getElementsByTagName)
77{
78    // this will only work if we can find a base tag
79    var base = document.getElementsByTagName('base');
80    // Verify that the base object exists
81    if (base && base.length > 0)
82    {
83        // if you don't specify a base href, href comes back as undefined
84        if (base[0].href != undefined)
85        {
86            // get the base href
87            baseHref = base[0].href;
88            // add a trailing slash if base href doesn't already have one
89            if (baseHref != '' && baseHref.charAt(baseHref.length - 1) != '/')
90            {
91                baseHref += '/';
92            }
93        }
94    }
95}
96
97
98nav_Saublehl.links=new Array(2);
99var nav_Saublehl_Link1 = new Object();
100nav_Saublehl_Link1.type = "existing";
101nav_Saublehl_Link1.displayName = "Sauble Resort";
102nav_Saublehl_Link1.linkWindow = "_self";
103nav_Saublehl_Link1.linkValue = "index.html";
104nav_Saublehl_Link1.linkIndex = "1";
105nav_Saublehl.links[0] = nav_Saublehl_Link1;
106var nav_Saublehl_Link2 = new Object();
107nav_Saublehl_Link2.type = "url";
108nav_Saublehl_Link2.displayName = "Boat Rental";
109nav_Saublehl_Link2.linkWindow = "_self";
110nav_Saublehl_Link2.linkValue = "http:\/\/www.hamlinlakeboatrentals.com";
111nav_Saublehl_Link2.linkIndex = "2";
112nav_Saublehl.links[1] = nav_Saublehl_Link2;
113function backgroundMouseOn(tdElement, newColor)
114{
115	if(tdElement != null) {
116		tdElement.oldBGColor = tdElement.style.backgroundColor;
117		tdElement.style.backgroundColor = newColor;
118	}
119}
120function backgroundMouseOff(tdElement)
121{
122	if(tdElement != null) {
123		tdElement.style.backgroundColor = tdElement.oldBGColor;
124	}
125} 
126
127function doMouseChange(Navigation,tdElement,linkIndex,bisMouseOver) {
128	if (Navigation.mouseoverEffect != 'true') {
129		return;
130	}	
131	var link = Navigation.links[linkIndex-1];
132	var bIsCurrentPage = isCurrentPage(link);
133	var bShowMouseoverBg = !(bIsCurrentPage
134			&& 'true' == Navigation.selectedEffect && Navigation.selectedBgcolor);
135	var fontElement = getLinkFontElement(tdElement);
136	if(fontElement != null) {
137		doFontChange(Navigation,fontElement,bIsCurrentPage,bisMouseOver);
138	}
139	
140	if (Navigation.mouseoverBgcolor && bShowMouseoverBg) {
141		if(bisMouseOver) {
142			backgroundMouseOn(tdElement,Navigation.mouseoverBgcolor);
143		} else {
144			backgroundMouseOff(tdElement);
145		}
146	}
147}
148function addStyle(Navigation, Link, tdElement,vNavTrElement) {
149	if (tdElement == null) {
150		return;
151	}
152	var strFontColor = Navigation.textColor;
153	if ('true' == Navigation.selectedEffect) {
154		if (Navigation.selectedTextcolor) {
155			strFontColor = Navigation.selectedTextcolor;
156		}
157		if (Navigation.selectedBgcolor) {
158			if (Navigation.orientation == 'horizontal') {
159				tdElement.style.backgroundColor = Navigation.selectedBgcolor;
160			} else {
161				if (vNavTrElement != null) {
162					vNavTrElement.style.backgroundColor = Navigation.selectedBgcolor;
163				}
164			}
165		}
166	}
167	var fontElement = getLinkFontElement(tdElement);
168	if (fontElement != null) {
169		fontElement.style.color = strFontColor;
170	}
171	tdElement.style.color = strFontColor;
172	if ('true' == Navigation.selectedEffect) {
173		if ('true' == Navigation.selectedBold) {
174			tdElement.style.fontWeight = "bold";
175		}
176		if ('true' == Navigation.selectedItalic) {
177			tdElement.style.fontStyle = "italic";
178		}
179		if ('true' == Navigation.selectedUnderline) {
180			tdElement.style.textDecoration = "underline";
181		}
182	}
183}
184
185// Combined escape html and javascript
186function escapeHtmlInlineScript(s, escapeSingleQuotes, escapeDoubleQuotes){
187	return htmlEncode(escapeScript(s, escapeSingleQuotes, escapeDoubleQuotes));
188}
189
190function htmlEncode(s){
191	if (typeof(s) != "string") return "";
192	
193	var result = "";
194	for (var i = 0; i < s.length; i++) {
195		var ch = s.charAt(i);
196		switch (ch) {
197		case '<':
198			result += "&lt;";
199			break;
200		case '>':
201			result += "&gt;";
202			break;
203		case '&':
204			result += "&amp;";
205			break;
206		case '"':
207			result += "&quot;";
208			break;

209		case "'":
210			result += "'";
211			break;
212		default:
213			result += ch;
214		}
215	}
216	return result;
217}
218
219/* escapes slashes and quotes. the default is to escape quotes,
220 * but this can be turned off.
221 * this function is used for javascript and also for escaping urls
222 * within background-image css.	 
223 */
224function escapeScript(s, escapeSingleQuotes, escapeDoubleQuotes){
225	if (typeof(s) != "string") return "";
226	
227	var result = "";
228	for (var i = 0; i < s.length; i++) {
229		var ch = s.charAt(i);
230		switch (ch) {
231		case '\'':
232			if (escapeSingleQuotes == null || escapeSingleQuotes)
233				result += "\\\'";
234			break;
235		case '\"':
236			if (escapeDoubleQuotes == null || escapeDoubleQuotes)
237				result += "\\\"";
238			break;
239		case '\\':
240			result += "\\\\";
241			break;
242		default:
243			result += ch;
244		}
245	}
246	return result;
247}
248
249//
250// This .js file includes utility functions used by both graphical and text navs
251// in their rendering.  User pages including a nav element will import this file, along
252// with TextNavigation.js and GraphicNavigation.js.  The functions within will
253// be called by the [navname].js file generated at publish time.
254
255function fixLinkValue(Link)
256{
257	if(Link.type!='existing')
258	{
259		return Link.linkValue;
260	}
261	else
262	{
263		return baseHref + strRelativePathToRoot + Link.linkValue;
264	}
265}
266
267function isCurrentPage(Link)
268{
269	if(Link.type!='existing')
270	{
271		return false;
272	}
273	var strLinkValue = Link.linkValue.toLowerCase();
274	return (strRelativePagePath == strLinkValue);
275}
276
277function toggleOnMouseChange(fontElement,newColor, bold, underline, italic)
278{
279	if(fontElement == null) {
280		return;
281	}
282	if(newColor)
283	{
284		fontElement.style.color=newColor;
285	}
286	fontElement.style.fontWeight = (bold=='true' ? 'bold' : 'normal');
287	fontElement.style.textDecoration = (underline=='true' ? 'underline' : 'none');
288	fontElement.style.fontStyle = (italic=='true' ? 'italic' : 'normal');
289
290}
291
292function doFontChange(Navigation,fontElement,bIsCurrentPage,bisMouseOver) {
293	if(fontElement == null) {
294		return;
295	}
296	var textColor;
297	var baseTextColor = Navigation.textColor;
298	var bold;
299	var baseBold = Navigation.bold;
300	var underline;
301	var baseUnderline = Navigation.underline;
302	var italic;
303	var baseItalic = Navigation.italic;
304	if (bIsCurrentPage && 'true' == Navigation.selectedEffect) {
305		textColor = Navigation.selectedTextcolor ? Navigation.selectedTextcolor
306				: (Navigation.mouseoverTextColor ? Navigation.mouseoverTextcolor
307						: Navigation.textColor);
308		baseTextColor = Navigation.selectedTextcolor ? Navigation.selectedTextcolor
309				: Navigation.textColor;
310		baseBold = bold = Navigation.selectedBold;
311		baseUnderline = underline = Navigation.selectedUnderline;
312		baseItalic = italic = Navigation.selectedItalic;
313	} else {
314		textColor = Navigation.mouseoverTextcolor ? Navigation.mouseoverTextcolor
315				: Navigation.textColor;
316		bold = Navigation.mouseoverBold;
317		underline = Navigation.mouseoverUnderline;
318		italic = Navigation.mouseoverItalic;
319	}
320	
321	if(bisMouseOver) {
322		toggleOnMouseChange(fontElement,textColor,bold,underline,italic);
323	} else {
324		toggleOnMouseChange(fontElement,baseTextColor,baseBold,baseUnderline,baseItalic);
325	}
326	
327
328}
329
330function addMouseAndStyleSupportSaublehl(Navigation,navTbId) {
331	var startNode;
332
333	if(typeof(nav_element_id) != 'undefined' && document.getElementById(nav_element_id) != null) {
334		startNode = document.getElementById(nav_element_id);
335			
336	} else if(navTbId != null) {
337		startNode = document.getElementById(navTbId);
338			
339	}
340	
341	if(startNode != null) {
342	  searchForCurrentPageTd(Navigation,startNode);
343	}
344	
345
346}
347
348function searchForCurrentPageTd(Navigation,startNode) {
349	
350	if(startNode.childNodes != null) {
351		for(var i=0;i<startNode.childNodes.length;i++){
352			if(addStyleForCurrentPageTd(Navigation,startNode.childNodes[i])){
353			   return;	
354			} else {
355			   searchForCurrentPageTd(Navigation,startNode.childNodes[i]);
356			}
357		}
358	}
359
360}
361
362function addStyleForCurrentPageTd(Navigation,currentNode) {
363	if(Navigation.orientation == 'horizontal') {
364		if(currentNode.tagName == 'TD' && currentNode.id != '' && currentNode.id.indexOf(Navigation.navName+navTDLinkPart) != -1){
365			var currentTDIdPrefix = Navigation.navName+navTDLinkPart;
366			var linkId = currentNode.id.substring(currentTDIdPrefix.length,currentNode.id.length);
367			if(isCurrentPage(Navigation.links[linkId-1]) == true) {
368				addStyle(Navigation, Navigation.links[linkId-1],currentNode);
369				return true;
370			}
371		}
372	} else {
373		if(currentNode.tagName == 'TR' && currentNode.id != '' && currentNode.id.indexOf(navTRLinkPrefix) != -1){	

374			var currentTRIdPrefix = navTRLinkPrefix+Navigation.navName;
375			var linkId = currentNode.id.substring(currentTRIdPrefix.length,currentNode.id.length);
376			if(isCurrentPage(Navigation.links[linkId-1]) == true && currentNode.childNodes != null) {
377				var currentPageTd;
378				for(var i=0;currentNode.childNodes.length;i++) {
379					if(typeof(currentNode.childNodes[i].tagName) != 'undefined' && currentNode.childNodes[i].tagName == 'TD' && currentNode.childNodes[i].id.indexOf(Navigation.navName+navTDLinkPart) != -1) {
380						currentPageTd = currentNode.childNodes[i];
381						addStyle(Navigation, Navigation.links[linkId - 1],currentPageTd,currentNode);
382						return true;
383					}
384				}
385			}
386		}
387	}
388	return false;
389}
390
391function getChildElementFromTree(startNode,nodesToTraverse) {
392	var currentChildNode = startNode;
393	
394	for(var n= 0;n<nodesToTraverse.length;n++) {
395		currentChildNode = getMatchingChildByTag(currentChildNode.childNodes,nodesToTraverse[n]);
396	}
397	
398	return currentChildNode;
399}
400
401
402function getMatchingChildByTag(childNodes,tagName) {
403	var child;
404	for(var i=0;childNodes.length;i++) {
405		if(childNodes[i].tagName == tagName) {
406			child = childNodes[i];
407			break;
408		}
409	}
410	return child;
411}
412function getLinkFontElement(tdElement){
413	var fontElement;
414	var aElement = getChildElementFromTree(tdElement,['A']);
415	for(var i=0;i < aElement.childNodes.length;i++) {
416		if(aElement.childNodes[i].tagName == 'DIV') {
417		 	fontElement = getChildElementFromTree(aElement.childNodes[i],['FONT']);
418		 	break;
419		} else if(aElement.childNodes[i].tagName == 'FONT'){
420		 	fontElement = 	aElement.childNodes[i];
421		 	break;
422		}
423	
424	}
425	return fontElement;
426}
427
428
429
430	if(typeof(navTRLinkPrefix) == 'undefined') {
431		navTRLinkPrefix = 'vNavTR_Link_';
432	}
433	if(typeof(navTDLinkPart) == 'undefined') {
434		navTDLinkPart = '_Link';
435	}
436	if(document.getElementById('nav_version') == null) {
437	if (typeof(navTBSuffix) == 'undefined') {
438	navTBSuffix = 0;
439	} else {navTBSuffix++;}

440		document.write('<TABLE ID="ntb'+navTBSuffix+'"  CELLSPACING=\"0\" BORDER=\"0\" CELLPADDING=\"0\"><TR HEIGHT=\"2\" BGCOLOR=\"#000066\"><TD HEIGHT=\"2\" COLSPAN=\"3\"><IMG style=\"display: block;\" SRC=\"\/tp.gif\" HEIGHT=\"2\" ALT=\"\"><\/TD><\/TR><TR><TD WIDTH=\"2\" BGCOLOR=\"#000066\"><IMG style=\"display: block;\" SRC=\"\/tp.gif\" HEIGHT=\"2\" ALT=\"\"><\/TD><TD><TABLE ID=\"ntb\" CELLSPACING=\"0\" CELLPADDING=\"0\" BORDER=\"0\" ><TR ALIGN=\"CENTER\" VALIGN=\"MIDDLE\"><TD><TABLE CELLSPACING=\"0\" CELLPADDING=\"0\" BORDER=\"0\"><TR><TD ALIGN=\"center\" VALIGN=\"MIDDLE\" NOWRAP=\"NOWRAP\" id=\"Saublehl_Link1\" style=\"cursor: pointer;cursor: hand;color:#000066;font-size: 1px; line-height: 1px;\" onmouseover=\"doMouseChange(nav_Saublehl,this,\'1\',true);\" onmouseout=\"doMouseChange(nav_Saublehl,this,\'1\',false);\"><A HREF=\"\/index.html\" TARGET=\"_self\" STYLE=\"text-decoration:none;\" NAME=\"Sauble Resort\"><IMG style=\"display: block;\" SRC=\"\/tp.gif\" WIDTH=\"1\" HEIGHT=\"5.0\" BORDER=\"0\"><IMG SRC=\"\/tp.gif\" WIDTH=\"5.0\" HEIGHT=\"1\" BORDER=\"0\"><FONT ID=\"Saublehl_f1\" FACE=\"Helvetica, Arial, sans-serif\" CLASS=\"size10 Helvetica10\" STYLE=\"color:#000066\">Sauble&nbsp;Resort<\/FONT><IMG SRC=\"\/tp.gif\" WIDTH=\"5.0\" HEIGHT=\"1\" BORDER=\"0\"><IMG style=\"display: block;\" SRC=\"\/tp.gif\" WIDTH=\"1\" HEIGHT=\"5.0\" BORDER=\"0\"><\/A><\/TD><TD WIDTH=\"2\" BGCOLOR=\"#000066\"><IMG style=\"display: block;\" SRC=\"\/tp.gif\" WIDTH=\"2\"><\/TD><TD ALIGN=\"center\" VALIGN=\"MIDDLE\" NOWRAP=\"NOWRAP\" id=\"Saublehl_Link2\" style=\"cursor: pointer;cursor: hand;color:#000066;font-size: 1px; line-height: 1px;\" onmouseover=\"doMouseChange(nav_Saublehl,this,\'2\',true);\" onmouseout=\"doMouseChange(nav_Saublehl,this,\'2\',false);\"><A HREF=\"http:\/\/www.hamlinlakeboatrentals.com\" TARGET=\"_self\" STYLE=\"text-decoration:none;\" NAME=\"Boat Rental\"><IMG style=\"display: block;\" SRC=\"\/tp.gif\" WIDTH=\"1\" HEIGHT=\"5.0\" BORDER=\"0\"><IMG SRC=\"\/tp.gif\" WIDTH=\"5.0\" HEIGHT=\"1\" BORDER=\"0\"><FONT ID=\"Saublehl_f2\" FACE=\"Helvetica, Arial, sans-serif\" CLASS=\"size10 Helvetica10\" STYLE=\"color:#000066\">Boat&nbsp;Rental<\/FONT><IMG SRC=\"\/tp.gif\" WIDTH=\"5.0\" HEIGHT=\"1\" BORDER=\"0\"><IMG style=\"display: block;\" SRC=\"\/tp.gif\" WIDTH=\"1\" HEIGHT=\"5.0\" BORDER=\"0\"><\/A><\/TD><\/TR><\/TABLE><\/TD><\/TR><\/TABLE><\/TD><TD WIDTH=\"2\" BGCOLOR=\"#000066\"><IMG style=\"display: block;\" SRC=\"\/tp.gif\" HEIGHT=\"2\" ALT=\"\"><\/TD><\/TR><TR HEIGHT=\"2\" BGCOLOR=\"#000066\"><TD HEIGHT=\"2\" COLSPAN=\"3\"><IMG style=\"display: block;\" SRC=\"\/tp.gif\" HEIGHT=\"2\" ALT=\"\"><\/TD><\/TR><\/TABLE><script type="text/javascript">addMouseAndStyleSupportSaublehl(nav_Saublehl,"ntb'+navTBSuffix+'");'+'</scri'+'pt>');
441	}
442