jQuery(document).ready(function() {
	// do something here
	
	
	function reset()
	{
		$(".hidden:visible").hide();
	}
	
	reset();
	
	/*
	 * Projecten
	 */
	$ ("#pmore1").click(function()
	{
		$("#media1:visible").hide();
		$("div #projecten:visible").slideUp("slow");
		$("#pH1:hidden").show();
		
		$("div #projecten:visible").slideDown("slow");
		$("#pro2:visible").hide();
	});
	
	$ ("#pless1") .click(function()
	{
		reset();

		$ ("div #projecten:visible").slideToggle("slow");
		$ ("#pro2:hidden").show();
		$ ("#pmore1:hidden").show();
		$ ("div #projecten:visible").slideDown("slow");
		
	});
	
	$ ("#pmore2").click(function()
	{
		$("#pmore2:visible").hide();
		$("div #projecten:visible").slideUp("slow");
		$("#pH2:hidden").show();
		
		$("div #projecten:visible").slideDown("slow");
		$("#pro1:visible").hide();
	});
	
	$ ("#pless2") .click(function()
	{
		reset();
		$ ("div #projecten:visible").slideToggle("slow");
		$ ("#pro1:hidden").show();
		$ ("#pmore2:hidden").show();
		
		$ ("div #projecten:visible").slideDown("slow");
		
	});
		
	/*
	 * Media
	 */
	
	$ ("#mmore1") .click(function()
	{
		$("#mmore1:visible").hide();
		
		$("div #media4:visible").slideToggle("slow");
		$("div #media3:visible").slideToggle("slow");
		$("div #media2:visible").slideToggle("slow");
		$("div #media1:visible").slideToggle("slow");
		
		$ ("#media1:visible").hide();
		$ ("#mediaH1:hidden").show();
		$ ("#mless1:hidden").show();
		
		$ ("div #media1:hidden").slideToggle("slow");
		
	});
	
	$ ("#mless1") .click(function()
	{
		reset();
		$ ("#mless1:visible").hide();
		$("div #mediaContainer:visible").slideToggle("slow");
		$ ("#media1:visible").hide();
		
		$ ("#mmore1:hidden").show();
		$ ("#mediaH1:visible").hide();
		
		$("#media4:hidden").show();
		$("#media3:hidden").show();
		$("#media2:hidden").show();
		$("#media1:hidden").show();
		
		
		$("div #mediaContainer:visible").slideToggle("slow");
	});
	
	$ ("#mmore2") .click(function()
	{
		$("#mmore2:visible").hide();
		
		$("div #media4:visible").slideToggle("slow");
		$("div #media3:visible").slideToggle("slow");
		$("div #media2:visible").slideToggle("slow");
		$("div #media1:visible").slideToggle("slow");
		
		$ ("#media2:visible").hide();
		$ ("#mediaH2:hidden").show();
		$ ("#mless2:hidden").show();
		
		$ ("div #media2:hidden").slideToggle("slow");
		
	});
	
	$ ("#mless2") .click(function()
	{
		reset();
		$ ("#mless2:visible").hide();
		$("div #mediaContainer:visible").slideToggle("slow");
		$ ("#media1:visible").hide();
		
		$ ("#mmore2:hidden").show();
		$ ("#mediaH2:visible").hide();
		
		$("#media4:hidden").show();
		$("#media3:hidden").show();
		$("#media2:hidden").show();
		$("#media1:hidden").show();
		
		
		$("div #mediaContainer:visible").slideToggle("slow");
	});
	
	$ ("#mmore3") .click(function()
	{
		$("#mmore3:visible").hide();
		
		$("div #media4:visible").slideToggle("slow");
		$("div #media3:visible").slideToggle("slow");
		$("div #media2:visible").slideToggle("slow");
		$("div #media1:visible").slideToggle("slow");
		
		$ ("#media3:visible").hide();
		$ ("#mediaH3:hidden").show();
		$ ("#mless3:hidden").show();
		
		$ ("div #media3:hidden").slideToggle("slow");
		
	});
	
	$ ("#mless3") .click(function()
	{
		reset();
		$ ("#mless3:visible").hide();
		$("div #mediaContainer:visible").slideToggle("slow");
		$ ("#media1:visible").hide();
		
		$ ("#mmore3:hidden").show();
		$ ("#mediaH3:visible").hide();
		
		$("#media4:hidden").show();
		$("#media3:hidden").show();
		$("#media2:hidden").show();
		$("#media1:hidden").show();
		
		
		$("div #mediaContainer:visible").slideToggle("slow");
	});
	
	$ ("#mmore4") .click(function()
	{
		$("#mmore4:visible").hide();
		
		$("div #media4:visible").slideToggle("slow");
		$("div #media3:visible").slideToggle("slow");
		$("div #media2:visible").slideToggle("slow");
		$("div #media1:visible").slideToggle("slow");
		
		$ ("#media4:visible").hide();
		$ ("#mediaH4:hidden").show();
		$ ("#mless4:hidden").show();
		
		$ ("div #media4:hidden").slideToggle("slow");
		
	});
	
	$ ("#mless4") .click(function()
	{
		reset();
		$ ("#mless4:visible").hide();
		$("div #mediaContainer:visible").slideToggle("slow");
		$ ("#media4:visible").hide();
		
		$ ("#mmore4:hidden").show();
		$ ("#mediaH4:visible").hide();
		
		$("#media4:hidden").show();
		$("#media3:hidden").show();
		$("#media2:hidden").show();
		$("#media1:hidden").show();
		
		
		$("div #mediaContainer:visible").slideToggle("slow");
	});
	
});