/*!
 * jCarousel - Riding carousels with jQuery
 *   http://sorgalla.com/jcarousel/
 *
 * Copyright (c) 2006 Jan Sorgalla (http://sorgalla.com)
 * Dual licensed under the MIT (http://www.opensource.org/licenses/mit-license.php)
 * and GPL (http://www.opensource.org/licenses/gpl-license.php) licenses.
 *
 * Built on top of the jQuery library
 *   http://jquery.com
 *
 * Inspired by the "Carousel Component" by Bill Scott
 *   http://billwscott.com/carousel/
 */

(function($){
	$.fn.jcarousel=function(o){
		if(typeof o=='string'){
			var instance=$(this).data('jcarousel') , args=Array.prototype.slice.call(arguments,1);
			return instance[o].apply(instance,args);
		}else
			return this.each(function(){
				$(this).data('jcarousel',new $jc(this,o));
			});
		};
		
		var defaults={
			vertical:false,
			start:1,
			offset:1,
			size:null,
			scroll:3,
			visible:null,
			animation:'normal',
			easing:'swing',
			auto:0,
			wrap:null,
			initCallback:null,
			reloadCallback:null,
			itemLoadCallback:null,
			itemFirstInCallback:null,
			itemFirstOutCallback:null,
			itemLastInCallback:null,
			itemLastOutCallback:null,
			itemVisibleInCallback:null,
			itemVisibleOutCallback:null,
			buttonNextHTML:'<div></div>',
			buttonPrevHTML:'<div></div>',
			buttonNextEvent:'click',
			buttonPrevEvent:'click',
			buttonNextCallback:null,
			buttonPrevCallback:null
		};
		
		$.jcarousel=function(e,o){
			this.options=$.extend({},defaults,o||{});
			this.locked=false;
			this.container=null;
			this.clip=null;
			this.list=null;
			this.buttonNext=null;
			this.buttonPrev=null;
			this.wh=!this.options.vertical?'width':'height';
			this.lt=!this.options.vertical?'left':'top';
			
			var skin='',split=e.className.split(' ');
			
			for(var i=0;i<split.length;i++){
				if(split[i].indexOf('jcarousel-skin')!=-1){
					$(e).removeClass(split[i]);skin=split[i];break;
				}
			}
			
			if(e.nodeName=='UL'||e.nodeName=='OL'){
				this.list=$(e);
				this.container=this.list.parent();
				
				if(this.container.hasClass('jcarousel-clip')){
					if(!this.container.parent().hasClass('jcarousel-container'))
						this.container=this.container.wrap('<div></div>');
					
					this.container=this.container.parent();
				}else if(!this.container.hasClass('jcarousel-container'))
					this.container=this.list.wrap('<div></div>').parent();
			}else{
				this.container=$(e);
				this.list=this.container.find('ul,ol').eq(0);
			}
			
			if(skin!=''&&this.container.parent()[0].className.indexOf('jcarousel-skin')==-1)
				this.container.wrap('<div class=" '+skin+'"></div>');
				this.clip=this.list.parent();
				
				if(!this.clip.length||!this.clip.hasClass('jcarousel-clip'))
					this.clip=this.list.wrap('<div></div>').parent();
					
				this.buttonNext=$('.jcarousel-next',this.container);
				
				if(this.buttonNext.size()==0&&this.options.buttonNextHTML!=null)
					this.buttonNext=this.clip.after(this.options.buttonNextHTML).next();
				
				this.buttonNext.addClass(this.className('jcarousel-next'));
				this.buttonPrev=$('.jcarousel-prev',this.container);
				
				if(this.buttonPrev.size()==0&&this.options.buttonPrevHTML!=null)
					this.buttonPrev=this.clip.after(this.options.buttonPrevHTML).next();
				
				this.buttonPrev.addClass(this.className('jcarousel-prev'));
				this.clip.addClass(this.className('jcarousel-clip')).css({overflow:'hidden',position:'relative'});
				this.list.addClass(this.className('jcarousel-list')).css({overflow:'hidden',
																		  position:'relative',
																		  top:0,
																		  left:0,
																		  margin:0,
																		  padding:0
																		});
																		
				this.container.addClass(this.className('jcarousel-container')).css({position:'relative'});
				
				var di=this.options.visible!=null?Math.ceil(this.clipping()/this.options.visible):null;
				var li=this.list.children('li');
				var self=this;
				
				if(li.size()>0){
					var wh=0,i=this.options.offset;li.each(function(){
						self.format(this,i++);
						wh+=self.dimension(this,di);
					});this.list.css(this.wh,wh+'px');
					
					if(!o||o.size===undefined)
						this.options.size=li.size();
				}
				
				this.container.css('display','block');
				this.buttonNext.css('display','block');
				this.buttonPrev.css('display','block');
				this.funcNext=function(){
					self.next();
				};
				this.funcPrev=function(){
					self.prev();
				};
				this.funcResize=function(){
					self.reload();
				};
				
				if(this.options.initCallback!=null)
					this.options.initCallback(this,'init');
					
				if($.browser.safari){
					this.buttons(false,false);
					$(window).bind('load.jcarousel',function(){
						self.setup();
					});
				}else
					this.setup();
			};
			
			var $jc=$.jcarousel;$jc.fn=$jc.prototype={jcarousel:'0.2.4'};
			
			$jc.fn.extend=$jc.extend=$.extend;
			$jc.fn.extend({
				setup:function(){
					this.first=null;
					this.last=null;
					this.prevFirst=null;
					this.prevLast=null;
					this.animating=false;
					this.timer=null;
					this.tail=null;
					this.inTail=false;
					
					if(this.locked)return;
					
					this.list.css(this.lt, this.pos(this.options.offset)+'px');
					
					var p=this.pos(this.options.start);
					
					this.prevFirst=this.prevLast=null;
					this.animate(p,false);
					$(window).unbind('resize.jcarousel',this.funcResize).bind('resize.jcarousel',this.funcResize);
				},
				reset:function(){
					this.list.empty();
					this.list.css(this.lt,'0px');
					this.list.css(this.wh,'10px');
					if(this.options.initCallback!=null)
						this.options.initCallback(this,'reset');
						this.setup();
				},
				reload:function(){
					if(this.tail!=null&&this.inTail)
						this.list.css(this.lt,$jc.intval(this.list.css(this.lt))+this.tail);
						
						this.tail=null;
						this.inTail=false;
						if(this.options.reloadCallback!=null)
						this.options.reloadCallback(this);
						
						if(this.options.visible!=null){
							var self=this;
							var di=Math.ceil(this.clipping()/this.options.visible),wh=0,lt=0;
							
							$('li',this.list).each(function(i){
								wh+=self.dimension(this,di);
								if(i+1<self.first)lt=wh;}
							);
							
							this.list.css(this.wh,wh+'px');
							this.list.css(this.lt,-lt+'px');
						}
						
						this.scroll(this.first,false);
				},
				lock:function(){
					this.locked=true;this.buttons();
				},
				unlock:function(){
					this.locked=false;this.buttons();
				},
				size:function(s){
					if(s!=undefined){
						this.options.size=s;
						if(!this.locked)
							this.buttons();
					}
					return this.options.size;
				},
				has:function(i,i2){
					if(i2==undefined||!i2)
						i2=i;
						
					if(this.options.size!==null&&i2>this.options.size)
						i2=this.options.size;
							
					for(var j=i;j<=i2;j++){
						var e=this.get(j);
						if(!e.length||e.hasClass('jcarousel-item-placeholder'))
							return false;
					}
					
					return true;
				},
				get:function(i){
					return $('.jcarousel-item-'+i,this.list);},add:function(i,s){
						var e=this.get(i),old=0,add=0;
						
						if(e.length==0){
							var c,e=this.create(i),j=$jc.intval(i);
							
							while(c=this.get(--j)){
								if(j<=0||c.length){
									j<=0?this.list.prepend(e):c.after(e);break;
								}
							}
						}else
							old=this.dimension(e);
							
						e.removeClass(this.className('jcarousel-item-placeholder'));
						typeof s=='string'?e.html(s):e.empty().append(s);
						
						var di=this.options.visible!=null?Math.ceil(this.clipping()/this.options.visible):null;
						var wh=this.dimension(e,di)-old;
						
						if(i>0&&i<this.first)
							this.list.css(this.lt,$jc.intval(this.list.css(this.lt))-wh+'px');
						
						this.list.css(this.wh,$jc.intval(this.list.css(this.wh))+wh+'px');
						
						return e;
					},
					remove:function(i){
						var e=this.get(i);
						
						if(!e.length||(i>=this.first&&i<=this.last))
							return;
							
						var d=this.dimension(e);
						
						if(i<this.first)
							this.list.css(this.lt,$jc.intval(this.list.css(this.lt))+d+'px');
							
						e.remove();
						
						this.list.css(this.wh,$jc.intval(this.list.css(this.wh))-d+'px');
					},
					next:function(){
						this.stopAuto();
						
						if(this.tail!=null&&!this.inTail)
							this.scrollTail(false);
						else
							this.scroll(((this.options.wrap=='both'||this.options.wrap=='last')&&this.options.size!=null&&this.last==this.options.size)?1:this.first+this.options.scroll);
					},
					prev:function(){
						this.stopAuto();
						if(this.tail!=null&&this.inTail)
							this.scrollTail(true);
						else
							this.scroll(((this.options.wrap=='both'||this.options.wrap=='first')&&this.options.size!=null&&this.first==1)?this.options.size:this.first-this.options.scroll);
					},
					scrollTail:function(b){
						if(this.locked||this.animating||!this.tail)
							return;
						
						var pos=$jc.intval(this.list.css(this.lt));!b?pos-=this.tail:pos+=this.tail;
						
						this.inTail=!b;
						
						this.prevFirst=this.first;
						this.prevLast=this.last;
						this.animate(pos);
					},
					scroll:function(i,a){
						if(this.locked||this.animating)
							return;
							
						this.animate(this.pos(i),a);
					},
					pos:function(i){
						var pos=$jc.intval(this.list.css(this.lt));
						
						if(this.locked||this.animating)
							return pos;
						
						if(this.options.wrap!='circular')
							i=i<1?1:(this.options.size&&i>this.options.size?this.options.size:i);
							
						var back=this.first>i;
						var f=this.options.wrap!='circular'&&this.first<=1?1:this.first;
						var c=back?this.get(f):this.get(this.last);
						var j=back?f:f-1;
						var e=null,l=0,p=false,d=0,g;
						while(back?--j>=i:++j<i){
							e=this.get(j);
							p=!e.length;
							if(e.length==0){
								e=this.create(j).addClass(this.className('jcarousel-item-placeholder'));
								c[back?'before':'after'](e);
								if(this.first!=null&&this.options.wrap=='circular'&&this.options.size!==null&&(j<=0||j>this.options.size)){
									g=this.get(this.index(j));
									
									if(g.length)
										this.add(j,g.children().clone(true));
								}
							}
							
							c=e;
							d=this.dimension(e);
							if(p)l+=d;
							if(this.first!=null&&(this.options.wrap=='circular'||(j>=1&&(this.options.size==null||j<=this.options.size))))
								pos=back?pos+d:pos-d;
						}
						
						var clipping=this.clipping();
						var cache=[];
						var visible=0,j=i,v=0;
						var c=this.get(i-1);
						while(++visible){
							e=this.get(j);
							p=!e.length;
							if(e.length==0){
								e=this.create(j).addClass(this.className('jcarousel-item-placeholder'));
								c.length==0?this.list.prepend(e):c[back?'before':'after'](e);
								
								if(this.first!=null&&this.options.wrap=='circular'&&this.options.size!==null&&(j<=0||j>this.options.size)){
									g=this.get(this.index(j));
									
									if(g.length)
										this.add(j,g.find('>*').clone(true));
								}
							}
							
							c=e;
							var d=this.dimension(e);
							
							if(d==0){
								alert('jCarousel: No width/height set for items. This will cause an infinite loop. Aborting...');
								return 0;
							}
							
							if(this.options.wrap!='circular'&&this.options.size!==null&&j>this.options.size)
								cache.push(e);
							else if(p)
								l+=d;v+=d;
								
							if(v>=clipping)
								break;
							
							j++;
						}
						
						for(var x=0;x<cache.length;x++)
							cache[x].remove();
							
						if(l>0){
							this.list.css(this.wh,this.dimension(this.list)+l+'px');
						
							if(back){
								pos-=l;
								this.list.css(this.lt,$jc.intval(this.list.css(this.lt))-l+'px');
							}
						}
						
						var last=i+visible-1;
						
						if(this.options.wrap!='circular'&&this.options.size&&last>this.options.size)
							last=this.options.size;
							
							if(j>last){
								visible=0,j=last,v=0;
								
								while(++visible){
									var e=this.get(j--);
									
									if(!e.length)
										break;
										
									v+=this.dimension(e);
									
									if(v>=clipping)
										break;
								}
							}
							
							var first=last-visible+1;
							
							if(this.options.wrap!='circular'&&first<1)
								first=1;
								
							if(this.inTail&&back){
								pos+=this.tail;
								this.inTail=false;
							}
							
							this.tail=null;
							if(this.options.wrap!='circular'&&last==this.options.size&&(last-visible+1)>=1){
								var m=$jc.margin(this.get(last),!this.options.vertical?'marginRight':'marginBottom');
								
								if((v-m)>clipping)
									this.tail=v-clipping-m;
							}
							
							while(i-->first)
								pos+=this.dimension(this.get(i));
								
							this.prevFirst=this.first;
							this.prevLast=this.last;
							this.first=first;
							this.last=last;
							
							return pos;
					},
					animate:function(p,a){
						if(this.locked||this.animating)
							return;
							
						this.animating=true;
						
						var self=this;
						var scrolled=function(){
							self.animating=false;
							
							if(p==0)
								self.list.css(self.lt,0);
								
							if(self.options.wrap=='circular'||self.options.wrap=='both'||self.options.wrap=='last'||self.options.size==null||self.last<self.options.size)
								self.startAuto();
							
							self.buttons();
							self.notify('onAfterAnimation');
						};
						
						this.notify('onBeforeAnimation');
						if(!this.options.animation||a==false){
							this.list.css(this.lt,p+'px');
							scrolled();
						}else{
							var o=!this.options.vertical?{'left':p}:{'top':p};
							this.list.animate(o,this.options.animation,this.options.easing,scrolled);
						}
					},
					startAuto:function(s){
						if(s!=undefined)
							this.options.auto=s;
							
						if(this.options.auto==0)
							return this.stopAuto();
							
						if(this.timer!=null)
							return;
							
						var self=this;
						this.timer=setTimeout(function(){
							self.next();
						},this.options.auto*1000);
					},
					stopAuto:function(){
						if(this.timer==null)
							return;
							
						clearTimeout(this.timer);
						this.timer=null;
					},
					buttons:function(n,p){
						if(n==undefined||n==null){
							var n=!this.locked&&this.options.size!==0&&((this.options.wrap&&this.options.wrap!='first')||this.options.size==null||this.last<this.options.size);
						
							if(!this.locked&&(!this.options.wrap||this.options.wrap=='first')&&this.options.size!=null&&this.last>=this.options.size)
								n=this.tail!=null&&!this.inTail;
						}
						
						if(p==undefined||p==null){
							var p=!this.locked&&this.options.size!==0&&((this.options.wrap&&this.options.wrap!='last')||this.first>1);
							
							if(!this.locked&&(!this.options.wrap||this.options.wrap=='last')&&this.options.size!=null&&this.first==1)
								p=this.tail!=null&&this.inTail;
						}
						
						var self=this;
						
						this.buttonNext[n?'bind':'unbind'](this.options.buttonNextEvent+'.jcarousel',this.funcNext)[n?'removeClass':'addClass'](this.className('jcarousel-next-disabled')).attr('disabled',n?false:true);
						this.buttonPrev[p?'bind':'unbind'](this.options.buttonPrevEvent+'.jcarousel',this.funcPrev)[p?'removeClass':'addClass'](this.className('jcarousel-prev-disabled')).attr('disabled',p?false:true);
						
						if(this.buttonNext.length>0&&(this.buttonNext[0].jcarouselstate==undefined||this.buttonNext[0].jcarouselstate!=n)&&this.options.buttonNextCallback!=null){
							this.buttonNext.each(function(){
													self.options.buttonNextCallback(self,this,n);
												});
												
							this.buttonNext[0].jcarouselstate=n;
						}
						
						if(this.buttonPrev.length>0&&(this.buttonPrev[0].jcarouselstate==undefined||this.buttonPrev[0].jcarouselstate!=p)&&this.options.buttonPrevCallback!=null){
							this.buttonPrev.each(function(){
													self.options.buttonPrevCallback(self,this,p);
												});
												
							this.buttonPrev[0].jcarouselstate=p;
						}
					},notify:function(evt){
						var state=this.prevFirst==null?'init':(this.prevFirst<this.first?'next':'prev');
						
						this.callback('itemLoadCallback',evt,state);
						
						if(this.prevFirst!==this.first){
							this.callback('itemFirstInCallback',evt,state,this.first);
							this.callback('itemFirstOutCallback',evt,state,this.prevFirst);
						}
						
						if(this.prevLast!==this.last){
							this.callback('itemLastInCallback',evt,state,this.last);
							this.callback('itemLastOutCallback',evt,state,this.prevLast);
						}
						
						this.callback('itemVisibleInCallback',evt,state,this.first,this.last,this.prevFirst,this.prevLast);
						this.callback('itemVisibleOutCallback',evt,state,this.prevFirst,this.prevLast,this.first,this.last);
					},callback:function(cb,evt,state,i1,i2,i3,i4){
						if(this.options[cb]==undefined||(typeof this.options[cb]!='object'&&evt!='onAfterAnimation'))
							return;
							
						var callback=typeof this.options[cb]=='object'?this.options[cb][evt]:this.options[cb];
						
						if(!$.isFunction(callback))	
							return;
							
						var self=this;
						
						if(i1===undefined)
							callback(self,state,evt);
						else if(i2===undefined)
							this.get(i1).each(function(){
								callback(self,this,i1,state,evt);
							});
						else{
							for(var i=i1;i<=i2;i++)
								if(i!==null&&!(i>=i3&&i<=i4))
									this.get(i).each(function(){
										callback(self,this,i,state,evt);
									});
							}
					},
					create:function(i){
						return this.format('<li></li>',i);
					},
					format:function(e,i){
						var $e=$(e).addClass(this.className('jcarousel-item')).addClass(this.className('jcarousel-item-'+i)).css({'float':'left','list-style':'none'});
						$e.attr('jcarouselindex',i);
						return $e;
					},
					className:function(c){
						return c+' '+c+(!this.options.vertical?'-horizontal':'-vertical');
					},
					dimension:function(e,d){
						var el=e.jquery!=undefined?e[0]:e;
						var old=!this.options.vertical?el.offsetWidth+$jc.margin(el,'marginLeft')+$jc.margin(el,'marginRight'):el.offsetHeight+$jc.margin(el,'marginTop')+$jc.margin(el,'marginBottom');
						
						if(d==undefined||old==d)
							return old;
							
						var w=!this.options.vertical?d-$jc.margin(el,'marginLeft')-$jc.margin(el,'marginRight'):d-$jc.margin(el,'marginTop')-$jc.margin(el,'marginBottom');
					
						$(el).css(this.wh,w+'px');
						
						return this.dimension(el);
					},
					clipping:function(){
						return!this.options.vertical?this.clip[0].offsetWidth-$jc.intval(this.clip.css('borderLeftWidth'))-$jc.intval(this.clip.css('borderRightWidth')):this.clip[0].offsetHeight-$jc.intval(this.clip.css('borderTopWidth'))-$jc.intval(this.clip.css('borderBottomWidth'));
					},
					index:function(i,s){
						if(s==undefined)
							s=this.options.size;
						
						return Math.round((((i-1)/s)-Math.floor((i-1)/s))*s)+1;
					}
				}
			);
			
			$jc.extend({defaults:function(d){
					return $.extend(defaults,d||{});
				},
				margin:function(e,p){
					if(!e)
						return 0;
						
					var el=e.jquery!=undefined?e[0]:e;
					
					if(p=='marginRight'&&$.browser.safari){
						var old={'display':'block','float':'none','width':'auto'},oWidth,oWidth2;
						
						$.swap(el,old,function(){
							oWidth=el.offsetWidth;
						});
						
						old['marginRight']=0;
						
						$.swap(el,old,function(){
							oWidth2=el.offsetWidth;
						});
						
						return oWidth2-oWidth;
					}
					
					return $jc.intval($.css(el,p));
					
				},
				intval:function(v){
					v=parseInt(v);
					
					return isNaN(v)?0:v;
				}
			});
		})(jQuery);