var mailerURL = 'mailer.php'; //  DEv = /resources/FDuncan/mailer.php
var loadIndex = 0;
var preloads  = '';
var started   = false;
$(document).ready(function() {

	// Hide images (should be empty now anyways)
	$('.rotatingImage').hide();
	$('#mailer button').button();
	$('.nojsHide').show();
	$('#mailForm').submit(function() { return false; });

	// Start preloading with first image
	preloads                   = new Array(images.length);
	preloads[loadIndex]        = new Image();
	preloads[loadIndex].onload = function() { loadNext(); };
	preloads[loadIndex].src    = images[loadIndex];
	
});

// onload handler for all preload imgaes
function loadNext() {
	
	var startAfter = 5;

	if (++loadIndex < images.length) {
		preloads[loadIndex] = new Image();
		preloads[loadIndex].onload = loadNext;
		preloads[loadIndex].src = images[loadIndex];
	}
	
	if ( (loadIndex >= startAfter) && (!started) ) {
		started = true;
		rotateImage('image0',-1);
	}		
	
}// end loadNext

function rotateImage(target,index) {
	imagesIndex = (index + 1) % images.length;
	var nextTarget = target == 'image0' ? 'image1' : 'image0';
	$('#' + target).attr('src',preloads[imagesIndex].src);

	// crossfade images
	$('#' + nextTarget).fadeOut('slow');
	$('#' + target).fadeIn('slow');

	// Set timeout for next change
	if (images.length > 1) window.setTimeout(function() { rotateImage(nextTarget,++index); } ,4000);
	return;
}// end rotateImages

function sendMail() {
	
	$.post(mailerURL,
	{
		AJAX : 'true',
		sender : $('input[name=sender]').val().trim(),
		email : $('input[name=email]').val().trim(),
		phone : $('input[name=phone]').val().trim(),
		comment : $('textarea[name=comment]').val().trim()
	},function(data) {
		$('#msg').html(data);
	},'html');
	
	return false;
}