jQuery.fn.navMenu = function(opt){
	var init = {
		layout 		    : 'menu-layout',
		styleDefault    : 'menu-default',
		styleHover 	    : 'menu-hover',
		styleDefaultSub : 'submenu-default',
		styleHoverSub   : 'submenu-hover'		
	}
	var opt = jQuery.extend(init, opt);
	var id  = '#'+this.attr('id');
	jQuery(id+' li:first').addClass('ui-corner-left');
	jQuery(id+' li:last').addClass('ui-corner-right');	
	jQuery(this).addClass(opt.layout);
	
	var IDlargura = jQuery(id).width();
	// Efeito Hover no "menu" e mostrar o "submenu"
	jQuery(this).children('li').addClass(opt.styleDefault).hover(function(){
		jQuery(this).removeClass(opt.styleDefault).addClass(opt.styleHover);
		var submenu = jQuery(this).children('ul').addClass('submenu');
		if(submenu[0]){
		  //submenu.addClass('ui-corner-bottom').show(300);
		  submenu.addClass('ui-corner-bottom').fadeIn(550);
		}		
	},function(){
		//jQuery(this).removeClass(opt.styleHover).addClass(opt.styleDefault).children('ul').hide(100);	
		jQuery(this).removeClass(opt.styleHover).addClass(opt.styleDefault).children('ul').fadeOut(550);
	});
	
	
    // Efeito hover no "submenu" e mostrar o "submenuItem"
	jQuery(id+' li').children('ul').addClass('ui-corner-all').children('li').hover(function(){
		jQuery(this).removeClass(opt.styleDefaultSub).addClass(opt.styleHoverSub);
		var submenuItem = jQuery(this).children('ul').addClass('submenuItem');
		if(submenuItem[0]){
			submenuItem.css('margin-top','-20px');	
		}
		if(jQuery(this).parent('ul.submenuItem')[0]){	
			subLarguraItemTotal = submenuItem.width()*3; // 600px	
			if(IDlargura<=subLarguraItemTotal){
				submenuItem.css('left','-'+jQuery(this).parent('ul').width()+'px')
			}else{
				submenuItem.css('left',jQuery(this).parent('ul').width()-20+'px')
			}				
		}else{
				submenuItem.css('left',jQuery(this).parent('ul').width()-20+'px')
		}
		//submenuItem.show(100);
		submenuItem.fadeIn(550);
	
	},function(){
		//jQuery(this).removeClass(opt.styleHoverSub).addClass(opt.styleDefaultSub).children('ul').hide(100);				
		jQuery(this).removeClass(opt.styleHoverSub).addClass(opt.styleDefaultSub).children('ul').fadeOut(550);
	})
}

