$(document).ready(function(){
	topmenus();
});

function topmenus(){
	var topmenu = $('.topMenu');
	var menuTrigger = topmenu.children('li').children('a');
	var topSub = $('.topSub');
	var subMenus = topSub.find('.subWrap > li');

	topSub.mouseenter(function(){
		$(this).stop().animate({height:45});
	});

	topSub.mouseleave(function(){
		$(this).stop().animate({height:0});
	});

	topmenu.mouseenter(function(){
		topSub.stop().css({display:'block'}).animate({height:45});
	});

	topmenu.mouseleave(function(){
		topSub.stop().animate({height:0},function(){
			$(this).hide();
		});
	});

	menuTrigger.each(function(i){
		$(this).mouseenter(function(){
			var thisImg = $(this).children('img');
			var imgOver = thisImg.attr('src').replace('_on','_over');

			thisImg.attr('src',imgOver);
			subMenus.hide();
			subMenus.eq(i).show();
		});
	});

	menuTrigger.each(function(){
		$(this).mouseleave(function(){
			var thisImg = $(this).children('img');
			var imgOn = thisImg.attr('src').replace('_over','_on');

			thisImg.attr('src',imgOn);
		});
	});

	subMenus.each(function(i){
		$(this).mouseenter(function(){
			var thisImg = menuTrigger.eq(i).children('img');
			var imgOver = thisImg.attr('src').replace('_on','_over');

			thisImg.attr('src',imgOver);
		});
		$(this).mouseleave(function(){
			var thisImg = menuTrigger.eq(i).children('img');
			var imgOn = thisImg.attr('src').replace('_over','_on');

			thisImg.attr('src',imgOn);
		});
	});
}