$(document).ready(function() {
			
	
	$("ul.sub-menu").wrap('<div class="inner-submenu">');
	$("div.inner-submenu").wrap('<div class="submenuContainer">');
	$("<div class='sub-topics'>Sub Topics:</div>").insertBefore(".sub-menu");
	$('<div class="featured-content-submenu">').insertAfter(".inner-submenu");
	$('<div class="clear"></div>').insertAfter("div.featured-content-submenu");		
	
	
	var topnav_position = $("#nav").position();
	var secondnav_position = $("#nav2").position();
	
	$('.menu > li').each(function() {
		
		var lidiv = $(this).find('div');
		
		if(lidiv.length == 0) {
			//var divs = $('<div class="submenuContainer" style="display: none;"><div class="featured-content-submenu" style="display: none;"></div></div>');
			var divs = $('<div></div>');
			divs.addClass("submenuContainer");
			divs.css('display', 'none');
			
			var div_innerSubmenu = $('<div></div>');
			div_innerSubmenu.addClass("inner-submenu");
			
			var div_subTopics = $('<div></div>');
			div_subTopics.addClass("sub-topics");
			div_innerSubmenu.append(div_subTopics);
			
			var ul_subMenu = $('<ul></ul>');
			ul_subMenu.addClass("sub-menu");
			ul_subMenu.css('display', 'none');
			div_innerSubmenu.append(ul_subMenu);
			
			divs.append(div_innerSubmenu);
			
			var divs1 = $('<div></div>');
			divs1.addClass("featured-content-submenu");
			divs1.css('display', 'none');
			divs.append(divs1);
			
			$(this).append(divs);
		}
		
	});
			
	$("ul#nav li").hover(function() { //Hover over event on list item
		
		
		$(this).find("ul").show(); //Show the subnav
		$(this).addClass("selectat");
		$(this).find("div.submenuContainer").show();
		$(this).find("div.featured-content-submenu").show();
		var category = $(this).find("a:first").text();
		
		var featuredEl = $(this).find('.featured-content-submenu');		
		var idsubEl = "$('#" + category + "').html()";
		var idSubEl = document.getElementById(category).innerHTML ;		
		featuredEl.html(idSubEl);
	
	} , function() { //on hover out...
		$(this).removeClass("selectat");
		$(this).css({ 'background' : 'none'}); //Ditch the background
		$(this).find("ul").hide(); //Hide the subnav
		$(this).find("div.submenuContainer").hide();
		$(this).find("div.featured-content-submenu").hide();
		
	});
	
	$("ul#nav2 li").hover(function() { //Hover over event on list item
		$(this).find("ul").show(); //Show the subnav
		$(this).addClass("selectat");
		$(this).find("div.submenuContainer").show();
		$(this).find("div.featured-content-submenu").show();
		var category = $(this).find("a:first").text();
		
		var featuredEl = $(this).find('.featured-content-submenu');		
		var idsubEl = "$('#" + category + "').html()";
		var idSubEl = document.getElementById(category).innerHTML ;		
		featuredEl.html(idSubEl);
	
	} , function() { //on hover out...
		$(this).removeClass("selectat");
		$(this).css({ 'background' : 'none'}); //Ditch the background
		$(this).find("ul").hide(); //Hide the subnav
		$(this).find("div.submenuContainer").hide();
		$(this).find("div.featured-content-submenu").hide();
		
	});

});
