/*!
 * 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);