var slidesign = new Class({
	initialize: function(options){
		this.options= $extend(
			{
				fxduration:	1000,	// number of milliseconds for transition
				slideshowDelay: 4000, // how long to pause on slide. MUST BE LONGER THAN fxduration
				baseID:	"bannerBottom",
				stickFirst:	'dealerLocatorBottom',
				stickLast:	false,
				specialFirst: "first",
				slideWidth: 200,
				slideHeight: 300
			}, options || {}
		);
		
		this.moving = false;
		this.running = false;
		this.finishing = false;
		this.left = 0;
		
		this.base = $(this.options.baseID);
		this.divs = this.base.getChildren('div');
		this.clearClass(this.divs,this.options.specialFirst);
		if(this.divs[0].hasClass(this.options.stickFirst)){
			this.dealerLocator = this.divs.shift();
			this.left=this.options.slideWidth;
		}
		this.divs.setStyles({'width':this.options.slideWidth});
		
		this.outer = new Element('div',{
			'id':'slideSignOuter',
			'events':{
				'mouseleave':function(){this.hideArrows();}.bind(this),
				'mouseenter':function(){this.showArrows();}.bind(this)
			}
		}).inject(this.base);
		this.inner = new Element('div',{'id':'slideSignInner'}).inject(this.outer);
		
		this.inner.adopt(this.divs);
		this.current = (this.divs.length/2).toInt();
		this.divs.each(function(d,i){
			if(i<this.current){
				var clone = d.clone().inject(this.inner);
			}else{
				var clone = d.clone().inject(this.divs[0],'before');
			}
		},this);
		this.divs = this.inner.getChildren('div');
		this.divs[this.current].addClass(this.options.specialFirst);
		l = 0 - (this.options.slideWidth * this.current);
		this.inner.setStyles({'left':l});
		
		this.createArrows();
		
		this.addEffects();
		
		this.startShow();
		
	},
	
	createArrows: function(){
		this.rightArrow = new Element('div',{
			'id':'rightArrow',
			'class':'slideArrows',
			'styles':{'right':0,'height':this.options.slideHeight,'opacity':0},
			'events':{
				'click':function(){this.clickRight();}.bind(this),
				'mouseleave':function(){this.hideArrows();}.bind(this),
				'mouseenter':function(){this.showArrows();}.bind(this)
			}
		}).inject(this.base);
		this.leftArrow = new Element('div',{
			'id':'leftArrow',
			'class':'slideArrows',
			'styles':{'left':this.left,'height':this.options.slideHeight,'opacity':0},
			'events':{
				'click':function(){this.clickLeft();}.bind(this),
				'mouseleave':function(){this.hideArrows();}.bind(this),
				'mouseenter':function(){this.showArrows();}.bind(this)
			}
		}).inject(this.base);
		
		this.rightArrowEffect = new Fx.Morph(this.rightArrow, {duration: this.options.fxduration, transition: Fx.Transitions.Sine.easeOut, link: 'chain'});
		this.leftArrowEffect = new Fx.Morph(this.leftArrow, {duration: this.options.fxduration, transition: Fx.Transitions.Sine.easeOut, link: 'chain'});
	},
	
	addEffects: function(){
		this.divs.each(function(d,i){
			d.setProperty('id','slideNum'+i);
			d.effect = new Fx.Morph(d, {duration: this.options.fxduration, transition: Fx.Transitions.Sine.easeInOut});
		},this);
	},
	
	startShow: function(){
		$clear(this.running);
		this.running = this.moveLeft.periodical(this.options.slideshowDelay,this);
	},
	
	moveLeft: function(){
		this.moving = true;
		$clear(this.cleanup);
		this.divs[0].effect.start({width:0});
		this.clearClass(this.divs,this.options.specialFirst);
		this.finishing = this.moveLeftFinish.delay(this.options.fxduration+20,this);
	},
	
	moveLeftFinish: function(){
		this.inner.grab(this.divs[0]);
		this.cleanupMove(false);
		this.cleanup = this.cleanupMove.periodical(10,this,true);
		this.moving = false;
	},
	
	moveRight: function(){
		this.moving = true;
		$clear(this.cleanup);
		this.divs[this.current-1].addClass(this.options.specialFirst);
		this.divs[0].effect.start({width:this.options.slideWidth*2});
		this.clearClass(this.divs,this.options.specialFirst);
		this.finishing = this.moveRightFinish.delay(this.options.fxduration+20,this);
	},
	
	moveRightFinish: function(){
		this.inner.grab(this.divs.getLast(),'top');
		this.cleanupMove(false);
		this.cleanup = this.cleanupMove.periodical(10,this,true);
		this.moving = false;
	},
	
	clearClass: function(ds,c){
		ds.removeClass(c);
		//ds.each(function(d){
		//	d.removeClass(c);
		//});
	},
	
	cleanupMove: function(a){
		this.divs = this.inner.getChildren('div');
		e=0;
		this.divs.each(function(d){
			if(d.getSize().x!=this.options.slideWidth) e++
		},this);
		if(e){
			this.clearClass(this.divs,this.options.specialFirst);
			this.divs.setStyles({'width':this.options.slideWidth});
			this.divs[this.current].addClass(this.options.specialFirst);
		}
	},
	
	showArrows: function(){
		$clear(this.running);
		this.rightArrowEffect.cancel();
		this.leftArrowEffect.cancel();
		this.rightArrowEffect.start({'opacity': '0.55'});
		this.leftArrowEffect.start({'opacity': '0.55'});
	},
	
	hideArrows: function(){
		this.rightArrowEffect.start({'opacity': '0'});
		this.leftArrowEffect.start({'opacity': '0'});
		this.startShow();
	},
	
	clickRight: function(){
		if(!this.moving){
			this.moveLeft();
		}
		return false;
	},
	
	clickLeft: function(){
		if(!this.moving){
			this.moveRight();
		}
		return false;
	},
	
	
	
	scrollSizeWithMargins: function(e){
		d = e.getScrollSize();
		m = e.getStyles('marginTop','marginRight','marginBottom','marginLeft');
		x = d.x.toInt();
		y = d.y.toInt();
		t = m.marginTop.toInt();
		r = m.marginRight.toInt();
		b = m.marginBottom.toInt();
		l = m.marginLeft.toInt();
		return {'x':x+r+l,'y':y+t+b};
	}

});