// JavaScript Document

function hideInteractive() {
	

	
	//alert('design filter clicked');
	
	$('#interactiveMenu').children().children().children().queue(function() {
	
	$(this).next('#underline').animate({'opacity':'1'});
	$(this).next().next('#underline2').animate({'opacity':'1'});
	$(this).next('#underline').removeClass("uHide");
	$(this).next().next('#underline2').removeClass("uHide");
	$(this).dequeue();
	});
	$('#interactiveMenu').children().children().children().queue(function() {
			$(this).next('#underline').addClass("uShow");
			$(this).next().next('#underline2').addClass("uShow");
		$(this).parent().css("overflow","hidden");
	$(this).dequeue();
	});
		$("#interactiveMenu").children().children().children().animate({"top":"41px"}, 400);

	
$('#interactiveMenu').children().children().children().queue(function() {	
				$(this).removeClass("up");
				$(this).addClass("down");

	
	});
}

function hideForm() {
	
	
	
	//alert('design filter clicked');
	
	$('#formMenu').children().children().children().queue(function() {
	
	$(this).next('#underline').animate({'opacity':'1'});
	$(this).next().next('#underline2').animate({'opacity':'1'});
	$(this).next().next().next('#underline3').animate({'opacity':'1'});
	$(this).next('#underline').removeClass("uHide");
	$(this).next().next('#underline2').removeClass("uHide");
	$(this).next().next().next('#underline3').removeClass("uHide");
	$(this).dequeue();
	});
	$('#formMenu').children().children().children().queue(function() {
			$(this).next('#underline').addClass("uShow");
			$(this).next().next('#underline2').addClass("uShow");
			$(this).next().next().next('#underline3').addClass("uShow");
		$(this).parent().css("overflow","hidden");
	$(this).dequeue();
	});
		$("#formMenu").children().children().children().animate({"top":"41px"}, 400);

	
$('#formMenu').children().children().children().queue(function() {	
				$(this).removeClass("up");
				$(this).addClass("down");
			$(this).dequeue();
	
	});
}

function hideDesign() {
	
	
	//alert('design filter clicked');
	
	$('#designMenu').children().children().children().queue(function() {
	
	$(this).next('#underline').animate({'opacity':'1'});
	$(this).next().next('#underline2').animate({'opacity':'1'});
	$(this).next().next().next('#underline3').animate({'opacity':'1'});
	$(this).next('#underline').removeClass("uHide");
	$(this).next().next('#underline2').removeClass("uHide");
	$(this).next().next().next('#underline3').removeClass("uHide");
	$(this).dequeue();
	});
	$('#designMenu').children().children().children().queue(function() {
			$(this).next('#underline').addClass("uShow");
			$(this).next().next('#underline2').addClass("uShow");
			$(this).next().next().next('#underline3').addClass("uShow");
		$(this).parent().css("overflow","hidden");
	$(this).dequeue();
	});
		$("#designMenu").children().children().children().animate({"top":"41px"}, 400);

	
$('#designMenu').children().children().children().queue(function() {	
				$(this).removeClass("up");
				$(this).addClass("down");
$(this).dequeue();
	
	});
}


function showDesign() {
	
	$('#designMenu').children().children().children().queue("fx", []);
	$('#formMenu').children().children().children().queue("fx", []);
	$('#interactiveMenu').children().children().children().queue("fx", []);
	
	$("#designMenu").children().children().children().animate({"top":"0px"}, 400);
	$('#designMenu').children().children().children().queue(function() {
	
	$(this).parent().css("overflow","visible");	
	$(this).dequeue();
});	
			

	
$('#designMenu').children().children().children().queue(function() {
	
	$(this).removeClass("down");
	$(this).addClass("up");
	$(this).dequeue();
});	

$('#designMenu').children().children().children().queue(function() {
	$(this).next('#underline').stop().animate({'opacity':'0'},350);
	$(this).next().next('#underline2').stop().animate({'opacity':'0'},350);
	$(this).next().next().next('#underline3').stop().animate({'opacity':'0'},350);
	
	
	$(this).next('#underline').removeClass("uShow");
	$(this).next().next('#underline2').removeClass("uShow");
	$(this).next().next().next('#underline3').removeClass("uShow");

	$(this).dequeue();
});	

$('#designMenu').children().children().children().queue(function() {
			$(this).next('#underline').addClass("uHide");
			$(this).next().next('#underline2').addClass("uHide");
			$(this).next().next().next('#underline3').addClass("uHide");
	//$(this).parent().css("overflow","visible");
	$(this).dequeue();
		

	});

 	
}

function showInteractive() {
	
	$('#designMenu').children().children().children().queue("fx", []);
	$('#formMenu').children().children().children().queue("fx", []);
	$('#interactiveMenu').children().children().children().queue("fx", []);
	
	$("#interactiveMenu").children().children().children().stop().animate({"top":"0px"}, 400);
	
	$('#interactiveMenu').children().children().children().queue(function() {
	$(this).parent().css("overflow","visible");	
	
	$(this).dequeue();
});	

$('#interactiveMenu').children().children().children().queue(function() {
	$(this).removeClass("down");
	$(this).addClass("up");
	$(this).dequeue();
});	

$('#interactiveMenu').children().children().children().queue(function() {
	$(this).next('#underline').stop().animate({'opacity':'0'},350);
	
	$(this).next().next('#underline2').stop().animate({'opacity':'0'},350);
	
	$(this).next('#underline').removeClass("uShow");
	$(this).next().next('#underline2').removeClass("uShow");

	$(this).dequeue();
});	

$('#interactiveMenu').children().children().children().queue(function() {
			$(this).next('#underline').addClass("uHide");
			$(this).next().next('#underline2').addClass("uHide");
	$(this).dequeue();
	});
	
// $('#interactiveMenu').children().children().children().queue("fx", []);

}

function showForm() {
	
	$('#designMenu').children().children().children().queue("fx", []);
	$('#formMenu').children().children().children().queue("fx", []);
	$('#interactiveMenu').children().children().children().queue("fx", []);
	
	$("#formMenu").children().children().children().animate({"top":"0px"}, 400);
	$('#formMenu').children().children().children().queue(function() {
	$(this).parent().css("overflow","hidden");
		
	$(this).dequeue();
});	
			

	
$('#formMenu').children().children().children().queue(function() {
	
	$(this).removeClass("down");
	$(this).addClass("up");
	$(this).dequeue();
});	

$('#formMenu').children().children().children().queue(function() {
	$(this).next('#underline').stop().animate({'opacity':'0'},350);
	$(this).next().next('#underline2').stop().animate({'opacity':'0'},350);
	$(this).next().next().next('#underline3').stop().animate({'opacity':'0'},350);
	
	
	$(this).next('#underline').removeClass("uShow");
	$(this).next().next('#underline2').removeClass("uShow");
	$(this).next().next().next('#underline3').removeClass("uShow");

	$(this).dequeue();
});	

$('#formMenu').children().children().children().queue(function() {
			$(this).next('#underline').addClass("uHide");
			$(this).next().next('#underline2').addClass("uHide");
			$(this).next().next().next('#underline3').addClass("uHide");
			$(this).parent().css("overflow","hidden");
	$(this).parent().css("overflow","visible");
	$(this).dequeue();
		

	});

 	
}

function showAll() {
	
	$('#designMenu').children().children().children().queue("fx", []);
	$('#formMenu').children().children().children().queue("fx", []);
	$('#interactiveMenu').children().children().children().queue("fx", []);
	
	$("#designMenu, #interactiveMenu, #formMenu").children().children().children().animate({"top":"0px"}, 400);
	$("#designMenu, #interactiveMenu, #formMenu").children().children().children().queue(function() {
	
	$(this).parent().css("overflow","visible");	
	$(this).dequeue();
});	
			

	
$("#designMenu, #interactiveMenu, #formMenu").children().children().children().queue(function() {
	
	$(this).removeClass("down");
	$(this).addClass("up");
	$(this).dequeue();
});	

$("#designMenu, #interactiveMenu, #formMenu").children().children().children().queue(function() {
	$(this).next('#underline').stop().animate({'opacity':'0'},350);
	$(this).next().next('#underline2').stop().animate({'opacity':'0'},350);
	$(this).next().next().next('#underline3').stop().animate({'opacity':'0'},350);
	
	
	$(this).next('#underline').removeClass("uShow");
	$(this).next().next('#underline2').removeClass("uShow");
	$(this).next().next().next('#underline3').removeClass("uShow");

	$(this).dequeue();
});	

$("#designMenu, #interactiveMenu, #formMenu").children().children().children().queue(function() {
			$(this).next('#underline').addClass("uHide");
			$(this).next().next('#underline2').addClass("uHide");
			$(this).next().next().next('#underline3').addClass("uHide");
	//$(this).parent().css("overflow","visible");
	$(this).dequeue();
		

	});
	
	
	
	}