(function($) {
$.fn.menu = function(options) {  
	
	var defaults = {
	}
	var options = $.extend(defaults, options);
	
	return this.each(function() {
		
		var ul 	= $('<ul>');
		var uls	= $(this).find('ul').eq(0).find('ul');

		// DOM recept
		var divMainMenu = $('<div>').addClass('main-menu');
		var divSubMenu 	= $('<div>').addClass('sub-menu');
		var i = 0;
		
		$(this).find('ul').eq(0).find('li:has(ul)').each(function(){
			
			i++;
			var content = $(this).find('ul').eq(0); 
			
			// Firt ans Last Class on content 
			$(content).find('a:first').addClass('firstnode');
			$(content).find('a:last').addClass('lastnode');
			
			
			var li = $('<li>');
			var a = $('<a>');
			$(a)
				.text($(this).find('a:first').text())
				.appendTo(li)
				.css('cursor', 'pointer')
				.click(function(){

					$(uls).hide();
					$(divMainMenu).find('a').removeClass('current');
					$(content).show();
					$(this).addClass('current');
				});
			
			if(i==1) $(a).addClass('current'); 
			
			if(i>1) $(content).hide();
			$(divSubMenu).append(content);
			$(li).appendTo(ul);
			
		});
		
		$(this).empty();
		$(ul).appendTo(divMainMenu);
		$(this).append(divMainMenu);
		$(this).append(divSubMenu);
	
	});
	
};
})(jQuery); 