// set jQuery to the compatibity mode, so there should not be any problems with other libarys
jQuery.noConflict();

var sliderItemOffset = 0;
var sliderItemWidth = 310;    
var sliderItemVisible = 3;
var sliderItemCount = 0;


jQuery(document).ready(function(){

	// slide the items 
	function slideItems(direction) {

		if((direction == '+' && sliderItemOffset > 0) ||  // slide to left and offset is bigger than one
		   (direction == '-' && sliderItemOffset < (sliderItemCount-sliderItemVisible))) { // or slide to right and offset is smaller than items count - visible items
			
			// init the number of items to slide (all visible)
			var itemsToSlide = sliderItemVisible;
			
			if(direction == '+') {  
				// slide left
				if(sliderItemOffset-itemsToSlide < 0) {
					itemsToSlide = sliderItemOffset;	
				}
				sliderItemOffset -= itemsToSlide;	
  			} else {  
  				//slide right    				
  				if(sliderItemOffset+itemsToSlide > sliderItemCount-sliderItemVisible) {
					itemsToSlide = sliderItemCount - sliderItemOffset - sliderItemVisible;	
				}
				sliderItemOffset += itemsToSlide;	   	
  			}
			
			jQuery('#stickersSliderItems').animate({
    			left: direction+'='+(sliderItemWidth*itemsToSlide)
  			}, (300*itemsToSlide));
  			
  			adjustSliderControls();	
		}
	}
	
	// add or remove classes from the slider controls
	function adjustSliderControls () {
		// enable the slider to left if offset is bigger than one
		if(sliderItemOffset > 0) {
			jQuery('#stickersSliderLeft').attr('class', 'stickersSliderLeftEnabled');	
		} else {    	
			jQuery('#stickersSliderLeft').attr('class', 'stickersSliderLeftDisabled');		
		}
		
		// enable the slider to right if the itemcount is higher than the offset + count of show items
		if(sliderItemOffset < (sliderItemCount-sliderItemVisible)) {
			jQuery('#stickersSliderRight').attr('class', 'stickersSliderRightEnabled');	
		} else {    	
			jQuery('#stickersSliderRight').attr('class', 'stickersSliderRightDisabled');		
		}
	}
	
	jQuery('#stickersSliderLeft').click(function() {
		slideItems('+');	
	});
	
	jQuery('#stickersSliderRight').click(function() {
  		slideItems('-');	
	});   
	
	// init the total number of items 
	sliderItemCount = jQuery("#stickersSliderItems .stickersItem").length;  
	// init the slide controls
	adjustSliderControls();	
});