jQuery(document).ready(function() { 

	dropmenu_init();

	jQuery(".dropmenu_base .base_label").mouseover(function() {
		menu = jQuery(this).attr("rel");
	
		if (dropmenu_menu_active != false) {
			dropmenu_menu_close();
			
			dropmenu_menu_active = false;
		
		}
			
		if (dropmenu_menu_active != menu) {
			dropmenu_sub_close();
		}	

		if (dropmenu_menu_active == false) {		
			

			jQuery(this).parent().children(".menu_main").css("visibility", "visible");
			jQuery(this).parent().addClass("base_active");

			dropmenu_menu_active = menu;
		}
	
	});

	jQuery(".menu_main .close").mouseover(function() {
		if (dropmenu_sub_active != false) {
			setTimeout(function() {
				dropmenu_sub_close();

				dropmenu_sub_active = false;
			}, 200);
		}

		if (dropmenu_menu_active != false) {
			setTimeout(function() {
				dropmenu_menu_close();
				
				dropmenu_menu_active = false;
				
			}, 200);
		}
	});
	
	
	jQuery(".menu_main .items .item").mouseover(function() {
		jQuery(this).addClass("item_active");

		menu = jQuery(this).attr("rel");

		if (dropmenu_sub_active != menu) {
			if (dropmenu_sub_active != false) {
				dropmenu_sub_close();

				dropmenu_sub_active = false;
			}

			jQuery(this).children(".item_sub").children(".sub_main").css("visibility", "visible");
			dropmenu_sub_active = menu;
		}

	});
	
	//jQuery(".menu_main .items .item .item_sub").mouseover(function() {
	//	jQuery(this).parent(".item").addClass("item_active");
	//
	//});

	jQuery(".menu_main .items .item").mouseout(function() {
		jQuery(this).removeClass("item_active");
	});
	


	jQuery(".sub_main .items .sub_item").mouseover(function() {
		jQuery(this).addClass("sub_item_active");

		jQuery(this).children(".item_sub").children(".sub_main").css("visibility", "visible");
	});

	jQuery(".sub_main .items .sub_item").mouseout(function() {
		jQuery(this).removeClass("sub_item_active");
	});
		

});


dropmenu_menu_active = false;

dropmenu_sub_active = false;


function dropmenu_menu_close() {
	jQuery(".menu_main").css("visibility", "hidden");
	jQuery(".base_active").removeClass("base_active");
}

function dropmenu_sub_close() {
	jQuery(".sub_main").css("visibility", "hidden");
}


function dropmenu_init() {
	jQuery(".menu_main").each(function() {
		menu_width = jQuery(this).width();
		menu_height = jQuery(this).height();

		top_height = jQuery(this).children(".out_top").height();
		left_width = jQuery(this).children(".out_left").width();
		right_width = jQuery(this).children(".out_right").width();

		jQuery(this).children(".out_top").width((menu_width + (left_width + right_width)) + "px");
		jQuery(this).children(".out_top").css("top", "-" + top_height + "px");
		jQuery(this).children(".out_top").css("left", "-" + left_width + "px");

		jQuery(this).children(".out_left").height(menu_height + "px");
		jQuery(this).children(".out_left").css("left", "-" + left_width + "px");

		jQuery(this).children(".out_right").height(menu_height + "px");
		jQuery(this).children(".out_right").css("left", menu_width + "px");

		jQuery(this).children(".out_bottom").width((menu_width + (left_width + right_width)) + "px");
		jQuery(this).children(".out_bottom").css("top", menu_height + "px");
		jQuery(this).children(".out_bottom").css("left", "-" + left_width + "px");

		/* add site properties here */
		
		side_top_height = jQuery(this).children(".out_right").children(".top").height();
		//side_bottom_height = jQuery(this).children(".out_right").children(".bottom").height();
		
		//side_mid_height = menu_height - side_top_height - side_bottom_height;
		side_mid_height = menu_height - side_top_height;
		
		jQuery(this).children(".out_right").children(".mid").height(side_mid_height + "px");
		//jQuery(this).children(".out_left").children(".mid").height(side_mid_height + "px");

	});

	jQuery(".sub_main").each(function() {
		menu_width = jQuery(this).width();
		menu_height = jQuery(this).height();

		top_height = jQuery(this).children(".out_top").height();
		left_width = jQuery(this).children(".out_left").width();
		right_width = jQuery(this).children(".out_right").width();

		jQuery(this).children(".out_top").width((menu_width + (left_width + right_width)) + "px");
		jQuery(this).children(".out_top").css("top", "-" + top_height + "px");
		jQuery(this).children(".out_top").css("left", "-" + left_width + "px");

		jQuery(this).children(".out_left").height(menu_height + "px");
		jQuery(this).children(".out_left").css("left", "-" + left_width + "px");

		jQuery(this).children(".out_right").height(menu_height + "px");
		jQuery(this).children(".out_right").css("left", menu_width + "px");

		jQuery(this).children(".out_bottom").width((menu_width + (left_width + right_width)) + "px");
		jQuery(this).children(".out_bottom").css("top", menu_height + "px");
		jQuery(this).children(".out_bottom").css("left", "-" + left_width + "px");
		
		/* add site properties here */

		side_top_height = jQuery(this).children(".out_right").children(".top").height();
		//side_bottom_height = jQuery(this).children(".out_right").children(".bottom").height();
		
		//side_mid_height = menu_height - side_top_height - side_bottom_height;
		side_mid_height = menu_height - side_top_height;
		
		jQuery(this).children(".out_right").children(".mid").height(side_mid_height + "px");
		//jQuery(this).children(".out_left").children(".mid").height(side_mid_height + "px");

	});
	
	jQuery(".nav .menu_main").each(function() {
		//text_width = jQuery(this).children(".item").textWidth();
		
		max_width = 0;
		
		jQuery(this).children(".items").children("li").children(".item").each(function() {
			text_width = jQuery(this).textWidth();
			
			if (text_width > max_width) {
				max_width = text_width;
			}
			
		//	console.log(text_width);
		});
		
		//console.log("----" + max_width);
		
		new_width = max_width + 18;
		new_left = max_width + 18 - 7;
		
		jQuery(this).css("width", new_width + "px");
		
		

		sub_max_width = 0;
		
		jQuery(this).children(".items").children("li").children(".item").children(".item_sub").children(".sub_main")
			.children(".items").children("li").children(".sub_item").each(function() {
			
			text_width = jQuery(this).textWidth();
			
			if (text_width > sub_max_width) {
				sub_max_width = text_width;
			
			}
			
			//console.log(text_width);

		});
		//console.log("----" + sub_max_width);
		
		sub_new_width = sub_max_width + 18;
		
		
		jQuery(this).children(".items").children("li").children(".item").children(".item_sub").children(".sub_main").each(function() {
			jQuery(this).css("left", new_left + "px");
			jQuery(this).css("width", sub_new_width + "px");
			
		});
		
		
		
	});

}


jQuery.fn.textWidth = function(){
  var html_org = $(this).html();
  var html_calc = '<span>' + html_org + '</span>'
  $(this).html(html_calc);
  var width = $(this).find('span:first').width();
  $(this).html(html_org);
  return width;
};

/*
jQuery.fn.textWidth = function(){
 var calc = '<span style="display:none">' + $(this).text() + '</span>';
 $('body').append(calc);
 var width = $('body').find('span:last').width();
 $('body').find('span:last').remove();
 return width;
};*/