/** 
/** ScrollerMa
/**	@version 4.2 rc2
/** @autor Łukasz Staliś
/**	@date 03.11.2010
/**	@company MediaAmbassador
/**	@rights All rights reserved
**/
jQuery.fn.extend({

	scroller: function(type,data){
		var $ = jQuery;
		var manager= $().scroller.manager?$().scroller.manager:($().scroller.manager = new Array());
		var idLb = idGenerator($(this).selector);
		if(!manager[idLb]){
			type = jQuery.extend({
				id: idLb,
				selector: $(this).selector,
				mode:"horizontal",//how to move the items: custom(not supported),vertical,horizontal
				nav: 'button', //button, none
				steps:5,	//steps 
				duration:300, //in milisecond
				itemsPerStep:1,
				items:'li',
				next:'',
				prev:'',
				scroll:'',
				easing: 'linear',
				buttonsStillVisible:false,
				afterInit:function(){},
				beforeMove:function(callback){ callback();},
				afterMove:function(){ },
				afterDestruct:function(){}			
			},type);
			//zabezpieczenie dla osób próbujących uruchomić scroller dla nieistniejącego elementu lub dla pustego elementu
			if($($(this).selector).size()==0 || $($(this).selector+' '+type.items).size()==0)return false;
			
			 manager[idLb]= new ScrollerClass(type);
			
		} else {
			var obj = manager[idLb];
			switch(type){
				case 'goto':obj.goto(data);break;
				case 'next':obj.next();break;
				case 'prev':obj.prev();break;
				case "beforeDestruct":case "beforeMove":case "afterMove":case "afterDestruct": obj.addHandler(type,data);break;
				case 'destruct':obj.destruct(data);break;
			};
			
			return manager[idLb];
			
		};
		
		function ScrollerClass(sets){
			var parent = this;
			//public vars
			this.id = sets.id;
			this.selector = sets.selector;
			this.mode = sets.mode;
			this.nav = sets.nav;
			this.steps = sets.steps;
			this.duration = sets.duration;
			this.itemsPerStep = sets.itemsPerStep;
			this.items = sets.items;
			this.navNext = sets.next;
			this.navPrev = sets.prev;
			this.navScroll = sets.scroll;
			this.easing = sets.easing;
			this.buttonsStillVisible = sets.buttonsStillVisible;
			//private vars
			this.length = 0;
			this.lineLength = 0;
			this.current = 0;
			this.max = 0;
			this.lock = false;
			this.wraper = '#'+this.id+'Wraper';
			this.area = '#'+this.id+'MovingArea';
			this.elements = '#'+this.id+' '+this.items;
			this.counter = 0;
			//events
			this.afterInit = sets.afterInit;
			this.beforeMove = sets.beforeMove;
			this.afterMove = sets.afterMove;
			this.afterDestruct = sets.afterDestruct;
			//methods
			this.prev = function(){
				if($(this.navPrev).hasClass("disable") || this.current==0)return false;
				
				var pos=this.current-this.steps;
				if(pos<0)pos=0;
			
				this.move(pos);
			};
			this.next = function(){
				if($(this.navNext).hasClass("disable")||this.current ==(this.lineLength-1))return false;
				
				var pos=this.current+this.steps;
				if(pos>=this.lineLength)pos = this.lineLength -1;
	
				this.move(pos);
			};
			this.goto = function(pos){
				if(pos<0||pos>=this.lineLength)return false;
			
				this.move(pos);
			};
			this.move = function(pos){
				if(this.lock) return false;
				this.lock = true;
				parent.current = pos;
				
				this.beforeMove(function(){
					var x = 0;
					var y = 0;
					var hideNext = false;
					
					var off = $(parent.elements).eq(parent.mode=='horizontal'?parent.current:(parent.current*parent.itemsPerStep)).position();
					
					switch(parent.mode){
						case 'horizontal':{
							parent.max = $(parent.area).width() - 1 - $(parent.wraper).width();
							if(off.left>parent.max){
								x=-parent.max>0?0:-parent.max;		
								hideNext = true;						
							} else x=-off.left;
						};break;
						case 'vertical':{
							parent.max = $(parent.area).height() - 1 - $(parent.wraper).height();
							if(off.top>parent.max){
								y=-parent.max>0?0:-parent.max;				
								hideNext = true;								
							} else y=-off.top;
						};break;
					};
					if(parent.nav=='button'){
						if(hideNext){
							$(parent.navNext).addClass('disable');
							if(!parent.buttonsStillVisible)$(parent.navNext).hide();
						} else {
							$(parent.navNext).removeClass('disable');
							if(!parent.buttonsStillVisible)$(parent.navNext).show();
						};
						if(parent.current>0){
							$(parent.navPrev).removeClass('disable');
							if(!parent.buttonsStillVisible)$(parent.navPrev).show();	
						} else {
							$(parent.navPrev).addClass('disable');
							if(!parent.buttonsStillVisible)$(parent.navPrev).hide();
						};
					};
					parent.lock = false;				
					
					$(parent.area).stop().animate({left:x,top:y},parent.duration,parent.easing,function(){
							parent.afterMove();						
					});
				
				});
				
			};
			this.addHandler = function(type, fun){
				alert('not implemented');
			}
			//handlers
			this.nextHandler = function(ev){
				parent.next();
				return false;
			};
			this.prevHandler = function(ev){
				parent.prev();
				return false;
			};
			this.loadHandler = function(ev){
				parent.counter++;
				if(parent.counter==parent.length)parent.loadedHandler();
			};
			this.loadedHandler = function(){
				var w = 0;
				var h = 0;
				var wo = $(parent.elements).eq(0).outerWidth(true);
				var ho = $(parent.elements).eq(0).outerHeight(true);
				
				$(parent.elements).each(function(i,obj){
					w+= $(obj).outerWidth(true);
					h+= $(obj).outerHeight(true);
				});
				switch(parent.mode){
					case 'horizontal':{
						if(parent.itemsPerStep!=1) w = parent.lineLength*wo;
						w++;
						h=ho*parent.itemsPerStep+1;
						if($(parent.wraper).width()<w&&parent.nav=='button'){
							$(parent.navNext).removeClass('disable');
							if(!parent.buttonsStillVisible)$(parent.navNext).show();
						};
					};break;
					case 'vertical':{
						if(parent.itemsPerStep!=1) h = parent.lineLength*ho;
						h++;
						w=wo*parent.itemsPerStep+1;
						if($(parent.wraper).height()<h&&parent.nav=='button'){
							$(parent.navNext).removeClass('disable');
							if(!parent.buttonsStillVisible)$(parent.navNext).show();
						};
					};break;
				};	

				$(parent.area).css({'width': w, 'height': h});
				
				parent.afterInit();		
				
			};
			this.destruct = function(vars){
				if(parent.nav=='button'){
					$(this.navNext).unbind('click',this.nextHandler);
					$(this.navPrev).unbind('click',this.prevHandler);		
				};
				var contentHtml = $(this.selector+' .scrollerMovingArea').html();
				$(this.selector).empty().append(contentHtml);
				
				$().scroller.manager[this.id] = 0;
				
			};
			this.construct = function(){
			
				var contentHtml='<div id="'+this.id+'Wraper" class="scrollerWraper"><div id="'+this.id+'MovingArea" class="scrollerMovingArea">'+$(this.selector).html()+'<\/div><\/div>';
				if(parent.nav=='button'){
					if(this.navPrev==''){
						this.navPrev='#'+this.id+'Prev';
						contentHtml='<a href="#" id="'+this.id+'Prev" class="scrollerPrev">Poprzednie</a>'+contentHtml;
					};
					if(this.navNext==''){
						this.navNext='#'+this.id+'Next';
						contentHtml=contentHtml+'<a href="#" id="'+this.id+'Next" class="scrollerNext">Następne</a>';
					};
				};
				$(this.selector).empty().append(contentHtml).css('position','relative');
				if(parent.nav=='button'){
					$(this.navNext).bind('click',this.nextHandler).addClass("disable");
					$(this.navPrev).bind('click',this.prevHandler).addClass("disable");
				
					if(!this.buttonsStillVisible){
						$(this.navNext).hide();
						$(this.navPrev).hide();
					};				
				};
				$(this.wraper).css({position:'relative',overflow:'hidden'});
				$(this.area).css({top:0,left:0,position:'relative'});
				$(this.elements).css({float:'left',margin:0});
			
				this.length=$('#'+this.id+' '+this.items).length;
				this.lineLength=Math.floor(this.length/this.itemsPerStep)+(this.length%this.itemsPerStep!=0?1:0);
				
				if($(this.elements+' img').length!=0)$(this.elements+' img').bind('load',this.loadHandler); else this.loadedHandler();			
			
			
			
			};			
			this.construct();			
		};
		
		function idGenerator(str){
			var exp= new RegExp("[^a-zA-Z0-9]+","g");
			var tpl=str.replace(exp,'');
			return tpl;
		};			
		
	}
		
	
});