function mainmenu(){

	var html="";
	var count=0;
	//var limit=4;
	$("#nav-menu ul li").each(function(){
		//if(count<limit){
			html+='<li>'+$(this).html()+'</li><li class="separator"></li>';
		/*}else if(count==limit){
			html+='<li><a href="#" class="more">More Pages </a><ul class="subnav">\n';
			html+='<li>'+$(this).html()+'</li>\n';
		}*else{
			html+='<li>'+$(this).html()+'</li>\n';
		}	*/	
		count++;	
	});
	html+="</ul></li>";
	$("#nav-menu ul").html(html);
}

var timeout    = 1000;
var closetimer = 0;
var ddmenuitem = 0;

function jsddm_open()
{  
   jsddm_canceltimer();
   jsddm_close();
   ddmenuitem = $(this).find('ul').css('visibility', 'visible');

}

function jsddm_close()
{  if(ddmenuitem) ddmenuitem.css('visibility', 'hidden');}

function jsddm_timer()
{  closetimer = window.setTimeout(jsddm_close, timeout);}

function jsddm_canceltimer()
{  if(closetimer)
   {  window.clearTimeout(closetimer);
      closetimer = null;}}

 
 
 $(document).ready(function(){					
	mainmenu();	
	$("ul.subnav").parent().append("<span></span>"); //Only shows drop down trigger when js is enabled (Adds empty span tag after ul.subnav*)
	$("ul.topnav li span").click(function() { //When trigger is clicked...
		//Following events are applied to the subnav itself (moving subnav up and down)
		$(this).parent().find("ul.subnav").slideDown('fast').show(); //Drop down the subnav on click
		$(this).parent().hover(function() {
		}, function(){
			$(this).parent().find("ul.subnav").slideUp('slow'); //When the mouse hovers out of the subnav, move it back up
		});
		//Following events are applied to the trigger (Hover events for the trigger)
		}).hover(function() {
			$(this).addClass("subhover"); //On hover over, add class "subhover"
		}, function(){	//On Hover Out
			$(this).removeClass("subhover"); //On hover out, remove class "subhover"
});

	
});