window.addEvent('domready', function() {
	var objAccordion = new Accordion('.title', '.info', {opacity: false, show: -1, alwaysHide: true});

	$$('.title').setStyle('cursor', 'pointer');
	$('thumb-1').setStyle('cursor', 'pointer');
	$('thumb-2').setStyle('cursor', 'pointer');
	$('thumb-3').setStyle('cursor', 'pointer');
	$('thumb-4').setStyle('cursor', 'pointer');

	$('portfolio-link').addEvent('click', function(e) {
		e.stop();
		objAccordion.display(2);
	});

	$('thumb-1').addEvent('click', function(e) {
		objAccordion.display(0);
	});
	
	$('thumb-2').addEvent('click', function(e) {
		objAccordion.display(1);
	});
		
	$('thumb-3').addEvent('click', function(e) {
		objAccordion.display(2);
	});
			
	$('thumb-4').addEvent('click', function(e) {
		objAccordion.display(3);
	});

	var objRequest = new Request({url: 'scripts/contact.php',
		onRequest: function(instance) {
			$('cover').setStyle('height', ($('contact').getStyle('height').toInt()-80)+'px');

			$('cover').fade('hide');
			$('form').setStyle('display', 'none');
			$('log').setStyle('display', 'block');
			$('log').fade('hide');
			$('cover').fade(1);
		},
		onSuccess: function(txt) {
			$('log').set('html', txt);
			$('log').fade(1);

			if ($('retry') != null) {
				$('retry').removeEvents();
				$('retry').addEvent('click', function(e) {
					e.stop();
					
					$('log').setStyle('display', 'none');
					$('form').fade('hide');
					$('form').setStyle('display', 'block');
					$('form').fade(1);
				});
			}
		},
		onFailure: function() {
			$('log').set('html', 'I\'m sorry your message hasn\'t been sent due to an error on my server.<br /><a href="#" id="retry">Please have another go</a>');
			
			if ($('retry') != null) {
				$('retry').removeEvents();
				$('retry').addEvent('click', function(e) {
					e.stop();
					
					$('log').setStyle('display', 'none');
					$('form').fade('hide');
					$('form').setStyle('display', 'block');
					$('form').fade(1);
				});
			}
		}
	});

	$('send').addEvent('click', function(e) {
		e.stop();
		
		objRequest.send('name='+$('name').get('value')+'&email='+$('email').get('value')+'&message='+$('message').get('value'));
	});
});