window.addEvent('domready',function() {

	/* Viewer Settings	*/
	var container = $('project-list');
	var projects = container.getElements('div.project-item');
	var currentIndex = 0;
	var duration = 1000;
	var containerFx = new Fx.Tween(container, { transition: Fx.Transitions.Quart.easeOut, duration: duration});
	var width = 795;

	/* lets get this party started... right */
	container.setStyle('width', width * projects.length);
	
	function show(to) {
		containerFx.pause().start('left', (to*width)*-1);
	}
	
	/* Adding an event the to the next and previous buttons */
	$('back-link').addEvent('click', function(e){
		if(e) e.stop();
		currentIndex = (currentIndex == 0 ? projects.length-1 : currentIndex-1);
		show(currentIndex);
	});
	
	$('next-link').addEvent('click', function(e){
		if(e) e.stop();
		currentIndex = (currentIndex == projects.length-1 ? 0 : currentIndex+1);
		show(currentIndex);
	});
	
	/*
		Panel Settings
	*/
	panelOptions = { transition: Fx.Transitions.Quart.easeOut, duration: 500 };
	
	/*
		About Us Panel Slider
	*/
	if($('about-us'))
	{
		var aboutButton = $('about-us');
		var aboutPanel = $('about-us-panel');
		var aboutFx = new Fx.Tween(aboutPanel, panelOptions).start('top', (aboutPanel.getHeight() * -1));
		var aboutOpen = false;

		aboutButton.addEvent('click', function(e){
			if(e) e.stop();
			ControlAbout();
			if(contactOpen) ControlContact();
		});

		function ControlAbout() {
			aboutFx.pause().start('top', (aboutOpen ? (aboutPanel.getHeight() * -1) : 0));
			aboutButton.toggleClass('active');
			aboutOpen = !!!aboutOpen;
		}		
	}
	
	/*
		Contact Us Panel Slider
	*/
	
	if($('contact-us-panel')) 
	{
		var contactButton = $('contact-us');
		var contactPanel = $('contact-us-panel');
		var contactFx = new Fx.Tween(contactPanel, panelOptions).set('top', (contactPanel.getHeight() * -1));
		var contactOpen = false;

		contactButton.addEvent('click', function(e){
			if(e) e.stop();
			ControlContact();
			if(aboutOpen) ControlAbout();
		});

		function ControlContact() {
			contactFx.pause().start('top', (contactOpen ? (contactPanel.getHeight() * -1) : 0));
			contactButton.toggleClass('active');
			contactOpen = !!!contactOpen;
		}
	}
	

	
});