var xmlData = null;

//loads xml file
function loadData()
{
	$.ajax({
		url: '/scripts/dropdownLinks.xml',
		type: 'GET',
		dataType: 'xml',
		cache: true,
		timeout: 1000,
		error: function(){
		    console.error('Error loading XML document');
		},
		success: function(xml){
			xmlData = xml;	
		}	
	});
}

//loads sublinks
function loadsubLinks(linkId, link){
	
	if(xmlData != null)
	{
		$(xmlData).find('mainSection').each(
			function() {
				var sectionId = $(this).attr('id');
				if(sectionId == linkId){
					addMenu(link);
					$(this).find('subLink').each(
						function(){
						var linkText = $(this).find('linkName').text();
						var linkUrl = $(this).find('linkUrl').text();
						buildMenuList(linkText, linkUrl);
					});
				}else{
					//do nothing
				}
		});
	}
}

//builds the list for the sumenu
function buildMenuList(text, url){
	$('<li><a href="'+ url +'" >' + text + '</a></li>').appendTo('.expandableMenu');
	return false;
}


//injects the empty ul and hides it
function addMenu(selectedLink){
	var selectedLink;
	selectedLink.after('<ul class="expandableMenu"></ul>');
	$('.expandableMenu').hide();
	return false;
}

//hover effect
function showMenu(){	
	$('#navSystem').children().addClass('mainNavLink');
	$('.mainNavLink').each(function(index) {
		$(this).children().attr('id', 'link' + index);
	});

	$('.mainNavLink').hover(
		function(){
			$(this).addClass('opened');
			var thislink = $(this).find('a:first');	
			var mainNavLinkId = $(this).children().attr('id');
			thislink.addClass('active');
			loadsubLinks(mainNavLinkId, thislink);
			$('.expandableMenu').slideDown('slow');
	
			return false;
		},
			
		function(){
			var thislink = $(this).find('a:first');	
			$('.expandableMenu').remove();
			$(this).removeClass('opened');
			thislink.removeClass('active')
	});
}


$(document).ready(
	function(){
		loadData();
		showMenu();
	}
);