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;
		
		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;
		
		jQuery(this).children(".out_right").children(".mid").height(side_mid_height + "px");
		jQuery(this).children(".out_left").children(".mid").height(side_mid_height + "px");

	});

}