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

function initMenu(){
	$('div.submenu').each(function(){
		var hold = $(this);
		var row = hold.find('> div.row:has("ul")');
		var link = row.find(' > div.bg a');
		var box = row.find(' > ul');
		var h = [];
		var active = row.index(row.filter('.active:eq(0)'));
		if (active < 0) active = 0;
		var last = active;
		var k = 300;
		
		box.each(function(_i){
			$(this).show();
			h[_i] = $(this).outerHeight();
			if (_i != active) $(this).css({height:0});
		});
		
		link.click(function(){
			active = link.index($(this));
			if(!row.eq(active).hasClass('active')){
				row.eq(last).removeClass('active');
				box.eq(last).animate({height:0}, {queue:false, duration: k, complete:function(){
					row.eq(active).addClass('active');
					box.eq(active).animate({height:h[active]}, {queue:false, duration: 300});
					last = active;
				}});
				k = 300;
			}
			else{
				row.eq(active).removeClass('active');
				box.eq(active).animate({height:0}, {queue:false, duration: 300});
				last = -1;
				k = 0;
			}
			return false;
		});
	});
}