/**
*
*/
var JAAAH_Slider = {
	init: function(options){
		this.options = $extend({
			container: $('clients_main'),
			parentBox: $('our_clients_mask'),
			slideClass: 'clients'
		}, options || {});
		
		/* vars */
		this.delta = 0;
		this.animate = 0;
		this.posX = 0;
		
		this.options.next = new Element('a', {'id':'c_next','class':'next',
		'events':{
			'mousedown':this.slide.bind(this,'next'),
			'mouseup': this.slide.bind(this),
			'mouseout': this.slide.bind(this)
			}
		}).injectInside(this.options.parentBox.parentNode);
		
		this.options.prev = new Element('a', {'id': 'c_prev','class':'prev_off',
		'events':{
			'mousedown':this.slide.bind(this,'prev'),
			'mouseup': this.slide.bind(this),
			'mouseout': this.slide.bind(this)
			}
		}).injectInside(this.options.parentBox.parentNode);
		
		//this.fx = {	slide: this.options.container.effect('left', {'duration' : 5000}) }
		this.fx = {	slide: new Fx.Style(this.options.container, 'left', {'duration' : 5000}).set(0) } 

		//this.eventKeyDown = this.keyboardListener.bindAsEventListener(this);
		//document.addEvent('keydown', this.eventKeyDown);
		return this.setup();
	},
	setup: function(){
		this.slides = $$(this.options.container.getElements('div.'+this.options.slideClass));
		if(this.slides.length){
			this.delta = this.slides.length*this.slides[0].offsetWidth;
			
			if( this.delta > this.options.parentBox.offsetWidth ){
				this.delta -= this.options.parentBox.offsetWidth;
			}
		}
		return this.slides;
	},
	slide:function(task){
	
	if( !this.delta ) return false;
		switch(task){
			case 'next':
					this.fx.slide.start(-this.delta);
				break;
			case 'prev':
					this.fx.slide.start(this.posX,0);
				break;
			default:
					this.fx.slide.stop();
					this.posX = this.options.container.offsetLeft;
				break;
		}
	},
	keyboardListener: function(event){
		switch (event.keyCode){
			case 37: case 80: this.slide(); this.slide('prev'); break;	
			case 39: case 78: this.slide(); this.slide('next');
		}
	}
}


window.addEvent('domready',function(){
	JAAAH_Slider.init();
	
	if($('our_services')){
		$$('#our_services div.service').each(function(el){
			el.addEvent('click',function(e){
				this.toggleClass('show');
			},this);
		});
	}
});