// JavaScript Document// Event on window load
window.addEvent('domready', function() {

	// Menu - Let's define some variables first
	menu_animation = new Fx.Tween($('menu'), { duration: 1000 });

	// Carousel - Let's define some variables first
	carousel_animation = new Fx.Tween($('carousel-content'), { duration: 1000 });

	// Carousel - Let's define the buttons actions
	$('menu-work').addEvent('click', function() { criaTween(-1263, 550); });
	$('menu-profile').addEvent('click', function() { criaTween(-2526, 465); });
	$('menu-blog').addEvent('click', function() { criaTween(-3789, 520); });
	$('menu-contact').addEvent('click', function() { criaTween(-5052, 70); });

	// Carousel | Menu - Create a Tween
	function criaTween(x_carousel, y_menu) {
		if (parseInt($('carousel-content').getStyle('left')) != x_carousel) {
			carousel_animation.start('left', x_carousel);
			menu_animation.start('top', y_menu);
		}
	}

	// Contact - Set up the 'onsubmit' event
	$('formulario').addEvent('submit', function() {
		if (checkForm()) {
			hideForm();
			sendForm();
		}
		return false;
	});

	// Contact - Checks all the fields
	checkForm = function() {
		if ($('field-name').value == "") {
			alert('Please enter your name');
			$('field-name').focus();
			return false;
		}
		if ($('field-email').value == "") {
			alert('Please enter your email');
			$('field-email').focus();
			return false;
		}
		if ($('field-word').value == "") {
			alert('Please enter a message');
			$('field-word').focus();
			return false;
		}
		return true;
	}

	// Contact - Sends email using Ajax
	sendForm = function() {
		new Request({
			method: 'get',
			url: 'sendMail',
			data: 'name=' + $('field-name').value + '&email=' + $('field-email').value + '&word=' + $('field-word').value,
			onRequest: function() { $('message').innerHTML = '<p align=center class=loading'+'><br /><br /><br /><img src=/images/loading.gif width=128 height=15 alt=Loading /><br />Loading...<'+'/p>'; },
			onComplete: function(response) { $('message').innerHTML = '<p align=center class=loading'+'><br /><br /><br />' + response + '<'+'/p>'; }
		}).send();
	}

	// Contact - Displays the contact message and hides the contact form
	hideForm = function() {
		$('formulario').style.display = "none";
		$('message').style.display = "block";
	}

	// Contact - Displays the contact form and hides the contact message
	displayForm = function() {
		$('formulario').style.display = "block";
		$('message').style.display = "none";
		$('field-name').value = "";
		$('field-email').value = "";
		$('field-word').value = "";
	}

});

// Work Page Navigator
function getWork(wid) {
	new Request.HTML({
                url: 'getWork',
		method: 'get',
                data: 'wid=' + wid,
		update: $('job'),
		onComplete: Slimbox.scanPage,
		onRequest: function() { $('job').innerHTML = '<p align=center class=loading'+'><br /><br /><br /><br /><br /><img src=/images/loading.gif width=128 height=15 alt=Loading /><br />Loading...<'+'/p>'; },
	}).get();
}

// Blog Page Navigator
function getPage(query) {
	new Request.HTML({
                url: 'getPage',
		method: 'get',
                data: query,
		update: $('board'),
		onRequest: function() { $('board').innerHTML = '<p align=center class=loading'+'><br /><br /><br /><br /><br /><br /><br /><img src=/images/loading.gif width=128 height=15 alt=Loading /><br />Loading...<'+'/p>'; },
	}).get();
}