/*******************************************************************************
 jquery.mb.components
 Copyright (c) 2001-2010. Matteo Bicocchi (Pupunzi); Open lab srl, Firenze - Italy
 email: mbicocchi@open-lab.com
 site: http://pupunzi.com

 Licences: MIT, GPL
 http://www.opensource.org/licenses/mit-license.php
 http://www.gnu.org/licenses/gpl.html
 ******************************************************************************/

/*
 * Name:jquery.mb.scrollable
 * Version: 1.7.0
 */
$j(document).ready(function(){
	(function(A) {
		A.mbScrollable= {
			plugin:"mb.scrollable",
			author:"Matteo Bicocchi",
			version:"1.7.0",
			defaults:{
				dir:"horizontal",
				textDir:"ltr",
				width:980,
				elementsInPage:4,
				elementMargin:2,
				shadow:false,
				height:"auto",
				controls:"#controls",
				slideTimer:600,
				autoscroll:false,
				scrollTimer:6000,
	
				loadCallback:function(){},
				nextCallback:function(){},
				prevCallback:function(){},
				changePageCallback:function(){}
			},
	
			buildMbScrollable: function(options){
				return this.each (function (){
					this.options = {};
					A.extend (this.options, A.mbScrollable.defaults);
					A.extend (this.options, options);
	
					var mbScrollable=this;
					mbScrollable.isVertical= mbScrollable.options.dir!="horizontal";
					var controls=A(mbScrollable.options.controls);
					mbScrollable.idx=1;
					mbScrollable.scrollTo=0;
					mbScrollable.elements= A(mbScrollable).children();
					mbScrollable.elements.addClass("scrollEl");
					controls.hide();
	
					A(mbScrollable).children().each(function(){A(this).wrap("<div class='SECont'></div>");});
					if (mbScrollable.options.shadow){
						A(mbScrollable.elements).css("-moz-box-shadow",mbScrollable.options.shadow);
						A(mbScrollable.elements).css("-webkit-box-shadow",mbScrollable.options.shadow);
					}
					mbScrollable.elements= A(mbScrollable).children();
					var eip= mbScrollable.options.elementsInPage<this.elements.size()?mbScrollable.options.elementsInPage:mbScrollable.elements.size();
					if(mbScrollable.isVertical){
						mbScrollable.singleElDim= Math.floor((mbScrollable.options.height/eip)-mbScrollable.options.elementMargin);
						A(mbScrollable.elements).css({marginBottom:mbScrollable.options.elementMargin, height:mbScrollable.singleElDim, width:mbScrollable.options.width});
					}else{
						mbScrollable.singleElDim= Math.floor((mbScrollable.options.width/eip)-mbScrollable.options.elementMargin);
						A(mbScrollable.elements).css({marginRight:mbScrollable.options.elementMargin, width:mbScrollable.singleElDim, display:"inline-block","float":"left" });
					}
					this.elementsDim= (mbScrollable.singleElDim*mbScrollable.elements.size())+(mbScrollable.options.elementMargin*mbScrollable.elements.size());
					mbScrollable.totalPages= Math.ceil(mbScrollable.elements.size()/mbScrollable.options.elementsInPage);
	
					if(mbScrollable.isVertical)
						A(mbScrollable).css({overflow:"hidden", height:((mbScrollable.singleElDim+mbScrollable.options.elementMargin)*mbScrollable.options.elementsInPage), paddingRight:5, position:"relative"});
					else
						A(mbScrollable).css({overflow:"hidden", width:((mbScrollable.singleElDim+mbScrollable.options.elementMargin)*mbScrollable.options.elementsInPage),height:mbScrollable.options.height, position:"relative"});
	
					var mbscrollableStrip=A("<div class='scrollableStrip'/>").css({width:mbScrollable.elementsDim, position:"relative"});
					A(mbScrollable.elements).wrapAll(mbscrollableStrip);
					mbScrollable.mbscrollableStrip=A(mbScrollable).find(".scrollableStrip");
					A(mbScrollable.elements).hover(
							function(){
								//                  console.debug(mbScrollable.autoScrollActive);
								if(mbScrollable.autoScrollActive)
									A(mbScrollable).mbStopAutoscroll();
							},
							function(){
								if(mbScrollable.autoScrollActive)
									A(mbScrollable).mbAutoscroll();
							});
					if(mbScrollable.options.autoscroll && mbScrollable.elements.size()>mbScrollable.options.elementsInPage){
						mbScrollable.autoScrollActive=true;
						A(mbScrollable).mbAutoscroll();
					}
					A(mbScrollable).mbPageIndex();
					A(mbScrollable).mbActivateControls();
					setTimeout(function(){
						A(".scrollEl").fadeIn();
					},1000);
					A(mbScrollable).mbManageControls();
				});
			},
	
			mbNextPage: function(auto){
				var mbScrollable= A(this).get(0);
				if (!auto) mbScrollable.autoScrollActive=false;
	
				if(mbScrollable.idx==mbScrollable.totalPages){
					A(mbScrollable).mbManageControls();
					return;
				}
				mbScrollable.idx+=1;
				A(mbScrollable).goToPage(mbScrollable.idx,false);
				if(mbScrollable.options.nextCallback)
					mbScrollable.options.nextCallback(mbScrollable);
			},
	
			mbPrevPage: function(auto){
				var mbScrollable= A(this).get(0);
				if (!auto) mbScrollable.autoScrollActive=false;
	
				if(mbScrollable.idx==1){
					A(mbScrollable).mbManageControls();
					return;
				}
	
				mbScrollable.idx-=1;
				A(mbScrollable).goToPage(mbScrollable.idx,false);
				if(mbScrollable.options.prevCallback)
					mbScrollable.options.prevCallback(mbScrollable);
	
			},
	
			mbFirstPage: function(){
				var mbScrollable= A(this).get(0);
	
				mbScrollable.idx=1;
				A(mbScrollable).goToPage(mbScrollable.idx,false);
	
			},
	
			mbLastPage: function(){
				var mbScrollable= A(this).get(0);
				mbScrollable.idx=mbScrollable.totalPages;
				A(mbScrollable).goToPage(mbScrollable.idx,false);
			},
	
			mbPageIndex: function(){
				var mbScrollable= A(this).get(0);
				var controls=A(mbScrollable.options.controls);
				var pages=controls.find(".pageIndex");
				if (pages){
					var n=0;
					for(var i=1;i<=mbScrollable.totalPages;i++){
						n++;
						var p=A("<span class='page'> "+n+" <\/span>").bind("click",function(){
							mbScrollable.autoScrollActive=false;
							A(mbScrollable).goToPage(A(this).html(),false)
						});
						pages.append(p);
					}
				}
			},
			mbAutoscroll:function(){
				var dir= "next";
				var mbScrollable= A(this).get(0);
				mbScrollable.autoScrollActive=true;
	
				if(mbScrollable.autoscroll) return;
				var timer=mbScrollable.options.scrollTimer+mbScrollable.options.slideTimer;
				mbScrollable.autoscroll = true;
				mbScrollable.auto = setInterval(function(){
					dir= mbScrollable.idx==1?"next":mbScrollable.idx==mbScrollable.totalPages?"prev":dir;
					if(dir=="next")
						A(mbScrollable).mbNextPage(true);
					else
						A(mbScrollable).mbPrevPage(true);
				},timer);
				A(mbScrollable).mbManageControls();
			},
	
			mbStopAutoscroll: function(){
				var mbScrollable= A(this).get(0);
				mbScrollable.autoscroll = false;
				clearInterval(mbScrollable.auto);
				A(mbScrollable).mbManageControls();
	
			},
	
			mbActivateControls: function(){
				var mbScrollable=A(this).get(0);
	
				if(mbScrollable.options.loadCallback)
					mbScrollable.options.loadCallback(mbScrollable);
	
				var controls=A(mbScrollable.options.controls);
				controls.find(".first").bind("click",function(){A(mbScrollable).mbFirstPage();});
				controls.find(".prev").bind("click",function(){A(mbScrollable).mbStopAutoscroll();A(mbScrollable).mbPrevPage();});
				controls.find(".next").bind("click",function(){A(mbScrollable).mbStopAutoscroll();A(mbScrollable).mbNextPage();});
				controls.find(".last").bind("click",function(){A(mbScrollable).mbLastPage();});
				controls.find(".start").bind("click",function(){A(mbScrollable).mbAutoscroll();});
				controls.find(".stop").bind("click",function(){A(mbScrollable).mbStopAutoscroll();mbScrollable.autoScrollActive=false;});
			},
	
			mbManageControls: function(){
				var mbScrollable=A(this).get(0);
				var controls=A(mbScrollable.options.controls);
				if (mbScrollable.elements.size()<=mbScrollable.options.elementsInPage){
					controls.hide();
				}else{
					controls.fadeIn();
				}
				if (mbScrollable.idx==mbScrollable.totalPages){
					controls.find(".last, .next").addClass("disabled");
				}else{
					controls.find(".last, .next").removeClass("disabled");
				}
	
				if (mbScrollable.idx==1){
					controls.find(".first, .prev").addClass("disabled");
				}else{
					controls.find(".first, .prev").removeClass("disabled");
				}
	
				if (mbScrollable.autoscroll){
					controls.find(".start").addClass("sel");
					controls.find(".stop").removeClass("sel");
				}else{
					controls.find(".start").removeClass("sel");
					controls.find(".stop").addClass("sel");
				}
				controls.find(".page").removeClass("sel");
				controls.find(".page").eq(mbScrollable.idx-1).addClass("sel");
				controls.find(".idx").html(mbScrollable.idx+" / "+mbScrollable.totalPages);
			},
	
			goToPage: function(i,noAnim) {
				var mbScrollable= A(this).get(0);
				var anim= noAnim?0:mbScrollable.options.slideTimer;
				if (i>mbScrollable.totalPages) i=mbScrollable.totalPages;
				mbScrollable.scrollTo=-((mbScrollable.singleElDim+mbScrollable.options.elementMargin)*(mbScrollable.options.elementsInPage*(i-1)));
				if(mbScrollable.isVertical){
					if (mbScrollable.scrollTo<-mbScrollable.elementsDim+mbScrollable.options.height)
						mbScrollable.scrollTo=-mbScrollable.elementsDim+mbScrollable.options.height;
					A(mbScrollable.mbscrollableStrip).animate({marginTop:mbScrollable.scrollTo},anim);
				}else{
					if (mbScrollable.scrollTo<-mbScrollable.elementsDim+mbScrollable.options.width)
						mbScrollable.scrollTo=-mbScrollable.elementsDim+mbScrollable.options.width;
					A(mbScrollable.mbscrollableStrip).animate({marginLeft:mbScrollable.scrollTo},anim);
				}
				mbScrollable.idx = Math.floor(i);
				A(mbScrollable).mbManageControls();
				if (!mbScrollable.autoScrollActive)
					A(mbScrollable).mbStopAutoscroll();
	
				if(mbScrollable.options.changePageCallback)
					mbScrollable.options.changePageCallback(mbScrollable)
			}
		};
	
		A.fn.mbScrollable=A.mbScrollable.buildMbScrollable;
		A.fn.mbNextPage=A.mbScrollable.mbNextPage;
		A.fn.mbPrevPage=A.mbScrollable.mbPrevPage;
		A.fn.mbFirstPage=A.mbScrollable.mbFirstPage;
		A.fn.mbLastPage=A.mbScrollable.mbLastPage;
		A.fn.mbPageIndex=A.mbScrollable.mbPageIndex;
		A.fn.mbAutoscroll=A.mbScrollable.mbAutoscroll;
		A.fn.mbStopAutoscroll=A.mbScrollable.mbStopAutoscroll;
		A.fn.mbActivateControls=A.mbScrollable.mbActivateControls;
		A.fn.mbManageControls=A.mbScrollable.mbManageControls;
		A.fn.goToPage=A.mbScrollable.goToPage;
	
	})(jQuery);
});