var images;
var changers;
var initial = {};
var current = 1;
var working = {};
var results = {};

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

	var images = $$('#rotator img');
	var changers = $$('ul.switcher a');

	function buildimageobject(wanted){
		images.each(function(image, index){
			if (index == wanted) {
				results[index] = {'opacity': 1};
			} else {
				results[index] = {'opacity': 0};
			};
		});

		return results;
	};

	var changerFx = new Fx.Elements(images, {
		link: 'cancel',
		duration: 1000
	});

	images.each(function(image){
		image.addClass('rotate');
		image.setStyle('opacity', 0);
		image.setStyle('visibility', 'visible');
	});

	changerFx.set(buildimageobject(0));
	changers[0].addClass('selected');

	changers.each(function(changer, index){
		changer.addEvent('click', function(e){
			e.stop();
			changers.each(function(change,idx){
				change.removeClass('selected');
			});
			changerFx.start(buildimageobject(index));
			changer.addClass('selected');		
		});
	});
});
