// JavaScript Document

	$(document).ready(function(){
		//init: hide all layers
		$('#details').fadeTo(1500, 0.4);
		$('#hiddendetails').hide();
		$('#about').hide();
		$('#work').hide();
		$('#clients').hide();
		$('#subscribe').hide();
		$('#contact').hide();
		$('#broken').hide();
		
		//show main menu on rollover
		$('#details').hover(function(){
			$('#hiddendetails').fadeIn(400);
		});	
		
		//hide all except #details when on image
		
		$('#supersize').hover(function(){
			$('#hiddendetails').fadeOut(800);
			$('#about').fadeOut(800);
			$('#work').fadeOut(800);
			$('#clients').fadeOut(800);
			$('#contact').fadeOut(800);
			$('#subscribe').fadeOut(800);
			$('#details').fadeIn(400);
		});
		
		
		//click on about link
		
		$('a.aboutlink').click(function(){
			$('#about').fadeIn(400);
			$('#hiddendetails').fadeOut(800);
			$('#clients').fadeOut(800);
			$('#work').fadeOut(800);
			$('#subscribe').fadeOut(800);
			$('#contact').fadeOut(800);
			$('#details').fadeOut(800);
		});
		
		//click on clients link
		$('a.clientslink').click(function(){
			$('#about').fadeOut(800);
			$('#hiddendetails').fadeOut(800);
			$('#clients').fadeIn(400);
			$('#subscribe').fadeOut(800);
			$('#work').fadeOut(800);
			$('#contact').fadeOut(800);
			$('#details').fadeOut(800);
		});
		//click on work link
		$('a.worklink').click(function(){
			$('#work').fadeIn(400);
			$('#hiddendetails').fadeOut(800);
			$('#about').fadeOut(800);
			$('#clients').fadeOut(800);
			$('#subscribe').fadeOut(800);
			$('#contact').fadeOut(800);
			$('#details').fadeOut(800);
		});
		//click on contact link
		$('a.contactlink').click(function(){
			$('#contact').fadeIn(400);
			$('#hiddendetails').fadeOut(800);
			$('#about').fadeOut(800);
			$('#subscribe').fadeOut(800);
			$('#clients').fadeOut(800);
			$('#work').fadeOut(800);
			$('#details').fadeOut(800);
		});
		//click on subscribe btn
		$('a.subscribe_btn').click(function(){
			$('#subscribe').fadeIn(400);
			$('#hiddendetails').fadeOut(800);
			$('#about').fadeOut(800);
			$('#clients').fadeOut(800);
			$('#contact').fadeOut(800);
			$('#work').fadeOut(800);
			$('#details').fadeOut(800);
		});
		});