var $ = jQuery;


$(document).ready(function(){

	$('.cats').mouseover(function(){
		this.className='catsH';
	}).mouseout(function(){
		this.className='cats';
	});
	
	$('#loopedSlider').loopedSlider({containerClick: false,autoStart:10000});
		
	$('.previous,.next').css('opacity',0);
	
	$('#loopedSlider').unbind('mousemove').mousemove(function(e){
	
		if(!this.offsetX)
		{
			this.el = $(this);
			this.offsetX = this.el.offset().left;
			this.width = this.el.width();
			this.prev = this.el.find('.previous');
			this.next = this.el.find('.next');
		}
		var pos = e.pageX-this.offsetX;
		
		if(pos<300)
		{
			this.prev.css('opacity',(300-pos)/300);
			this.next.css('opacity',0);
		}
		else if(this.width-pos<300)
		{
			this.next.css('opacity',(300-(this.width-pos))/300);
			this.prev.css('opacity',0);
		}
		else
		{
			this.next.css('opacity',0);
			this.prev.css('opacity',0);
		}
	});
	
	$('#loopedSlider').mouseout(function(){$('.previous,.next').css('opacity',0);})


	
});