var slideShow = new Class({
	
	//implements
	Implements: [Options],

	//options
	options: {
		slideTimer: 7000,
		transitionTime: 1500,
		width: 500,
		height: 26
	},
	
	itemNum:0,
	numItems:0,
		
	//initialization
	initialize: function(container, el, options) {
			
		//set options
		this.setOptions(options);
		
		this.container = $(container);
		
		var els = $$(el);
		
		els.each(function(e, index) {
			
			var size = e.getSize();
			
			//since the viewer obviously has javascript on, we can remove the \'first_item\' class
			if(index == 0){
				e.removeClass('first_item');
				e.setStyle('left', "0");
			}else{
				e.setStyle('left', size.x);
				e.setStyle('opacity', "0");
			}
			
			this.setUpElement(e);
		
		},this);
		
		this.setUpContainer();
		
		this.els = els;
		this.numItems = this.els.length;
		
	},
	
	setOptions: function(options) {
		for(var i in options) {
			this.options[i] = options[i];
		}
	},
	
	setUpContainer: function() {
		var styles = {
				left: 0,
				overflow: 'hidden',
				position: 'relative',
				top: 0,
				width: this.options.width + 'px',
				height: this.options.height
		};
		
		this.container.setStyles(styles);
		
	},
	
	setUpElement: function(el) {
		var styles = {
				position: 'absolute',
				top: 0,
				width: this.options.width+'px'
		};
		
		el.setStyles(styles);
	},
	
	slideIt: function(){ 
			
		//get item to slide out
		var curItem = this.els[this.itemNum];  
		
		//change index
		if(this.itemNum < (this.numItems - 1)){
			this.itemNum++; 
		}else{
			this.itemNum = 0;
		}
		
		//now get item to slide in using new index
		var newItem = this.els[this.itemNum];
		
		//set up our animation stylings for out and in motions (note:  Fx.Styles does NOT exist in moo 1.2, so we must use Fx.Morph or Fx.Tween)
		var item_in = new Fx.Morph(newItem, {
				 duration: this.options.transitionTime, 
				 transition: Fx.Transitions.Quad.easeInOut, 
				 wait:false
		});
		
		var item_out = new Fx.Morph(curItem, {
				 duration: this.options.transitionTime, 
				 transition: Fx.Transitions.Quad.easeInOut, 
				 wait:false
		});
		
		//we will set a beginning value here
		//this is so that it gives the illusion of continuous motion from one direction, even after the first cycle of items
		item_in.start({
		'left': [this.options.width, 0],
		'opacity':[0,1]
		});
		
		//no beginning values needed, since we always want to push the old item out to the left
		item_out.start({
		'left': '-'+this.options.width,
		'opacity':[0]
		});
		
	},
	
	start: function() {
		this.slideIt.periodical(this.options.slideTimer, this); 
	}
	
});