window.addEvent('domready', function() {			
	var logo = $('fp_logo'), portfolio = $('portfolio'), about = $('about'), services = $('services'); work = $('work_link'), story = $('story_link'), services2 = $('service_link'); quote_emblem = $('quote_emblem'), kudos = $('client_kudos'); fancy = $('fancyfrench_link'); servicebox = $('servicesbox_link'); cool = $('coolstuff_link'); main = $('content');
	var controls = $('controls');
	var fx = new Fx.Scroll(main, {duration: 1100});
	
	logo.addEvent('click', function() {
		fx.toElement('contentA');
		controls.set('class', 'hide');
			});
	
	portfolio.addEvent('click', function() {
		fx.toElement('contentB');
		controls.erase('class');
	});	
	
	about.addEvent('click', function() {
		fx.toElement('contentC');
		controls.set('class', 'hide');
	});		
	
	services.addEvent('click', function() {
		fx.toElement('contentD');
		controls.set('class', 'hide');
	});	
	
	kudos.addEvent('click', function() {
		fx.toElement('contentE');
		controls.set('class', 'hide');
	});		
	
	work.addEvent('click', function() {
		fx.toElement('contentB');
		controls.erase('class');
	});			
	
	story.addEvent('click', function() {
		fx.toElement('contentC');
		controls.set('class', 'hide');
	});	
	
	services2.addEvent('click', function() {
		fx.toElement('contentD');
		controls.set('class', 'hide');
	});
		
	quote_emblem.addEvent('click', function() {
		fx.toElement('contentA');
				
	});	
	
	fancy.addEvent('click', function() {
		fx.toElement('contentC');
		controls.set('class', 'hide');		
	});	
	
	cool.addEvent('click', function() {
		fx.toElement('contentB');
		controls.erase('class');		
	});	
	
	var identity = $('identity'), founder = $('founder'), aboutscroll = $('about_wrapper');
	var scroll2 = new Fx.Scroll(aboutscroll, {duration: 1100});
	
	identity.addEvent('click', function() {
		scroll2.toElement('identity_content');
		identity.setStyle('background-position', '0 -17px');
		founder.setStyle('background-position', '0 0');
			});
	
	
	founder.addEvent('click', function() {
		scroll2.toElement('founder_content');
		identity.setStyle('background-position', '0 0');
		founder.setStyle('background-position', '0 -17px');
		
		
	});				
	
	
	var paper = $('paper'), websites = $('websites'), logotypes = $('logotypes'), rates = $('rates'), servicesscroll = $('services_wrapper') ;
	var scroll3 = new Fx.Scroll(servicesscroll, {duration: 1100});
	
	paper.addEvent('click', function() {
		scroll3.toElement('paper_content');
		paper.setStyle('background-position', '0 -17px');
		websites.setStyle('background-position', '0 0');
		logotypes.setStyle('background-position', '0 0');
		rates.setStyle('background-position', '0 0');
			});
			
	websites.addEvent('click', function() {
		scroll3.toElement('websites_content');
		paper.setStyle('background-position', '0 0');
		websites.setStyle('background-position', '0 -17px');
		logotypes.setStyle('background-position', '0 0');
		rates.setStyle('background-position', '0 0');
			});		
	
	logotypes.addEvent('click', function() {
		scroll3.toElement('logotypes_content');
		paper.setStyle('background-position', '0 0');
		websites.setStyle('background-position', '0 0');
		logotypes.setStyle('background-position', '0 -17px');
		rates.setStyle('background-position', '0 0');
			});	
			
	rates.addEvent('click', function() {
		scroll3.toElement('rates_content');
		paper.setStyle('background-position', '0 0');
		websites.setStyle('background-position', '0 0');
		logotypes.setStyle('background-position', '0 0');
		rates.setStyle('background-position', '0 -17px');
			});		
			
					
	var colophonlink = $('colophon_link'), colophon = $('colophon'), close =$('close_window');
	colophonlink.addEvent('click', function() {
		colophon.setStyle('height', '900px');
			});
	close.addEvent('click', function() {
		colophon.setStyle('height', '0');
			});

});