jQuery(function(){
	var onitman = 0;
	var mm = '<div class="megamenu" id="mm" style="display:none;"> \
		<div class="shadow"> \
			<div class="container"> \
				<div class="content"> \
				</div> \
			</div> \
		</div> \
	</div>';
	
	var temp = '<div id="temp"></div>';
	
	jQuery('body').prepend(mm);
	jQuery('body').prepend(temp);
	
	jQuery.each(jQuery('.main_nav_link'), function(){
		

		var id = jQuery(this).attr('id');
		if(jQuery(this).is('.active')) var nlkactive = jQuery(this).attr('id');

		var bhtml = jQuery('#' + id + ' ul').html();
		jQuery('#' + id + ' ul').remove();
		
		jQuery(this).hover(
			function(){
				onitman = 1;
				var height = jQuery('#' + id).outerHeight();
				var left = jQuery('#' + id).offset().left;
				var top = jQuery('#' + id).offset().top + height;
				
				if(bhtml != null){
					var startp = 0;
					var startpe = 0;
					var ohtml = '';
					jQuery('#temp').html(bhtml);
					jQuery.each(jQuery('#temp *'), function(){
						if(jQuery(this).is(':hidden')) jQuery(this).remove();
					});
					
					var howmanylis = jQuery('#temp .category').length;
					
					jQuery.each(jQuery('#temp .category'), function(){
						startp = startp + 1;
						startpe = startpe + 1;

		
						if(startp == 1){ohtml += '<div class="column">';}
						
						ohtml += '<li class="category">' + jQuery(this).html() + '</li>';
						
						if(jQuery(this).is('.item102') || jQuery(this).is('.item308') || startpe == howmanylis){ ohtml += '</div>'; startp = 0; }
						

						
						
					});
					
					
					ohtml += '<div class="clear"></div>';
					ohtml += '<input type="hidden" id="navlinkitem" value="'+id+'" />';
					ohtml += '<input type="hidden" id="navlinkitemactive" value="'+nlkactive+'" />';
					//alert(ohtml);
					
					
					jQuery('#mm .content').html(ohtml);
					jQuery('#mm .content').css({height:'100%', width:'100%'});
					
					jQuery.each(jQuery('#mm .content .column'), function(){
						 jQuery('.category:last', this).css({
							background: 'none',
							paddingBottom: '6px'
						});
					});
					
					jQuery('#mm .content li:last').css({
						background: 'none',
						paddingBottom: '6px'
					});
					
					jQuery('#mm .content .column:last').addClass('last');

					
					jQuery('#mm .content .sublevel').show();
					jQuery('#mm').css({
						position: 'absolute',
						top: top + 'px',
						left: left + 'px',
						display: 'block',
						zIndex: '55555'
					});
				}else{
					jQuery('#mm').hide();
				}
			},
			function(){
				onitman = 0;
				var hideitman = function(){ if(onitman !=1) jQuery('#mm').hide(); }
				setTimeout(hideitman, 100);
			}
		);
	});
	
	jQuery('#mm').hover(
		function(){
			var navlinkitem = jQuery('#mm #navlinkitem').val();
			jQuery('#' + navlinkitem).addClass('active');
			onitman = 1;
		},
		function(){
			var navlinkitem = jQuery('#mm #navlinkitem').val();
			var nlkactive = jQuery('#mm #navlinkitemactive').val();
			if(!jQuery('#' + navlinkitem).is('#' + nlkactive)) jQuery('#' + navlinkitem).removeClass('active');
			jQuery('#mm').hide();
			onitman = 1;
		}
	);
	
	
	
	//////////
	fix_nav();
	
	////////////////// 
	
});


function fix_nav(){
	jQuery('.tree li:last').css({borderBottom: 'none'});
	
	if(!jQuery('li.sublevel_current ul').length == 0){
		var list = jQuery('li.sublevel_current').parent().html();
		if(list){
		    jQuery('.tree').html('<div class="start"><ul class="fix_nav">' + list + '</ul></div>');
			jQuery('.fix_nav li:last').css({borderBottom: '0'});
			jQuery('.fix_nav li a').css({fontSize: '13px'});
			jQuery('.fix_nav li ul li a').css({fontSize: '11px'});

		}
	}else{
		var list = jQuery('li.sublevel_current').parent().parent().html();
		if(list){
		    jQuery('.tree').html('<div class="start"><ul class="fix_nav"><li>' + list + '</li></ul></div>');
			jQuery('.fix_nav li:last').css({borderBottom: '0'});
			jQuery('.fix_nav li a').css({fontSize: '13px'});
			jQuery('.fix_nav li ul li a').css({fontSize: '11px'});

		}
	}
	

	
}