/////////////////////////////////////////////////////////////////////////////
// Copyright (c) 2007, 2008, Oracle. All rights reserved.
// Function : NavMultiHorizontal
// Comments : 
/////////////////////////////////////////////////////////////////////////////

function NavMultiHorizontal(strTextColor, strHoverColor, strFocusColor,
		strSeparator, strClassName, strShowHome, strStartLevel, strNumLevels) {
	this.m_TextColor = '';
	this.m_HoverColor = '';
	this.m_FocusColor = '';
	this.m_Separator = '';
	this.m_ClassName = 'NavMultiHorizontal';

	this.m_ShowHome = false;

	this.m_StartLevel = 1;
	this.m_NumLevels = 1;
	this.m_EndLevel = 1;

	this.m_level1Alt = false;

	this.m_NavPath = g_navNode_Path;

	NavMultiHorizontal.prototype.Display = NavMultiHorizontal_Display;
	NavMultiHorizontal.prototype.DisplaySubLevel = NavMultiHorizontal_DisplaySubLevel;

	if (strTextColor != '')
		this.m_TextColor = strTextColor;

	if (strHoverColor != '')
		this.m_HoverColor = strHoverColor;

	if (strFocusColor != '')
		this.m_FocusColor = strFocusColor;

	if (strSeparator != '')
		this.m_Separator = strSeparator;

	if (strClassName != '')
		this.m_ClassName = strClassName;

	if (strShowHome == 'true')
		this.m_ShowHome = true;

	if (strStartLevel != '') {
		var value = parseInt(strStartLevel);
		if (value != NaN)
			this.m_StartLevel = value;
	}

	if (strNumLevels != '') {
		var value = parseInt(strNumLevels);
		if (value != NaN)
			this.m_NumLevels = value;
	}

	this.m_EndLevel = this.m_StartLevel + this.m_NumLevels - 1;
}

function NavMultiHorizontal_Display(node) {
	document.write('<div class="menu">');
	this.DisplaySubLevel(node);
	document.write('</div>');
}

function NavMultiHorizontal_DisplaySubLevel(node) {
	var bSelected = false;
	var bDisplay = false;

	var nodeColor = this.m_TextColor;
	var nodeClass = this.m_ClassName
	var nodeLevel = node.m_level + 1;

	if (nodeLevel > 6)
		nodeLevel = 6;

	var ds = new Array();
	var di = 0;
	var count = 0;

	var selectedNode = null;

	if (this.m_ShowHome && (node.m_level == 0))
		count = -1;

	var href = '';
	var label = '';

	if (node.m_level >= this.m_StartLevel - 1 && node.m_level < this.m_EndLevel)
		bDisplay = true;

	if (bDisplay) {
		ds[di++] = '<ul id="menu' + nodeLevel + '"';

		if (nodeLevel > 0)
			ds[di++] = ' class="' + nodeClass + '-' + nodeLevel + '"';
		else
			ds[di++] = ' class="' + nodeClass + '"';

		ds[di++] = '>';
		// ds[di++] = '&nbsp;';
	}

	for (; count < node.m_subNodes.length; count++) {
		bSelected = false;
		nodeColor = this.m_TextColor;

		if (count == -1) // Root/home link
		{
			// this is only really applicable if we're working the top level
			// but the same technique could be used to display a generalised
			// "back-up-one-level")

			if ((this.m_NavPath.length == node.m_level + 1)
					&& (this.m_NavPath[node.m_level] == node.m_id)) {
				bSelected = true;
			}

			label = node.m_label;
			href = node.m_href;
		} else {
			if (this.m_NavPath.length >= node.m_subNodes[count].m_level) {
				if (this.m_NavPath[node.m_subNodes[count].m_level] == node.m_subNodes[count].m_id) {
					bSelected = true;
					selectedNode = node.m_subNodes[count];
				}
			}
			label = node.m_subNodes[count].cp_AltLabel;
			if (label == null) {
				label = node.m_subNodes[count].m_label;
			}

			var matches = label.match(/\|/g, label);
			var numOfLines = 1;
			if (matches != null) {
				numOfLines = numOfLines + matches.length;
			}

			var anchorInlineStyle = "";
			if (numOfLines == 1) {
				anchorInlineStyle = "line-height:10px;padding-top:10px;padding-bottom:12px;";
			} else if (numOfLines == 2) {
				anchorInlineStyle = "line-height:10px;padding-top:5px;padding-bottom:7px;";
			} else if (numOfLines == 3) {
				anchorInlineStyle = "line-height:10px;padding-top:0px;padding-bottom:2px;";
			}

			label = label.replace(/\|/g, "<br>");

            var altHREF = node.m_subNodes[count].cp_AltURL;
            if(altHREF != null && altHREF != ""){
              href = altHREF;
            }
            else{
            	href = node.m_subNodes[count].m_href;
            }
		}

		if (bSelected) {
			nodeColor = this.m_FocusColor;
			nodeClass = 'focus';
		} else {
			nodeColor = this.m_TextColor;
			nodeClass = '';
		}

		// if (nodeLevel > 0)
		// nodeClass += '-' + nodeLevel;

		// Marketplace test start
		if (node.m_subNodes[count].cp_Menu1Hide == null	|| "FALSE" == node.m_subNodes[count].cp_Menu1Hide.toUpperCase()) {
			// Marketplace test end

			if (bDisplay) {

				var showAltColor = false;
				if (node.m_subNodes[count].cp_Menu1AltColor != null
						&& "TRUE" == node.m_subNodes[count].cp_Menu1AltColor
								.toUpperCase()) {
					showAltColor = true;
				}
				if (this.m_level1Alt == false && showAltColor) {
					ds[di++] = '<li style="margin: 0px 0px -5px 0px;padding: 0px;"><img style="margin: 0px;padding: 0px;" src="' + dividerImageURL + '"></li>';
					this.m_level1Alt = true;
				}

				if (bSelected) {
					ds[di++] = '<li id="focus' + nodeLevel + '">';
				} else if (showAltColor) {
					ds[di++] = '<li id="alt' + nodeLevel + '">';
				} else {
					ds[di++] = '<li>';
				}

				// change href to the first level 2 node under this node
				if (nodeLevel == 1) {
					var parentNode = node.m_subNodes[count];
					var subNode = parentNode.m_subNodes[0];
					if (subNode != null) {
						var subNodeHref = subNode.m_href;
						var subNodeLabel = subNode.m_label;
						href = subNodeHref;
					}
				}

				ds[di++] = '<a style="' + anchorInlineStyle + '" href="' + href
						+ '"';

				ds[di++] = ' class="' + nodeClass + '"';

				if (nodeColor != '') {
					ds[di++] = ' style="color:' + nodeColor + ';"';

					if (!bSelected && this.m_HoverColor != '') {
						ds[di++] = ' onmouseover="this.style.color=\'' + this.m_HoverColor + '\'"';
						ds[di++] = ' onmouseout="this.style.color=\'' + nodeColor + '\'"';
					}
				}

				ds[di++] = '>';
				ds[di++] = label;
				ds[di++] = '</a>';

				// if (count < node.m_subNodes.length - 1)
				// {
				// ds[di++] = '&nbsp;';
				// ds[di++] = this.m_Separator;
				// ds[di++] = '&nbsp;';
				// }
				// else
				// {
				// ds[di++] = '&nbsp;';
				// }
				ds[di++] = '</li>'
			}
		}
	}

	if (bDisplay) {
		ds[di++] = '</ul>';
		document.write(ds.join(''));
	}

	if (selectedNode != null)
		this.DisplaySubLevel(selectedNode);
}