<!--
function MM_showHideLayers() { //v9.0

  var i,p,v,obj,args=MM_showHideLayers.arguments;
  for (i=0; i<(args.length-2); i+=3) 
  with (document) if (getElementById && ((obj=getElementById(args[i]))!=null)) { v=args[i+2];
    if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
    obj.visibility=v; 

    }
}
//-->

function ChangeLinkCSS(anchorID, cssClass)
{
	var anchor = document.getElementById(anchorID);
	anchor.className = cssClass;
}

var NavigationTabsHTML = "<div id='MainNavigationBox'><ul>";
var itemCount = 0;
var BannerHeight = 216;
var spaceOfOccupiedByLink = 25;
var NoOfLinks = Math.round(parseFloat(BannerHeight/spaceOfOccupiedByLink));
var NoOfCharactersAllowed = 39;
var InnerHTML = "";
var FooterInnerTags = "";
var FooterInnerHTML = "<div style='width: 75%' class='customFooterLeft'>";
var rowLimit = 4;
var noOfColumns = 0;
var MaxLength = 100;

$(document).ready(function(){
$.ajax({
	type: 'GET',
	url: '/Style Library/BitscapeBrand1/XML/Navigation.xml',
	dataType: 'xml',
	success: function(xml_list) {
		var xmlArr = [];
		var node = $(xml_list).find('level1');
		itemCount = node.length;
		node.each(function() {
			var LinkTitle = $(this).attr('title');
			var RedirectLink = $(this).attr('url');
			var NavImage = $(this).attr('navimage');
			
			var LinkText = GetLinkText(LinkTitle, itemCount);
			var MainDivID = "MainNavigationBox" + LinkTitle.replace(" ","") + "Over";
			
			var tab = 
		          	"<li>" 		          	
		          	+ "<a  onmouseover=\"MM_showHideLayers('"+ MainDivID + "','','show')\" onmouseout=\"MM_showHideLayers('" + MainDivID + "','','hide')\" alt='" + LinkTitle + "' title='" + LinkTitle + "' href='" + RedirectLink  + "'>" + LinkText + "</a></li>";
		          	
          	NavigationTabsHTML += tab;      	
			var FooterTags = "<div style='width: 33%; display: block; float: left'><span class='FooterTitle'>" + LinkText + "</span><br>";
          	
          	var innerTags = GetSubItemsFromXML($(this), LinkTitle, RedirectLink, MainDivID, NavImage);
            InnerHTML += innerTags;
            
            FooterTags += FooterInnerTags;
	        FooterInnerHTML += FooterTags + "</div>";
			
		}); // end each loop                 
		NavigationTabsHTML = NavigationTabsHTML + "</ul></div>";
    	$('#tdMainNavigation').html(NavigationTabsHTML);
        $('#customHeader').append(InnerHTML);
        
        FooterInnerHTML += "</div>";
	    $('#footerNav').html(FooterInnerHTML);				  				   		  
	    
	} // end post AJAX call operaitons
}); // end AJAX
});

function GetSubItemsFromXML(node, headerTitle, headerLink, MainDivID, Image)
{	
	var hasSubLinks = false;
	var HTML = "<div id='" + MainDivID + "'  onmouseover=\"MM_showHideLayers('" 
	+ MainDivID + "','','show','SubNavDiv0','','show')\" onmouseout=\"MM_showHideLayers('" 
	+ MainDivID + "','','hide','SubNavDiv0','','hide')\"><table width='100%' border='0' cellspacing='0' cellpadding='0'>"
	+ "<tr><td><div class='MainNavigation" + headerTitle + "TabOver'><a href='" + headerLink + "' class='MainNavigationOverLink'>" 
	+ headerTitle + "</a></div></td></tr><tr><td><table width='100%' border='0' cellpadding='0' cellspacing='0' class='MainNavigationOverBoxBG'>"
	+ "<tr><td height='250' width='256' >";	

	var counter = 0;
	var FirstTdChildElements = "";
	var SecondTdChildElements = "";
	
	var rows = new Array();	
	var rowCounter = 0;
	var isFirstColumn = true;
	var subNode = node.find('level2');
	var footerCounter = 0;
	
	var itemCount = subNode.length;
	FooterInnerTags = "";

	subNode.each(function(){
		var DivId = "SubNavDiv" + counter;	     		        
		var RedirectLink = $(this).attr('url');
		var LinkTitle = $(this).attr('title');
		var LinkText = GetLinkText(LinkTitle, itemCount);		
		
		//if current link has sub links or not	          		
  		if(typeof Image == "undefined")
  		{
  			var anchorId = "anchor" + counter;	
									
			SecondTdChildElements += GetSubLinksFromXML($(this), LinkText, DivId, $(this).attr("navimage"), anchorId);
			hasSubLinks = true;			
						
			var innerTags = "<a id='" + anchorId + "' alt='" + LinkTitle + "' title='" + LinkTitle + "' href='" + RedirectLink + "' class='MainNavigationSubMenuLink'" 
			+ "onmouseover=\"MM_showHideLayers('" + DivId + "','','show')\" onmouseout=\"MM_showHideLayers('" + DivId + "','','hide')\">"
			+ LinkText + "</a>";	
	
			FirstTdChildElements += innerTags;	
			counter++;
		}
		else
		{
			if(isFirstColumn)
			{
				var lineheight = "8px";
				if(noOfColumns <= 1)
					lineheight = "11px !important";
					
				rows.push("<td style='line-height:" + lineheight + ";' width='33%' valign='top' class='MainNavigationSubMenuLinkTD'><a alt='" + LinkTitle + "' title='" + LinkTitle 
				+ "' href='" + RedirectLink + "' class='sublink'>" +  LinkText + "</a></td>");		
				rowCounter++;
				if(rowCounter > NoOfLinks)
				{
					rowCounter = 0;								
					isFirstColumn = false;
				}
			}
			else
			{
				var HTML = rows[rowCounter];
				rows[rowCounter] = HTML + "<td width='33%' valign='top' class='MainNavigationSubMenuLinkTD'><a alt='" 
				+ LinkTitle + "' title='" + LinkTitle + "' href='" + RedirectLink 
				+ "' class='sublink'>" +  LinkText + "</a></td>";
				
				rowCounter++;
				
				if(rowCounter > NoOfLinks)
					rowCounter = 0;								
			}
			
		}
		
		if(footerCounter < rowLimit)
		{
			FooterInnerTags += "<a alt='" + LinkTitle + "' title='" + LinkTitle + "' class='FooterLink' href='" + RedirectLink + "'>" + LinkText + "</a><br>";
			footerCounter++;
		}

	});
	
	if(typeof Image == "undefined")
    {
			var Endingtags = "</tr></table></td></tr></table></div>";	
  	  		HTML = HTML + FirstTdChildElements + "</td>" + "<td valign='top'>" + SecondTdChildElements + "</td>" + Endingtags;	
   	}
   	else
   	{
   	  		for(var i = 0 ;i < rows.length ; i++)
			{
				var Tags = "<tr>" + rows[i] + "</tr>";
				SecondTdChildElements += Tags;
			}   	  		
   	  		
   	  		var Endingtags = "</table></td></tr></table></td></tr></table></div>";
   	  		HTML = HTML 
   	  		+ "<img src='" + Image.split(',')[0] + "' width='245' height='230' /></td><td valign='top'>"
   	  		+ "<table width='96%' border='0' align='center' cellpadding='0' cellspacing='0'>"
   	  		+ "<tr><td valign='top' class='MainNavigationConsultingTabTitle' colspan='3'>" + headerTitle 
   	  		+ "</td><td valign='top'>&nbsp;</td><td valign='top'>&nbsp;</td></tr>"
   	  		+ SecondTdChildElements + Endingtags;                                                                                                                                                   
   	}
   	return HTML;
}

function GetSubLinksFromXML(subNode, headerTitle, DivId, Image, anchorId)
{
	var HTML = "<div id='" + DivId + "' class='MainNavigationSubMenuLinkBoxHIDDEN'" +  
	"onmouseover=\"MM_showHideLayers('" + DivId  + "','','show');ChangeLinkCSS('" 
	+ anchorId + "','MainNavigationSubMenuLinkActive');\" onmouseout=\"MM_showHideLayers('" 
	+ DivId + "','','hide');ChangeLinkCSS('" + anchorId +"','MainNavigationSubMenuLink');\">"
	+ "<table width='98%' border='0' cellspacing='0' cellpadding='0' align='center'><tr><td valign='top'>"
	+ "<table width='98%' border='0' cellspacing='0' cellpadding='0' align='center'><tr>"
	+ "<td valign='top' class='MainNavigationConsultingTabTitle' colspan='3'>" + headerTitle + "</td></tr>";
	
	var rows = new Array();	
	var innerTags = "";
	var counter = 0;
	var isFirstColumn = true;
	
	var subLinkNode = subNode.find('level3');
	var itemCount = subLinkNode.length;
	
	subLinkNode.each(function(){	
		var redirectLink = $(this).attr("url");
		var LinkTitle =  $(this).attr("title");
    	var LinkText = GetLinkText(LinkTitle , itemCount);
          		
		if(isFirstColumn)
		{
			var lineheight = "8px";
				if(noOfColumns <= 1)
					lineheight = "11px !important";

		
			rows.push("<td style='line-height:" + lineheight + ";' valign='top'  width='33%' class='MainNavigationSubMenuLinkTD'><a alt='" 
			+ LinkTitle + "' title='" + LinkTitle + "' href='" + redirectLink 
			+ "' class='sublink'>" + LinkText + "</a></td>");		
			counter++;
			if(counter > NoOfLinks)
			{
				counter = 0;								
				isFirstColumn = false;
			}
		}
		else
		{
			var HTML = rows[counter];
			rows[counter] = HTML + "<td width='33%' valign='top'  class='MainNavigationSubMenuLinkTD'><a alt='" 
			+ LinkTitle + "' title='" + LinkTitle + "' href='" + redirectLink 
			+ "' class='sublink'>" + LinkText + "</a></td>";
			
			counter++;
			
			if(counter > NoOfLinks)
				counter = 0;								
		}																				     
	});
	
	for(var i = 0 ;i < rows.length ; i++)
	{
		var Tags = "<tr>" + rows[i] + "</tr>";
		innerTags += Tags;
	}

	HTML += innerTags;
	
	if(typeof Image == "undefined")
	{
		HTML += "</table></td>" 
		+ ""
		+ "</tr></table></div>";
	}
	else
	{
		HTML += "</table></td>" 
		+ "<td width='255' height='245' valign='top'><img src='" + Image.split(',')[0] + "' width='245' height='230' /></td>"
		+ "</tr></table></div>";
	}	
	return HTML;
}

function GetLinkText(str, itemCount)
{
	noOfColumns = itemCount/NoOfLinks;
	if(noOfColumns > 1)
	{
		if(str.length > NoOfCharactersAllowed)
			str = str.substring(0, NoOfCharactersAllowed - 3) + "...";
	}	
	else
	{
		if(str.length > MaxLength)
			str = str.substring(0, 45 - 3) + "...";
	}
	return str;	
}
function OpenPopup(url) {
                var options = {
	        url: url,
	        width: 400,
	        height: 150,
	        title: "Download Whitepaper",
	    };
	    SP.UI.ModalDialog.showModalDialog(options);
        return false;
}
