(function($){
	
$.fn.simplyScroll=function(o){
	return this.each(function(){new $.simplyScroll(this,o);});
};

var defaults={
	className:'simply-scroll',
	frameRate:24,
	speed:1,
	horizontal:true,
	autoMode:'off',
	pauseOnHover:true,
	startOnLoad:false,
	localJsonSource:'',
	flickrFeed:'',
	jsonImgWidth:240,
	jsonImgHeight:180,
	defaultmovement:'left'
};

$.simplyScroll=function(el,o){
	var self=this;this.o=$.extend({},defaults,o||{});
	this.auto=this.o.autoMode!=="off"?true:false;this.$list=$(el);
	this.$list.addClass('simply-scroll-list').wrap('<div class="simply-scroll-clip"></div>').parent().wrap('<div class="'+this.o.className+' simply-scroll-container"></div>');
	if(!this.o.auto){
		this.$list.parent().parent().prepend('<div class="simply-scroll-forward"></div>').prepend('<div class="simply-scroll-back"></div>');
	}
	if(this.o.flickrFeed){
		$.getJSON(this.o.flickrFeed+"&format=json&jsoncallback=?",function(data){
			json=[];$.each(data.items,function(i,item){json.push({"src":item.media.m,"title":item.title,"link":item.link});});self.renderData(json);
		});
	}else if(this.o.localJsonSource){
		$.getJSON(this.o.localJsonSource,function(json){self.renderData(json);});
	}else{
		if(!this.o.startOnLoad){
			this.init();
		} else {
			$(window).load(function(){
				self.init();
			});
		}
	}
};

$.simplyScroll.fn=$.simplyScroll.prototype={};
$.simplyScroll.fn.extend=$.simplyScroll.extend=$.extend;

$.simplyScroll.fn.extend({
	init:function(){
		this.$items=this.$list.children();
		this.$clip=this.$list.parent();
		this.$container=this.$clip.parent();
		
		if(!this.o.horizontal){
			this.itemMax=this.$items[0].offsetHeight;
			this.clipMax=this.$clip.height();
			this.dimension='height';
			this.moveBackClass='simply-scroll-btn-up';
			this.moveForwardClass='simply-scroll-btn-down';
		}else{
			this.itemMax=this.$items[0].offsetWidth;
			this.clipMax=this.$clip.width();
			this.dimension='width';
			this.moveBackClass='simply-scroll-btn-left';
			this.moveForwardClass='simply-scroll-btn-right';
		}
		
		this.posMin=0;
		this.posMax=this.$items.length*this.itemMax;
		this.$list.css(this.dimension,this.posMax+'px');
		if(this.o.autoMode=='loop'){
			var addItems=Math.ceil(this.clipMax/this.itemMax);
			this.$items.slice(0,addItems).clone(true).appendTo(this.$list);
			this.posMax+=(this.clipMax-this.o.speed);
			this.$list.css(this.dimension,this.posMax+(this.itemMax*addItems)+'px');
		}
		
		this.interval=null;
		this.intervalDelay=Math.floor(1000/this.o.frameRate);
		while(this.itemMax%this.o.speed!==0){
			this.o.speed--;if(this.o.speed===0){this.o.speed=1;break;}
		}
		
		var self=this;
		this.trigger=null;
		this.funcMoveBack=function(){
			self.trigger=this;
			self.moveBack();
		};
		
		this.funcMoveForward=function(){
			self.trigger=this;
			self.moveForward();
		};
		
		this.funcMoveStop=function(){
			self.moveStop();
		};
		
		this.funcMoveResume=function(){
			self.moveResume();
		};
		
		if(this.auto){
			if(this.o.pauseOnHover){
				this.$clip.hover(this.funcMoveStop,this.funcMoveResume);
			}
			if(this.o.defaultmovement=="left") {
				this.moveForward();
			} else if(this.o.defaultmovement=="right") {
				this.moveBack();
			}
		}else {
			this.$btnBack=$('.simply-scroll-back',this.$container).addClass('simply-scroll-btn'+' '+this.moveBackClass+' '+'disabled').hover(this.funcMoveBack,this.funcMoveStop);
			this.$btnForward=$('.simply-scroll-forward',this.$container).addClass('simply-scroll-btn'+' '+this.moveForwardClass).hover(this.funcMoveForward,this.funcMoveStop);
		}
	},
	
	moveForward:function(){
		var self=this;
		this.movement='forward';
		if(this.trigger!==null){this.$btnBack.removeClass('disabled');}
		self.interval=setInterval(function(){
			if(!self.o.horizontal&&self.$clip[0].scrollTop<(self.posMax-self.clipMax)){ self.$clip[0].scrollTop+=self.o.speed;}
			else if(self.o.horizontal&&self.$clip[0].scrollLeft<(self.posMax-self.clipMax)){ self.$clip[0].scrollLeft+=self.o.speed;}
			else if(self.o.autoMode=='loop'){self.resetPos();}
			else{self.moveStop(self.movement);}
		},self.intervalDelay);
	},
	
	moveBack:function(){
		
		var self=this;
		this.movement='back';
		this.trigger=null;
		if(this.trigger!==null){this.$btnForward.removeClass('disabled');}
		self.interval=setInterval(function(){
			if(!self.o.horizontal&&self.$clip[0].scrollTop>0){self.$clip[0].scrollTop-=self.o.speed;}
			else if(self.o.horizontal&&self.$clip[0].scrollLeft>0){self.$clip[0].scrollLeft-=self.o.speed;}
			else if(self.o.autoMode=='loop'){self.resetPos();}
			else{self.moveStop(self.movement);}
		},self.intervalDelay);
	},
	
	moveStop:function(moveDir){
		clearInterval(this.interval);
		if(this.trigger!==null){
			if(typeof moveDir!="undefined"){
				$(this.trigger).addClass('disabled');
			}
			this.trigger=null;
		}
		if(this.auto){
			if(this.o.autoMode=='bounce'){
				moveDir=='forward'?this.moveBack():this.moveForward();
			}
		}
	},
	
	moveResume:function(){
		this.movement=='forward'?this.moveForward():this.moveBack();
	},
	
	resetPos:function(){
		if(this.o.defaultmovement=="left") { 
			if(!this.o.horizontal){
				this.$clip[0].scrollTop=0;
			} else {
				this.$clip[0].scrollLeft=0;
			}
		} else if(this.o.defaultmovement=="right") {
			if(!this.o.horizontal){
				this.$clip[0].scrollTop=this.posMax-this.clipMax;
			} else {
				this.$clip[0].scrollLeft=this.posMax-this.clipMax;
			}			
			
		}
	},
	
	renderData:function(json){
		if(json.length>0){
			var self=this;
			$.each(json,function(i,item){
				$("<img/>").attr({src:item.src,title:item.title,alt:item.title,width:self.o.jsonImgWidth,height:self.o.jsonImgHeight
				}).appendTo(self.$list);
			});
			this.init();
		}
	}
});

})(jQuery);