/**
 * Scrollable Div Functions for product Teasers
 * @param string scrollerId
 * @param int size 
 */
AtHome.Scroller =  function( scrollerId , size ) {
	this.scrollerId = scrollerId;
	this.size = size !== undefined ? size : 4; 

	this.rightHandle = null;
	this.leftHandle = null;
	
	this.scrollAPI = null;
	
	this.init = function() {
		var self = this;
		if( $('#' + self.scrollerId).size() == 0) {
			return;
		}
		var scroller = $('#' + self.scrollerId);
		var scrollable = scroller.children('.scrollable');
		var leftHandleSelector = '#' + this.scrollerId + ' > .scrollable_left';
		this.leftHandle = $(leftHandleSelector);
		var rightHandleSelector = '#' + this.scrollerId + ' > .scrollable_right';
		
		this.rightHandle = $(rightHandleSelector);
		
		this.scrollAPI = scrollable.scrollable({
			size: self.size,
			clickable: false,
			// activeClass: "active",
			api: true
		});
		// initial zustände der Buttons
		this.leftHandle.addClass('scrollable_left_inactive');
		if( this.scrollAPI.getPageAmount() == 1) {
			this.rightHandle.addClass('scrollable_right_inactive');
		}
		
		
		// Links Button
		this.rightHandle.click( function() {
			self.scrollAPI.next();
		} );
		// Rechts Button
		this.leftHandle.click( function() {
			self.scrollAPI.prev();
		} );
		// Scrollhandler
		this.scrollAPI.onSeek( function() {
			if( this.getIndex() == 0 ) {
				self.leftHandle.addClass('scrollable_left_inactive');
			} else {
				self.leftHandle.removeClass('scrollable_left_inactive');
			}
			var lastIndex = $(this.getItems()).size() - (self.size);
			if( this.getIndex() == lastIndex ) {
				self.rightHandle.addClass('scrollable_right_inactive');
			} else {
				self.rightHandle.removeClass('scrollable_right_inactive');
			}
		});
	};
};