$(document).ready(function()
{  
	var contentheight = 0;
	
	$(".menuBox li a").click(function(){
		if($(this).hasClass("close"))
		{
			$(".menuBox li a").removeClass("selected");
			
			$(this).parent().parent().parent().parent().children("div.sub").slideUp(function(){
				$(this).parent().parent().parent().parent().children("div.sub").css("top", "-1000px");
				$(this).parent().parent().parent().parent().children("div.sub").show();
			});

			$("#contentCntr").animate({
				paddingTop: "0px"
			});
		}
	});
	
	$(".menuBox li a.topM").click(function(){
				
		if($(this).hasClass("selected"))
		{
			$(".menuBox li a").removeClass("selected");
			$(this).parent().children("a.close").removeClass("selected");
			
			$(this).parent().children("div.sub").slideUp(function(){
				$(this).parent().children("div.sub").css("top", "-1000px");
				$(this).parent().children("div.sub").show();
			});
			
			$("#contentCntr").animate({
				paddingTop: "0px"
			});
		}
		else if($(this).hasClass("close"))
		{
			$(".menuBox li a").removeClass("selected");
			
			$(this).parent().parent().parent().parent().children("div.sub").slideUp(function(){
				$(this).parent().parent().parent().parent().children("div.sub").css("top", "-1000px");
				$(this).parent().parent().parent().parent().children("div.sub").show();
			});

			$("#contentCntr").animate({
				paddingTop: "0px"
			});
		}
		else
		{
			$(".menuBox li a").removeClass("selected");
			$(".menuBox div.sub").slideUp();
			$(".menuBox div.sub").css("top", "-1000px");
			$(".menuBox div.sub").show();
			
			$(this).addClass("selected");
			
			contentheight = ($(this).parent().children("div.sub").height()+20);
			
			$(this).parent().children("div.sub").hide();
			$(this).parent().children("div.sub").css("top", "38px");
			
			
			$(this).parent().children("a.close").addClass("selected");
			$(this).parent().children("div.sub").slideDown();
			
			$("#contentCntr").animate({
				paddingTop: contentheight + "px"
			});
		}
		
		return false;
	});
});