$(document).ready(function () {	
	
	$('#main_nav li').hover(
		function () {
			//show its submenu
			$('ul', this).stop(false,true).slideDown(120);
			if ($('div', $(this)).attr("class")=="bottom_left_corner") {
				$('div', this).removeClass('bottom_left_corner');
				$('div', this).addClass('bottom_left_corner_hoverd');
      }
			if ($('div', $(this)).attr("class")=="middle_link") {
				$('div', this).removeClass('middle_link');
				$('div', this).addClass('middle_link_hoverd');
      }
			if ($('div', $(this)).attr("class")=="bottom_right_corner") {
				$('div', this).removeClass('bottom_right_corner');
				$('div', this).addClass('bottom_right_corner_hoverd');
      }
		}, 
		function () {
			//hide its submenu
			$('ul', this).stop(false,true).slideUp(120);
			if ($('div', $(this)).attr("class")=="bottom_left_corner_hoverd") {
				$('div', this).removeClass('bottom_left_corner_hoverd');
				$('div', this).addClass('bottom_left_corner');
      }
    	if ($('div', $(this)).attr("class")=="middle_link_hoverd") {
				$('div', this).removeClass('middle_link_hoverd');
				$('div', this).addClass('middle_link');
      }
			if ($('div', $(this)).attr("class")=="bottom_right_corner_hoverd") {
				$('div', this).removeClass('bottom_right_corner_hoverd');
				$('div', this).addClass('bottom_right_corner');
      }
		}
	);
	
});