function menu(){

	var naviItem = jQuery('#navi > .menu > ul > li'),
		menuBlk = jQuery('#navi');
	
	naviItem.first().addClass('first');
	
	naviItem.hover(function(){
		
		var elem = $(this),
			position = elem.position().left,
			submenu = elem.find('ul:first');
					
		if( (menuBlk.width() - position) < submenu.width() ) {
			submenu.css({
				left: (menuBlk.width() - submenu.width() - 30),
				width: submenu.width()
			});
		} else {
			if(elem.find('ul').length > 1){
				submenu.css({
					left: position - 0
				});	
			} else {
				elem.find('ul:first').addClass('one-level');
				if(submenu.width() <= elem.width()){
					submenu.css({
						width: elem.width() - 22
					}).addClass('small-width');
					elem.find('a').css({ border: 'none' })
				}
				submenu.css({
					left: (position-1)
				});
			}
		}

	}, function(){
		
	})
	
}
	
jQuery(document).ready(function(){
	
	menu();
});
