var time_inc = 15000;
var counter = 0;
var count = 0;
var image_array = ['_Q5L9622.jpg|horiz', '_71A3609.jpg|vert', '_T8D3772.jpg|vert-reverse','CZ2D7338.jpg|vert'];
function rotator() {
	var params = image_array[counter].split('|');
	var image = params[0];
	var o = params[1];
	// Insert new image div
	var this_div = '<div id="holder'+counter+'" class="holder"><div><img class="'+o+'" src="rotator/'+image+'" /></div></div>';
	$('#rotator').append(this_div);
	
	// Settings
	var width = $('#holder'+counter+' img').width();
	var height = $('#holder'+counter+' img').height();
	var panLeft = '-' + (width - 900) + 'px';
	var panUp = '-' + (height - 190) + 'px';
	
	// If this is not the FIRST image and FIRST rotation, fade image in
	if (count != 0) { $('#holder'+counter).css({ 'opacity' : '0.0' }).animate({ opacity : 1.0 }, 2000); }
	
	// Animate the image div
	var cur_div = $('#holder'+counter);
	if ($('#holder'+counter+' > div').width()==0) {
		setTimeout(rotator,20);	
		return false;
	}
	switch(o) {
		case 'horiz':
			$('#holder'+counter+' > div').css({ 'left' : '0px' , 'top' : '-200px' }).animate({'left': -($('#holder'+counter+' > div').width()-900)}, time_inc, function() { $(cur_div).remove(); });
		break;
		case 'horiz-reverse':
			$('#holder'+counter+' > div').animate({'right': -($('#holder'+counter+' > div').width()-900)}, time_inc, function() { $(cur_div).remove(); });
		break;
		case 'vert':
			$('#holder'+counter+' > div').css({ 'top' : '0px' }).animate({'top': -($('#holder'+counter+' > div').height()-190)}, time_inc, function() { $(cur_div).remove(); });
		break;
		case 'vert-reverse':
			$('#holder'+counter+' > div').css({ 'top' : -($('#holder'+counter+' > div').height()-190) }).animate({'top': '0px'}, time_inc, function() { $(cur_div).remove(); });
		break;
	}
	
	// Set a timeout to create the roation loop
	var t = setTimeout(function() {
		counter++;
		count++;
		if (counter == image_array.length) {
			counter = 0;
		}
		rotator();
	}, (time_inc/1.5));
}
$(document).ready(function() {
	var pic1 = new Image();
	pic1.src = 'rotator/'+image_array[0];
	var pic2 = new Image();
	pic2.src = 'rotator/'+image_array[2];
	var pic3 = new Image();
	pic3.src = 'rotator/'+image_array[3];
	var pic4 = new Image();
	pic4.src = 'rotator/'+image_array[4];
	window.onload = rotator;
});