$(document).ready(function(){
	$('.expand-collapse-menu').click(function(){
		$(this).parent().prepend('<span class="pre-loading">Loading...</span>');
		$(this).parent().siblings().find('ul.expand-collapse-child').slideUp(300);
		$(this).parent().siblings().find('ul.expand-collapse-subchild').slideUp(300);
		$('.collapse').removeClass('collapse');
		$(this).addClass('collapse');
		$(this).next('ul.expand-collapse-child').css('opacity',0);
		$(this).next('ul.expand-collapse-child').slideDown(300,function(){$('.pre-loading').remove();});
		$(this).next('ul.expand-collapse-child').animate({opacity: 1}, 400, "linear", false);
		return false;
	})
	
	$('.expand-collapse-submenu').click(function(){
		$(this).parent().prepend('<span class="pre-loading">Loading...</span>');
		$(this).parent().siblings().find('ul').slideUp(300);
		$('.subcollapse').removeClass('subcollapse');
		$(this).addClass('subcollapse');
		$(this).next('ul.expand-collapse-subchild').css('opaicty',0);
		$(this).next('ul.expand-collapse-subchild').slideDown(300,function(){$('.pre-loading').remove();});
		$(this).next('ul.expand-collapse-subchiild').animate({opacity: 1}, 400, "linear", false);
		return false;
	})
})