
var dciSlide = Class.create({

	initialize: function(params){
		
		this.imgWidth = "0";
		this.returnOnMouseOut = params.returnOnMouseOut || false;
		this.startNode = params.startNode || 0;		
		
		this.handleEvent = params.handleEvent || "mouseover";
		
		// Get images
		this.imgWidth = $$('#box span')[0].getWidth();
		
		for(var i = 0; i < $$('.slide_move').length; i++) {

			Event.observe($$('.slide_move')[i], this.handleEvent, this.go.bind(this, i));
			
		} 
		
		if(this.returnOnMouseOut) {
			Event.observe($('slide_container'), 'mouseleave', this.go.bind(this, this.returnOnMouseOut));
		}
		
		this.go(this.startNode);
			
		
	
	},
	
	go: function(item){
		
		loffset = (item*-1)*this.imgWidth;
		
		$('box').setStyle({'marginLeft': loffset + 'px'});
	}
	
	
});