(function($) {
	$.fn.horizontalMenu = function (options) {
		var defaults = {
			topnavClass : "topnav",
			subnavClass : "subnav",
			subhoverClass : "subhover",
			width: 1000,
			items: 10
		};
		
		var options = $.extend(defaults, options);
		
		var obj = $(this);
		
		
		
		
		
		return this.each(function() {
			// 
			

			// Append span for arrow
			obj.children("li").each( function() {
				if($(this).children("ul." + options.subnavClass).size() > 0)
				$(this).append("<span></span>");
			});
			//  Resize level 1 items
			var oWidth = obj.outerWidth(true);
			var leve1Children = obj.children("li").size();
			var newWidth = options.width - leve1Children;
			
			var paddingToAdd = (newWidth - oWidth)/(2 * leve1Children) | 0;
			obj.css("width",options.width + "px");
			
			obj.children("li").each(function() {
				$(this).css("paddingRight", (paddingToAdd + 15) + "px");
	    		$(this).css("paddingLeft", paddingToAdd + "px");
			});
			
			
			// Expand/Collapse ul subnav on hover
			obj.children("li").hover(
			// hover in
			function() {
				$(this).find("ul." + options.subnavClass).slideDown("fast");
				$(this).find("span:first").addClass(options.subhoverClass);
			}, 
			// hover out
			function() {
				$(this).find("ul." + options.subnavClass).slideUp('fast');
				$(this).find("span:first").removeClass("subhover");				
			});

			
		});
	};
})(jQuery);

/*
$("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").hover(function() { 
    //Following events are applied to the subnav itself (moving subnav up and down)   
    $(this).find("ul.subnav").slideDown('fast').show(); 
    $(this).find("span:first").addClass("subhover");
}, function() {
	$(this).find("ul.subnav").slideUp('fast');
	$(this).find("span:first").removeClass("subhover");
});

width = $("ul.topnav").outerWidth(true);
rest = 1000 - width;
ind = (rest/15) | 0;
var i = 0;
$("ul.topnav li").each( function() {
   if($(this).parent().hasClass("topnav")) {
	    $(this).css("paddingRight", (ind + 15) + "px");
	    $(this).css("paddingLeft", ind + "px");
	    //$(this).children(".subnav").css("width", ($(this).outerWidth(true) + 50) + "px");
	    //$(this).children(".subnav").children().css("width", ($(this).outerWidth(true) + 50) + "px");
    }
}); 
$("ul.topnav").css("width","998px");*/