(function($) {
//the Right One
var region = '';
$.fn.initNavigation = function(options) {
	var opts = $.extend({}, $.fn.initNavigation.defaults, options) ;
	var names = new Array();
	var tempnames = new Array();
	var templeng = '';
	var playername = new Array();
	var playerimage = new Array();
	var  playerhref = new Array();
	var  playeralt = new Array();
	var serverName = '';
	var	x = new Array();
	var pathurl = '';
	var lastModified = {}; 
    var etag = {};
	

	return this.each(function() {
		var $this = $(this),  
			L1 = {}, 
			_ddHTML='', 
			_header_nav,
			xmlPath = opts.fileName+'.xml';
			region = jQuery('#hiddenlocale').html();	
			var currentURL = window.location.toString().split("/");
			var add = currentURL[2];
			webURL = window.location.href ;
			x = webURL.split("/");
			serverName = x[2];	
			//alert(region);

		if(serverName.match(/cmsprd/g) || serverName.match(/uslaxcmsqa/g) || serverName.match(/cms05/g))
		{
			xmlPath_L1 = '/xml/'+xmlPath;
		}
		else
		{
			xmlPath_L1 = '/'+ region +'/xml/'+xmlPath;
		}
			
			
		
		
		
			$.ajaxSetup({
			type: 'GET',
			dataType: 'xml',
			async : false
		});//end $ajaxSetup
		
		$.ajax({
			url: xmlPath_L1,
			success: function(data) {
				procXML(data);
			},
			  error: function(xhr, textStatus, errorThrown){alert("error");}
		});//end $.ajax
		

	//procXML
	function procXML(data){
		
		$(data).find('Level1').each(function(idx){
			L1[idx] = {};
			var _ddOutput ='';
			L1[idx]['title'] =  $(this).find('title').text();
			L1[idx]['FullListLabel'] =  $(this).find('FullListLabel').text();
			L1[idx]['link'] = $(this).find('link').text();
			var _url = $(this).find('url').text();
						
			if(_url.match(/(.*\.xml)/) !== null){



		if(serverName.match(/cmsprd/g) || serverName.match(/uslaxcmsqa/g) || serverName.match(/cms05/g))
		{
			pathurl = '/xml/'+_url;
		}
		else
		{
			pathurl = '/'+ region +'/xml/'+_url;
		}
			



				$.ajax({
						
							//PRODUCTION URL
								//url : "http://" + opts.serverName + "/iw-cc/Herbalife/HLSports/XML/" + _url,
							url : pathurl,
							success : function(atad){
							
								//alert(L1[idx]['title']);
								if(L1[idx]['title'] == 'Media') {
				_ddOutput = procDropdownMenuXML(atad, L1[idx]['title']);
								} else {
									_ddOutput = procDropdownXML(atad, L1[idx].title,L1[idx].FullListLabel);
								}
								
								L1[idx]['ddm'] = {
									'dropdown' : _ddOutput,
									'ddTitle' : L1[idx].title,
									'URL' : null
										
								}
								L1[idx]['URL'] = null;
								
								//alert(L1[idx]['link']);
								
								
							},

							error: function(xhr, textStatus, errorThrown){
							  alert(xhr.status);
							  //alert(thrownError);
							  
							}
						//}
				});//end $.ajax
					
			}else{
				L1[idx]['ddm'] = false;
				L1[idx]['URL'] = $(this).find('url').text();
				
			}

		
		});
	}//end procXML

	 

	//procDropdownXML
	/* Build The image Grid
	-----------------------------------------------------------*/
	function procDropdownXML(atad, listTitle, fulllabel){
		//alert("In the Dropdown function");
		//alert(fulllabel);
		var _ddGrid='', _ddList='';
		var _output = '';
		var tmpObj ={};
		var findvar="";
		tmpObj['listTitle'] = listTitle;
		tmpObj['fulllabel'] = fulllabel;

		

		
		
		_ddGrid += '<ul class="sub-nav-grid">';
		_ddGrid += '<li class="sub-grid-items">';


      if(listTitle == "Athletes")
		{


		  names = new Array();
		  
		
		$(atad).find('Player').each(function(idx){

				playername = $(this).find('name').text();
				playeravatar = $(this).find('avatarImage').text();
				playerimage = $(this).find('fullImg').text();
				playerhref = $(this).find('href').text();
				playeralt = $(this).find('fullImgAlt').text(); 

				if(playername !="")
					{

				//names.push(playername + "|" + playerimage + "|" + playerhref + "|"+ playeralt);
				names.push(playername + "|" + playeravatar + "|" + playerhref + "|"+ playeralt);

					}
				
			tmpObj[idx] = {
			
				'imagehref' : $(this).find('href').text(),
				'playername' : $(this).find('name').text(),
				'playerimage' : $(this).find('avatarImage').text(),
				'playeralt' : $(this).find('avatarImageAlt').text()
			}
		});//atad search itr

		names.sort();


					for (i=0;i<names.length;i++)
				{
					
                  iP = new Array();
				  if(i<10){

					  
					  iP = names[i].split("|");	
					  //alert(iP);
					  _ddGrid += '<a class="item" href="'+iP[2]+'"><img src="'+iP[1]+'" alt="'+iP[3]+'" width="82" height="98" /><p>'+iP[0]+'</p></a>';

				  }
					
				}
		
		


		}

		
      if(listTitle == "Teams")
		{

		  names = new Array();
		  playername = new Array();
		  playerimage = new Array();
		  playerhref = new Array();
		  playeralt = new Array();


		
			$(atad).find('Team').each(function(idx){


				playername = $(this).find('name').text();
				playerimage = $(this).find('fullImg').text();
				playerhref = $(this).find('href').text();
				playeralt = $(this).find('fullImgAlt').text(); 

					if(playername !="")
					{
				names.push(playername + "|" + playerimage + "|" + playerhref + "|"+ playeralt);
					}
	
				tmpObj[idx] = {
				
					'imagehref' : $(this).find('href').text(),
					'playername' : $(this).find('name').text(),
					'playerimage' : $(this).find('fullImg').text(),
					'playeralt' : $(this).find('fullImgAlt').text()
				}
			});//atad search itr
			

			names.sort();
			
				for (i=0;i<names.length;i++)
				{
					
                  iP = new Array();
				  if(i<10){

					  
					  iP = names[i].split("|");	
					  //alert(iP);
					  _ddGrid += '<a class="item" href="'+iP[2]+'"><img src="'+iP[1]+'" alt="'+iP[3]+'" width="82" height="98" /><p>'+iP[0]+'</p></a>';

				  }
					
				}
		
			
			/*for (var j in tmpObj){
				if(j<10){
					if(typeof(tmpObj[j]) != "string"){
						_ddGrid += '<a class="item" href="'+tmpObj[j].imagehref+'"><img src="'+tmpObj[j].playerimage+'" alt="'+tmpObj[j].playeralt+'" width="82" height="98" /><p>'+tmpObj[j].playername+'</p></a>';
					}
				}
			
			
			
			}*/

		}



	
		_ddGrid += '</li>';
		
/* End Image Grid
-----------------------------------------------------------*/
/* BUILD the ASIDE LIST
-----------------------------------------------------------*/	
			_ddList += '<li class="sub-grid-aside">';
			
			_ddList += '<p>'+tmpObj.fulllabel+'</p>';
			
			_ddList += '<p class="loading">';		
			_ddList += '<img src="/en-US/img/ajax-loader.gif" alt="loading..." />';
			_ddList += '</p>';
			
			_ddList += '<ul>';
			_ddList += '<li>';
			
			for (i=0;i<names.length;i++)
				{

				iP = new Array();

				 iP = names[i].split("|");	
				
					_ddList += '<a class="item" href="'+iP[2]+'">'+iP[0]+'</a>';
				
			}
	
			_ddList += '</li>';
			_ddList += '</ul>';
			_ddList += '</li>';
		
		_ddList += '</ul>';
	
		//_ddHTML = _ddGrid+_ddList;
		_output = _ddGrid+_ddList;
		//alert(_output);
		return _output;
		
	}//procDropdownXML

	
	/* Build Media DropDown Menu */
	function procDropdownMenuXML(atad, listTitle){
		//alert("In the Dropdown function");
		var _ddGrid='', _ddList='';
		var _output = '';
		var tmpObj ={};
		//var findvar="";
		tmpObj['listTitle'] = listTitle;
		
		//alert('tmpObj'+ tmpObj);
		//alert('atad'+ atad);
		if(region == "en-US"){
		_ddGrid += '<ul class="sub-nav-menu">';
		_ddGrid += '<li class="sub-menu-top"></li>';
		_ddGrid += '<li class="sub-menu-items">';
		_ddGrid += '<ul>';
		_ddGrid += '<li><a href="/'+region+'/Videos.htm">Video Gallery</a></li>';
		_ddGrid += '<li><a href="/'+region+'/Photos.htm">Photo Gallery</a></li>';
		_ddGrid += '</ul>';
		_ddGrid += '</li>';
		_ddGrid += '<li class="sub-menu-btm"></li>';
		_ddGrid += '</ul>';

		_output = _ddGrid;
		//alert(_output);
		return _output;
		}
		if(region == "es-US"){
		_ddGrid += '<ul class="sub-nav-menu">';
		_ddGrid += '<li class="sub-menu-top"></li>';
		_ddGrid += '<li class="sub-menu-items">';
		_ddGrid += '<ul>';
		_ddGrid += '<li><a href="/'+region+'/Videos.htm">Videos</a></li>';
		_ddGrid += '<li><a href="/'+region+'/Photos.htm">Fotografias</a></li>';
		_ddGrid += '</ul>';
		_ddGrid += '</li>';
		_ddGrid += '<li class="sub-menu-btm"></li>';
		_ddGrid += '</ul>';

		_output = _ddGrid;
		//alert(_output);
		return _output;
		}
		
	}	// procDropdownMenuXML

	
	
	buildHeader();
	
	function buildHeader(){
		//alert("in heasder");
		var _tmp=''; 
		var incr = 1;
		for(var i in L1){	
			//alert(L1[i].link);
			if(L1[i].link == "")
			{

				L1[i].link = '/'+ region +'/error/404.htm';
				

				

			}


				if(i==6)
				{
				_tmp += '<li id="item-'+incr+'" class="item"><a href="'+L1[i].link+'" target="_blank"><span>'+L1[i].title+'</span></a>';	
				}
				else
				{
				_tmp += '<li id="item-'+incr+'" class="item"><a href="'+L1[i].link+'"><span>'+L1[i].title+'</span></a>';	
				}
				
				if(L1[i].ddm != false){
					_tmp += L1[i].ddm.dropdown;
				}
				_tmp += '</li>';
			incr++;
		}
		//_tmp += '<li id="tail" class="item"></li>';
		
	//console.log(_tmp);
	_header_nav = _tmp;
	//alert(_header_nav);
	}
	
	//console.log(L1);
	$this.html(_header_nav);
	//end return this.each
			
});
	
	 // private function for debugging

};


$.fn.initFooter = function(options){
		var opts = $.extend({}, $.fn.initFooter.defaults, options) ;
	   var $this = $(this);
		xmlPath = opts.fileName+'.xml';
		 region = jQuery('#hiddenlocale').html();
			xmlPath_L2 = '/'+ region +'/xml/'+xmlPath;
	
		
		


		// XHR Constants
			$.ajaxSetup({
			type: 'GET',
			dataType: 'xml',
			async : false
		});//end $ajaxSetup
		
		$.ajax({
			url: xmlPath_L2,
			success: function(xml) {
				buildFooter(xml);
				},
		  error: function(xhr, textStatus, errorThrown){}
		});//end $.ajax
	

};



function buildFooter(objXML)
{

//alert("in build footer");
strHTMLText = "";	
	strCopyright = "";
	strCopyright = "";	
	strStartLinks = "";							
	strEndLinks = "";
	strListHTMLFooter = "";
	strFinalHTMLFooter = "";
	


	jQuery(objXML).find('TrioAds').each(function()
	{


		TrioTitle = jQuery(this).find('Title').text();
		TrioImage = jQuery(this).find('Img').text();
		TrioImagetag = jQuery(this).find('ImgTag').text();
		TrioImageAlt = jQuery(this).find('ImgAlt').text();
		TrioImagename = jQuery(this).find('ImgName').text();
		TrioImageDesc = jQuery(this).find('ImgDesc').text();
		TrioImageTag = jQuery(this).find('ImgTag').text();
		freeformhtml = jQuery(this).find('Freeformhtml').text();
		freeformhtmllen = freeformhtml.length;


		lenimg = TrioImage.length;
		lenalt = TrioImageAlt.length;




		var linkslength =	jQuery(this).find('Links').length;
		//alert(linkslength);
		//alert(lenimg);
		

		
			
				if((lenimg>0)&&(lenalt>0)&&(linkslength ==0)){

			strHTMLText = strHTMLText + "<dl class=\"column col-1\">";
			strHTMLText = strHTMLText + "<dt>"+ "<span>" +  TrioTitle + "</span>" + "</dt>";

		strHTMLText = strHTMLText + "<dd>";			
		strHTMLText = strHTMLText +"<img width=\"130\" height=\"150\""+ "src="+ "\""+TrioImage+"\""+ "alt="+"\""+TrioImageAlt+"\""+"/>";
		strHTMLText = strHTMLText + "<h3>";
		strHTMLText = strHTMLText + "<span class=\"footer-img-name\">" + TrioImagename + "</span>";
		strHTMLText = strHTMLText + "<span class=\"footer-img-desc\">" + TrioImageDesc +"</span>" + "<br/>";
		strHTMLText = strHTMLText + "<span class=\"footer-img-tagline\">" + TrioImageTag +"</span>";
		strHTMLText = strHTMLText + "</h3>";	
		strHTMLText = strHTMLText + "</dd>";
		strHTMLText = strHTMLText + "</dl>";
			}

			if((lenimg>0)&&(lenalt<=0)&&(linkslength ==0)){
					strHTMLText = strHTMLText + "<dl class=\"column col-1\">";
					strHTMLText = strHTMLText + "<dt>"+ "<span>" +  TrioTitle + "</span>" + "</dt>";
				
		strHTMLText = strHTMLText +"<img width=\"130\" height=\"150\""+ "src="+ "\""+TrioImage+"\""+"/>";
		strHTMLText = strHTMLText + "<h3>";
		strHTMLText = strHTMLText + "<span class=\"footer-img-name\">" + TrioImagename + "</span>";
		strHTMLText = strHTMLText + "<span class=\"footer-img-desc\">" + TrioImageDesc +"</span>" + "<br/>";
		strHTMLText = strHTMLText + "<span class=\"footer-img-tagline\">" + TrioImageTag +"</span>";
		strHTMLText = strHTMLText + "</h3>";
		strHTMLText = strHTMLText + "</dd>";
		strHTMLText = strHTMLText + "</dl>";
			}





if((linkslength>0)&&(lenimg>0)&&(lenalt>0)){
		strHTMLText = strHTMLText + "<dl class=\"column col-2\">";
			strHTMLText = strHTMLText + "<dt>"+ "<span>" +  TrioTitle + "</span>" + "</dt>";
		strHTMLText = strHTMLText + "<dd class=\"dd-img-w-links\">" + "<a href=\"#\">"+ "<img alt=" + "\""+ TrioImageAlt +"\"" + "src=" + "\""+TrioImage+"\""+"/>" +"</a>"+ "</dd>"	;	
		strHTMLText = strHTMLText + "<dd>";
		strHTMLText = strHTMLText + "<ul>";
		jQuery(objXML).find('Links').each(function(){
		
		Linktext = jQuery(this).find('LinkText').text();		
		LinkPath = jQuery(this).find('LinkPath').text();	
		Target = jQuery(this).find('Target').text();
		Icon = jQuery(this).find('Icon').text();	

		if(Icon =="pdf"){

		strHTMLText = strHTMLText + "<li>"+"<p>"+ "<a href=" + "\"" + LinkPath + "\"" + "target=" + "\"" + Target + "\"" +"class=\"footer-pdf-link\">"+Linktext+"</a>"+"</p>";
		strHTMLText = strHTMLText + "</li>";		
		}
		if(Icon == "Media"){
			
		strHTMLText = strHTMLText + "<li>"+"<p>"+ "<a href=" + "\"" + LinkPath + "\"" + "target=" + "\"" + Target + "\"" +"class=\"footer-media-link\">"+Linktext+"</a>"+"</p>";
		strHTMLText = strHTMLText + "</li>";
		
		}

		if(Icon == "external_link"){
		strHTMLText = strHTMLText + "<li>"+"<p>"+ "<a href=" + "\"" + LinkPath + "\"" + "target=" + "\"" + Target + "\"" +"class=\"footer-html-link\">"+Linktext+"</a>"+"</p>";
		strHTMLText = strHTMLText + "</li>";		
		}

	});


		strHTMLText = strHTMLText + "</ul>";

		strHTMLText = strHTMLText + "</dd>";
		strHTMLText = strHTMLText + "</dl>";


	}

	if((linkslength>0)&&(lenimg>0)&&(lenalt<=0)){
				strHTMLText = strHTMLText + "<dl class=\"column col-2\">";
					strHTMLText = strHTMLText + "<dt>"+ "<span>" +  TrioTitle + "</span>" + "</dt>";
		strHTMLText = strHTMLText + "<dd class=\"dd-img-w-links\">" + "<a href=\"#\">"+ "<img alt=" + "\""+  +"\"" + "src=" + "\""+TrioImage+"\""+"/>" +"</a>"+ "</dd>"	;	
		strHTMLText = strHTMLText + "<dd>";
		strHTMLText = strHTMLText + "<ul>";
		jQuery(objXML).find('Links').each(function(){
		
		Linktext = jQuery(this).find('LinkText').text();		
		LinkPath = jQuery(this).find('LinkPath').text();	
		Target = jQuery(this).find('Target').text();
		Icon = jQuery(this).find('Icon').text();	

		if(Icon =="pdf"){

		strHTMLText = strHTMLText + "<li>"+"<p>"+ "<a href=" + "\"" + LinkPath + "\"" + "target=" + "\"" + Target + "\"" +"class=\"footer-pdf-link\">"+Linktext+"</a>"+"</p>";
		strHTMLText = strHTMLText + "</li>";		
		}
		if(Icon == "Media"){
			
		strHTMLText = strHTMLText + "<li>"+"<p>"+ "<a href=" + "\"" + LinkPath + "\"" + "target=" + "\"" + Target + "\"" +"class=\"footer-media-link\">"+Linktext+"</a>"+"</p>";
		strHTMLText = strHTMLText + "</li>";
		
		}

		if(Icon == "external_link"){
		strHTMLText = strHTMLText + "<li>"+"<p>"+ "<a href=" + "\"" + LinkPath + "\"" + "target=" + "\"" + Target + "\"" +"class=\"footer-html-link\">"+Linktext+"</a>"+"</p>";
		strHTMLText = strHTMLText + "</li>";		
		}



	});


		strHTMLText = strHTMLText + "</ul>";

		strHTMLText = strHTMLText + "</dd>";
		strHTMLText = strHTMLText + "</dl>";

	}



if((linkslength>0)&&(lenimg<=0)){
				strHTMLText = strHTMLText + "<dl class=\"column col-2\">";
					strHTMLText = strHTMLText + "<dt>"+ "<span>" +  TrioTitle + "</span>" + "</dt>";
		
		strHTMLText = strHTMLText + "<dd>";
		strHTMLText = strHTMLText + "<ul>";
		jQuery(objXML).find('Links').each(function(){
		
		Linktext = jQuery(this).find('LinkText').text();		
		LinkPath = jQuery(this).find('LinkPath').text();	
		Target = jQuery(this).find('Target').text();
		Icon = jQuery(this).find('Icon').text();	

		if(Icon =="pdf"){

		strHTMLText = strHTMLText + "<li>"+"<p>"+ "<a href=" + "\"" + LinkPath + "\"" + "target=" + "\"" + Target + "\"" +"class=\"footer-pdf-link\">"+Linktext+"</a>"+"</p>";
		strHTMLText = strHTMLText + "</li>";		
		}
		if(Icon == "Media"){
			
		strHTMLText = strHTMLText + "<li>"+"<p>"+ "<a href=" + "\"" + LinkPath + "\"" + "target=" + "\"" + Target + "\"" +"class=\"footer-media-link\">"+Linktext+"</a>"+"</p>";
		strHTMLText = strHTMLText + "</li>";
		
		}

		if(Icon == "external_link"){
		strHTMLText = strHTMLText + "<li>"+"<p>"+ "<a href=" + "\"" + LinkPath + "\"" + "target=" + "\"" + Target + "\"" +"class=\"footer-html-link\">"+Linktext+"</a>"+"</p>";
		strHTMLText = strHTMLText + "</li>";		
		}



	});


		strHTMLText = strHTMLText + "</ul>";

		strHTMLText = strHTMLText + "</dd>";
		strHTMLText = strHTMLText + "</dl>";

	}






if((lenimg<=0)&&(lenalt<=0)&&(linkslength ==0)&&(freeformhtmllen > 0) ){

strHTMLText = strHTMLText + "<dl class=\"column  col-3\">";
strHTMLText = strHTMLText + "<dt>"+ "<span>" +  TrioTitle + "</span>" + "</dt>";
strHTMLText = strHTMLText + "<dd>";
      
strHTMLText = strHTMLText + freeformhtml + "</dd>"
strHTMLText = strHTMLText + "</dl>";


}

	






	
	


	
	});






	//alert(strHTMLText);


	strCopyright = jQuery(objXML).find('footerCopyright').text();
	//alert(strCopyright);
	strCopyright = "<li>" + strCopyright + "</li></ul>";
	
	strStartLinks = "<ul class=\"column col-sub\">" +
                        "<li class=\"first\">" +
                            "<ul>";
							
	strEndLinks = "</ul>" +
                        "</li>";
						
	//alert(strCopyright);
	count = 1;
	jQuery(objXML).find("footerLinks").each(function()
	{	
		linkTitle = "";
		linkURL = "";	
		
		strClass = "";		
					
		linkTitle = jQuery(this).find('linkFooterTitle').text();
		linkURL = jQuery(this).find('linkFooterURL').text();							
		//alert(linkTitle + "\n" + linkURL);
				
		if (count == 1)
		{
			strClass = "class=\"first\"";
		}
		
		if (linkURL == "")
		{
			linkURL = "#";
		}
		
		strListHTMLFooter = strListHTMLFooter + "<li " + strClass + "><a href=\"" + linkURL + "\">" + linkTitle + "</a></li>";
		//alert(strFinalHTMLFooter);
							
		count++;
	});
	//alert(strListHTML);
	//alert(strListHTMLFooter);
	strFinalHTMLFooter = '<div class="footer">' + strHTMLText + strStartLinks + strListHTMLFooter + strEndLinks + strCopyright + '</div>';
	//alert(strFinalHTMLFooter);
	
	jQuery(document).ready(function($){
		$('#footer-wrap').html(strFinalHTMLFooter);
		//alert(strFinalHTMLFooter);
		
	
  
	});

}

	// default options
	$.fn.initNavigation.defaults = {serverName : window.location.href.split('/')[2]};
	
	
	

$.fn.initFooter.defaults = {serverName : window.location.href.split('/')[2]};
	
	
	})(jQuery);