var tabFade = false,
	menuFade = false;
$(document).ready( function(){
	
	if (window.opera )     
	{
		 document.documentElement.className += ' opera';
	}
       

	
	var menu = $('#menu-head');
	menu.parent().css('width','auto');
	var menuLength = menu.find('ul.menu-level-0>li').length;
	
	if(menuLength < 3) menu.hide();
	widthsum =0;
	
	menu.find('ul.menu-level-0>li').first().addClass('first');
	menu.find('ul.menu-level-0>li').last().addClass('last');
	menu.find('ul.menu-level-0>li:not(.last)').after('<li class="separator" />');
	menu.find('ul.menu-level-0>li').each( setMenuItems );
	$('ul.menu-level-2','#menu-head').each( function(idx,elem){
		$(elem).find('li').first().addClass('first');
	});
	
	
	$('ul.menu-level-0>li:not(.separator)', '#menu-head').hover( menuTriger, menuClear );
	
	
});

function setMenuItems( index, element){
     var ie = navigator.appVersion.indexOf('MSIE 7.')==-1 ? false : true;
     
	widthsum += $(element).width();
	if( $(this).find('ul.menu-level-1').length >0 ){
		var itemcount = $(this).find('ul.menu-level-1>li').length;
		var maxwidth = $(element).width() + 9;
		
		$(this).find('ul.menu-level-1>li').each( function(idx, elem){
			// ** first / last elements ** //
			if(idx == 0) $(elem).addClass('first');
                        $(elem).prepend($('<span/>').addClass('menu-left'));
                        $(elem).children('a').wrap( $('<span/>').addClass('menu-item'));
                        $(elem).append($('<span/>').addClass('menu-right'));
                        
			if(idx == itemcount -1) 
			$('<li class="last"><span class="menu-last-left"></span><span class="menu-last-right"></span><div class="clear"></div></li>')
					.insertAfter($(elem));
			// ** find max length ** //
			
			var elemwidth = $(elem).find('.menu-item span').text().length * 7 + 40;
                        
			if(elemwidth > maxwidth) maxwidth = elemwidth;
				
			
		});
		var next;
		var dist = 34;
		
		if($(this).hasClass('first')){
			next = $(this).next('.separator').next();
			dist = 26;
		}
		else if($(this).hasClass('last')){
			next = $(this).prev('.separator').prev();
			dist =  24;
		}
		else{
			next = $(this).next('.separator').next();
			if(next.hasClass('last')) {
				dist = 18;
				$(this).addClass('rtl');
				$(this).next('.separator').addClass('thin');
			}
			
		}	
		
		/*
                if( maxwidth > $(element).width() + 11)
			maxwidth = $(this).width() + next.width() + dist;*/
		$(this).find('ul.menu-level-1>li').css( 'min-width', maxwidth);
		$(this).find('ul.menu-level-1>li .menu-item').css( 'min-width', maxwidth-42);
		$(this).find('ul.menu-level-1>li>a span').css('min-width', maxwidth -51);
		var menudist = maxwidth+10;
		if(ie){
                    $(this).find('ul.menu-level-1 .menu-left').css('height','36px');
                    $(this).find('ul.menu-level-1 .menu-item').css('height','36px').css('border-top','1px solid #DADADA')
                    .children('a').css('border-top','none');
                    $(this).find('ul.menu-level-1 .menu-right').css('height','36px');
                    $(this).find('ul.menu-level-1 li>ul.menu-level-2').css('right','-'+menudist+'px');

                    $(this).find('ul.menu-level-1 >li.first .menu-left').css('height','44px');
                    $(this).find('ul.menu-level-1 >li.first .menu-item').css('height','44px').css('border-top','none');

                    $(this).find('ul.menu-level-1 >li.first .menu-right').css('height','44px');

                    $(this).find('ul.menu-level-1 li>ul.menu-level-2').css('right','-'+menudist+'px');
                }
		
	}
	
}
function menuTriger( event ){
	var submenu = $(this).find('ul.menu-level-1');
	
	if( submenu.length >0 )
	{
		if(menuFade) submenu.hide();
		
		$(this).prev('.separator').addClass('left');
		$(this).next('.separator').addClass('right');
		$(this).addClass('active');
		//if($(this).hasClass('end') )
			//$('ul.menu-level-0','#menu-head').addClass('end-active');
		var width = $(this).width() +12,
		itemWidth = $(this).find('ul.menu-level-1 >li').width();
		
		if( width > itemWidth){
			
			$(this).find('ul.menu-level-1 >li').width(  width +6 );
			$(this).next('.separator').addClass('thin');
			
		}
		if(menuFade) submenu.fadeIn('slow');
	}
	else{
		
		$(this).prev('.separator').addClass('left close');
		$(this).next('.separator').addClass('right close');
		$(this).addClass('active close');
	}
	
}
function menuClear( event ){
	//return false;
	var submenu = $(this).find('ul.menu-level-1');
	
	if( submenu.length >0 && menuFade)
	{
		submenu.fadeOut('slow' );
	}
	$('ul.menu-level-0 >li','#menu-head').removeClass('active');
	$('ul.menu-level-0 >li.separator','#menu-head').removeClass('left right close ');
	
	$(this).find('ul.menu-level-1').width('');
}