/*
 * simplyScroll 1.0.4 - a scroll-tastic jQuery plugin
 *
 * http://logicbox.net/jquery/simplyscroll
 * http://logicbox.net/blog/simplyscroll-jquery-plugin
 * http://plugins.jquery.com/project/simplyScroll
 *
 * Copyright (c) 2009 Will Kelly - http://logicbox.net
 *
 * Dual licensed under the MIT (MIT-LICENSE.txt)
 * and GPL (GPL-LICENSE.txt) licenses.
 *
 * Last revised: 03/07/2009 21:13
 *
 */

(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
	};
	
	$.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);
				}
				this.moveForward();
			}
			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';
			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.horizontal){
				this.$clip[0].scrollTop=0;
			}else{
				this.$clip[0].scrollLeft=0;
			}
		},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);