/*
 * 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(g){
    var q={
        vertical:!1,
        rtl:!1,
        start:1,
        offset:1,
        size:null,
        scroll:3,
        visible:null,
        animation:"normal",
        easing:"swing",
        auto:0,
        wrap:null,
        initCallback:null,
        setupCallback:null,
        reloadCallback:null,
        itemLoadCallback:null,
        itemFirstInCallback:null,
        itemFirstOutCallback:null,
        itemLastInCallback:null,
        itemLastOutCallback:null,
        itemVisibleInCallback:null,
        itemVisibleOutCallback:null,
        animationStepCallback:null,
        buttonNextHTML:"<div></div>",
        buttonPrevHTML:"<div></div>",
        buttonNextEvent:"click",
        buttonPrevEvent:"click",
        buttonNextCallback:null,
        buttonPrevCallback:null,
        itemFallbackDimension:null
    },m=!1;
    g(window).bind("load.jcarousel",function(){
        m=!0
    });
    g.jcarousel=function(a,c){
        this.options=g.extend({},q,c||{});
        this.autoStopped=this.locked=!1;
        this.buttonPrevState=this.buttonNextState=this.buttonPrev=this.buttonNext=this.list=this.clip=this.container=null;
        if(!c||c.rtl===void 0)this.options.rtl=(g(a).attr("dir")||g("html").attr("dir")||"").toLowerCase()=="rtl";
        this.wh=!this.options.vertical?"width":"height";
        this.lt=!this.options.vertical? this.options.rtl?"right":"left":"top";
        for(var b="",d=a.className.split(" "),f=0;f<d.length;f++)if(d[f].indexOf("jcarousel-skin")!=-1){
            g(a).removeClass(d[f]);
            b=d[f];
            break
        }
        a.nodeName.toUpperCase()=="UL"||a.nodeName.toUpperCase()=="OL"?(this.list=g(a),this.clip=this.list.parents(".jcarousel-clip"),this.container=this.list.parents(".jcarousel-container")):(this.container=g(a),this.list=this.container.find("ul,ol").eq(0),this.clip=this.container.find(".jcarousel-clip"));
        if(this.clip.size()===0)this.clip= this.list.wrap("<div></div>").parent();
        if(this.container.size()===0)this.container=this.clip.wrap("<div></div>").parent();
        b!==""&&this.container.parent()[0].className.indexOf("jcarousel-skin")==-1&&this.container.wrap('<div class=" '+b+'"></div>');
        this.buttonPrev=g(".jcarousel-prev",this.container);
        if(this.buttonPrev.size()===0&&this.options.buttonPrevHTML!==null)this.buttonPrev=g(this.options.buttonPrevHTML).appendTo(this.container);
        this.buttonPrev.addClass(this.className("jcarousel-prev"));
        this.buttonNext= g(".jcarousel-next",this.container);
        if(this.buttonNext.size()===0&&this.options.buttonNextHTML!==null)this.buttonNext=g(this.options.buttonNextHTML).appendTo(this.container);
        this.buttonNext.addClass(this.className("jcarousel-next"));
        this.clip.addClass(this.className("jcarousel-clip")).css({
            position:"relative"
        });
        this.list.addClass(this.className("jcarousel-list")).css({
            overflow:"hidden",
            position:"relative",
            top:0,
            margin:0,
            padding:0
        }).css(this.options.rtl?"right":"left",0);
        this.container.addClass(this.className("jcarousel-container")).css({
            position:"relative"
        });
        !this.options.vertical&&this.options.rtl&&this.container.addClass("jcarousel-direction-rtl").attr("dir","rtl");
        var j=this.options.visible!==null?Math.ceil(this.clipping()/this.options.visible):null,b=this.list.children("li"),e=this;
        if(b.size()>0){
            var h=0,i=this.options.offset;
            b.each(function(){
                e.format(this,i++);
                h+=e.dimension(this,j)
            });
            this.list.css(this.wh,h+100+"px");
            if(!c||c.size===void 0)this.options.size=b.size()
        }
        this.container.css("display","block");
        this.buttonNext.css("display","block");
        this.buttonPrev.css("display", "block");
        this.funcNext=function(){
            e.next()
        };

        this.funcPrev=function(){
            e.prev()
        };

        this.funcResize=function(){
            e.resizeTimer&&clearTimeout(e.resizeTimer);
            e.resizeTimer=setTimeout(function(){
                e.reload()
            },100)
        };

        this.options.initCallback!==null&&this.options.initCallback(this,"init");
        !m&&g.browser.safari?(this.buttons(!1,!1),g(window).bind("load.jcarousel",function(){
            e.setup()
        })):this.setup()
    };

    var f=g.jcarousel;
    f.fn=f.prototype={
        jcarousel:"0.2.8"
    };

    f.fn.extend=f.extend=g.extend;
    f.fn.extend({
        setup:function(){
            this.prevLast= this.prevFirst=this.last=this.first=null;
            this.animating=!1;
            this.tail=this.resizeTimer=this.timer=null;
            this.inTail=!1;
            if(!this.locked){
                this.list.css(this.lt,this.pos(this.options.offset)+"px");
                var a=this.pos(this.options.start,!0);
                this.prevFirst=this.prevLast=null;
                this.animate(a,!1);
                g(window).unbind("resize.jcarousel",this.funcResize).bind("resize.jcarousel",this.funcResize);
                this.options.setupCallback!==null&&this.options.setupCallback(this)
            }
        },
        reset:function(){
            this.list.empty();
            this.list.css(this.lt, "0px");
            this.list.css(this.wh,"10px");
            this.options.initCallback!==null&&this.options.initCallback(this,"reset");
            this.setup()
        },
        reload:function(){
            this.tail!==null&&this.inTail&&this.list.css(this.lt,f.intval(this.list.css(this.lt))+this.tail);
            this.tail=null;
            this.inTail=!1;
            this.options.reloadCallback!==null&&this.options.reloadCallback(this);
            if(this.options.visible!==null){
                var a=this,c=Math.ceil(this.clipping()/this.options.visible),b=0,d=0;
                this.list.children("li").each(function(f){
                    b+=a.dimension(this, c);
                    f+1<a.first&&(d=b)
                });
                this.list.css(this.wh,b+"px");
                this.list.css(this.lt,-d+"px")
            }
            this.scroll(this.first,!1)
        },
        lock:function(){
            this.locked=!0;
            this.buttons()
        },
        unlock:function(){
            this.locked=!1;
            this.buttons()
        },
        size:function(a){
            if(a!==void 0)this.options.size=a,this.locked||this.buttons();
            return this.options.size
        },
        has:function(a,c){
            if(c===void 0||!c)c=a;
            if(this.options.size!==null&&c>this.options.size)c=this.options.size;
            for(var b=a;b<=c;b++){
                var d=this.get(b);
                if(!d.length||d.hasClass("jcarousel-item-placeholder"))return!1
            }
            return!0
        },
        get:function(a){
            return g(">.jcarousel-item-"+a,this.list)
        },
        add:function(a,c){
            var b=this.get(a),d=0,p=g(c);
            if(b.length===0)for(var j,e=f.intval(a),b=this.create(a);;){
                if(j=this.get(--e),e<=0||j.length){
                    e<=0?this.list.prepend(b):j.after(b);
                    break
                }
            }else d=this.dimension(b);
            p.get(0).nodeName.toUpperCase()=="LI"?(b.replaceWith(p),b=p):b.empty().append(c);
            this.format(b.removeClass(this.className("jcarousel-item-placeholder")),a);
            p=this.options.visible!==null?Math.ceil(this.clipping()/this.options.visible): null;
            d=this.dimension(b,p)-d;
            a>0&&a<this.first&&this.list.css(this.lt,f.intval(this.list.css(this.lt))-d+"px");
            this.list.css(this.wh,f.intval(this.list.css(this.wh))+d+"px");
            return b
        },
        remove:function(a){
            var c=this.get(a);
            if(c.length&&!(a>=this.first&&a<=this.last)){
                var b=this.dimension(c);
                a<this.first&&this.list.css(this.lt,f.intval(this.list.css(this.lt))+b+"px");
                c.remove();
                this.list.css(this.wh,f.intval(this.list.css(this.wh))-b+"px")
            }
        },
        next:function(){
            this.tail!==null&&!this.inTail?this.scrollTail(!1): 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.tail!==null&&this.inTail?this.scrollTail(!0):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(a){
            if(!this.locked&&!this.animating&&this.tail){
                this.pauseAuto();
                var c=f.intval(this.list.css(this.lt)), c=!a?c-this.tail:c+this.tail;
                this.inTail=!a;
                this.prevFirst=this.first;
                this.prevLast=this.last;
                this.animate(c)
            }
        },
        scroll:function(a,c){
            !this.locked&&!this.animating&&(this.pauseAuto(),this.animate(this.pos(a),c))
        },
        pos:function(a,c){
            var b=f.intval(this.list.css(this.lt));
            if(this.locked||this.animating)return b;
            this.options.wrap!="circular"&&(a=a<1?1:this.options.size&&a>this.options.size?this.options.size:a);
            for(var d=this.first>a,g=this.options.wrap!="circular"&&this.first<=1?1:this.first,j=d?this.get(g): this.get(this.last),e=d?g:g-1,h=null,i=0,k=!1,l=0;d?--e>=a:++e<a;){
                h=this.get(e);
                k=!h.length;
                if(h.length===0&&(h=this.create(e).addClass(this.className("jcarousel-item-placeholder")),j[d?"before":"after"](h),this.first!==null&&this.options.wrap=="circular"&&this.options.size!==null&&(e<=0||e>this.options.size)))j=this.get(this.index(e)),j.length&&(h=this.add(e,j.clone(!0)));
                j=h;
                l=this.dimension(h);
                k&&(i+=l);
                if(this.first!==null&&(this.options.wrap=="circular"||e>=1&&(this.options.size===null||e<= this.options.size)))b=d?b+l:b-l
            }
            for(var g=this.clipping(),m=[],o=0,n=0,j=this.get(a-1),e=a;++o;){
                h=this.get(e);
                k=!h.length;
                if(h.length===0){
                    h=this.create(e).addClass(this.className("jcarousel-item-placeholder"));
                    if(j.length===0)this.list.prepend(h);else j[d?"before":"after"](h);
                    if(this.first!==null&&this.options.wrap=="circular"&&this.options.size!==null&&(e<=0||e>this.options.size))j=this.get(this.index(e)),j.length&&(h=this.add(e,j.clone(!0)))
                }
                j=h;
                l=this.dimension(h);
                if(l===0)throw Error("jCarousel: No width/height set for items. This will cause an infinite loop. Aborting...");
                this.options.wrap!="circular"&&this.options.size!==null&&e>this.options.size?m.push(h):k&&(i+=l);
                n+=l;
                if(n>=g)break;
                e++
            }
            for(h=0;h<m.length;h++)m[h].remove();
            i>0&&(this.list.css(this.wh,this.dimension(this.list)+i+"px"),d&&(b-=i,this.list.css(this.lt,f.intval(this.list.css(this.lt))-i+"px")));
            i=a+o-1;
            if(this.options.wrap!="circular"&&this.options.size&&i>this.options.size)i=this.options.size;
            if(e>i){
                o=0;
                e=i;
                for(n=0;++o;){
                    h=this.get(e--);
                    if(!h.length)break;
                    n+=this.dimension(h);
                    if(n>=g)break
                }
            }
            e=i-o+ 1;
            this.options.wrap!="circular"&&e<1&&(e=1);
            if(this.inTail&&d)b+=this.tail,this.inTail=!1;
            this.tail=null;
            if(this.options.wrap!="circular"&&i==this.options.size&&i-o+1>=1&&(d=f.intval(this.get(i).css(!this.options.vertical?"marginRight":"marginBottom")),n-d>g))this.tail=n-g-d;
            if(c&&a===this.options.size&&this.tail)b-=this.tail,this.inTail=!0;
            for(;a-- >e;)b+=this.dimension(this.get(a));
            this.prevFirst=this.first;
            this.prevLast=this.last;
            this.first=e;
            this.last=i;
            return b
        },
        animate:function(a,c){
            if(!this.locked&& !this.animating){
                this.animating=!0;
                var b=this,d=function(){
                    b.animating=!1;
                    a===0&&b.list.css(b.lt,0);
                    !b.autoStopped&&(b.options.wrap=="circular"||b.options.wrap=="both"||b.options.wrap=="last"||b.options.size===null||b.last<b.options.size||b.last==b.options.size&&b.tail!==null&&!b.inTail)&&b.startAuto();
                    b.buttons();
                    b.notify("onAfterAnimation");
                    if(b.options.wrap=="circular"&&b.options.size!==null)for(var c=b.prevFirst;c<=b.prevLast;c++)c!==null&&!(c>=b.first&&c<=b.last)&&(c<1||c>b.options.size)&&b.remove(c)
                };
                this.notify("onBeforeAnimation");
                if(!this.options.animation||c===!1)this.list.css(this.lt,a+"px"),d();
                else{
                    var f=!this.options.vertical?this.options.rtl?{
                        right:a
                    }:{
                        left:a
                    }:{
                        top:a
                    },d={
                        duration:this.options.animation,
                        easing:this.options.easing,
                        complete:d
                    };

                    if(g.isFunction(this.options.animationStepCallback))d.step=this.options.animationStepCallback;
                    this.list.animate(f,d)
                }
            }
        },
        startAuto:function(a){
            if(a!==void 0)this.options.auto=a;
            if(this.options.auto===0)return this.stopAuto();
            if(this.timer===null){
                this.autoStopped= !1;
                var c=this;
                this.timer=window.setTimeout(function(){
                    c.next()
                },this.options.auto*1E3)
            }
        },
        stopAuto:function(){
            this.pauseAuto();
            this.autoStopped=!0
        },
        pauseAuto:function(){
            if(this.timer!==null)window.clearTimeout(this.timer),this.timer=null
        },
        buttons:function(a,c){
            if(a==null&&(a=!this.locked&&this.options.size!==0&&(this.options.wrap&&this.options.wrap!="first"||this.options.size===null||this.last<this.options.size),!this.locked&&(!this.options.wrap||this.options.wrap=="first")&&this.options.size!==null&& this.last>=this.options.size))a=this.tail!==null&&!this.inTail;
            if(c==null&&(c=!this.locked&&this.options.size!==0&&(this.options.wrap&&this.options.wrap!="last"||this.first>1),!this.locked&&(!this.options.wrap||this.options.wrap=="last")&&this.options.size!==null&&this.first==1))c=this.tail!==null&&this.inTail;
            var b=this;
            this.buttonNext.size()>0?(this.buttonNext.unbind(this.options.buttonNextEvent+".jcarousel",this.funcNext),a&&this.buttonNext.bind(this.options.buttonNextEvent+".jcarousel",this.funcNext), this.buttonNext[a?"removeClass":"addClass"](this.className("jcarousel-next-disabled")).attr("disabled",a?!1:!0),this.options.buttonNextCallback!==null&&this.buttonNext.data("jcarouselstate")!=a&&this.buttonNext.each(function(){
                b.options.buttonNextCallback(b,this,a)
            }).data("jcarouselstate",a)):this.options.buttonNextCallback!==null&&this.buttonNextState!=a&&this.options.buttonNextCallback(b,null,a);
            this.buttonPrev.size()>0?(this.buttonPrev.unbind(this.options.buttonPrevEvent+".jcarousel",this.funcPrev), c&&this.buttonPrev.bind(this.options.buttonPrevEvent+".jcarousel",this.funcPrev),this.buttonPrev[c?"removeClass":"addClass"](this.className("jcarousel-prev-disabled")).attr("disabled",c?!1:!0),this.options.buttonPrevCallback!==null&&this.buttonPrev.data("jcarouselstate")!=c&&this.buttonPrev.each(function(){
                b.options.buttonPrevCallback(b,this,c)
            }).data("jcarouselstate",c)):this.options.buttonPrevCallback!==null&&this.buttonPrevState!=c&&this.options.buttonPrevCallback(b,null,c);
            this.buttonNextState= a;
            this.buttonPrevState=c
        },
        notify:function(a){
            var c=this.prevFirst===null?"init":this.prevFirst<this.first?"next":"prev";
            this.callback("itemLoadCallback",a,c);
            this.prevFirst!==this.first&&(this.callback("itemFirstInCallback",a,c,this.first),this.callback("itemFirstOutCallback",a,c,this.prevFirst));
            this.prevLast!==this.last&&(this.callback("itemLastInCallback",a,c,this.last),this.callback("itemLastOutCallback",a,c,this.prevLast));
            this.callback("itemVisibleInCallback",a,c,this.first,this.last,this.prevFirst, this.prevLast);
            this.callback("itemVisibleOutCallback",a,c,this.prevFirst,this.prevLast,this.first,this.last)
        },
        callback:function(a,c,b,d,f,j,e){
            if(!(this.options[a]==null||typeof this.options[a]!="object"&&c!="onAfterAnimation")){
                var h=typeof this.options[a]=="object"?this.options[a][c]:this.options[a];
                if(g.isFunction(h)){
                    var i=this;
                    if(d===void 0)h(i,b,c);
                    else if(f===void 0)this.get(d).each(function(){
                        h(i,this,d,b,c)
                    });else for(var a=function(a){
                        i.get(a).each(function(){
                            h(i,this,a,b,c)
                        })
                    },k=d;k<=f;k++)k!== null&&!(k>=j&&k<=e)&&a(k)
                }
            }
        },
        create:function(a){
            return this.format("<li></li>",a)
        },
        format:function(a,c){
            for(var a=g(a),b=a.get(0).className.split(" "),d=0;d<b.length;d++)b[d].indexOf("jcarousel-")!=-1&&a.removeClass(b[d]);
            a.addClass(this.className("jcarousel-item")).addClass(this.className("jcarousel-item-"+c)).css({
                "float":this.options.rtl?"right":"left",
                "list-style":"none"
            }).attr("jcarouselindex",c);
            return a
        },
        className:function(a){
            return a+" "+a+(!this.options.vertical?"-horizontal":"-vertical")
        },
        dimension:function(a,c){
            var b=g(a);
            if(c==null)return!this.options.vertical?b.outerWidth(!0)||f.intval(this.options.itemFallbackDimension):b.outerHeight(!0)||f.intval(this.options.itemFallbackDimension);
            else{
                var d=!this.options.vertical?c-f.intval(b.css("marginLeft"))-f.intval(b.css("marginRight")):c-f.intval(b.css("marginTop"))-f.intval(b.css("marginBottom"));
                g(b).css(this.wh,d+"px");
                return this.dimension(b)
            }
        },
        clipping:function(){
            return!this.options.vertical?this.clip[0].offsetWidth-f.intval(this.clip.css("borderLeftWidth"))- f.intval(this.clip.css("borderRightWidth")):this.clip[0].offsetHeight-f.intval(this.clip.css("borderTopWidth"))-f.intval(this.clip.css("borderBottomWidth"))
        },
        index:function(a,c){
            if(c==null)c=this.options.size;
            return Math.round(((a-1)/c-Math.floor((a-1)/c))*c)+1
        }
    });
    f.extend({
        defaults:function(a){
            return g.extend(q,a||{})
        },
        intval:function(a){
            a=parseInt(a,10);
            return isNaN(a)?0:a
        },
        windowLoaded:function(){
            m=!0
        }
    });
    g.fn.jcarousel=function(a){
        if(typeof a=="string"){
            var c=g(this).data("jcarousel"),b=Array.prototype.slice.call(arguments, 1);
            return c[a].apply(c,b)
        }else return this.each(function(){
            var b=g(this).data("jcarousel");
            b?(a&&g.extend(b.options,a),b.reload()):g(this).data("jcarousel",new f(this,a))
        })
    }
})(jQuery);


/*  5/19/2011
		PikaChoose
	Jquery plugin for photo galleries
    Copyright (C) 2011 Jeremy Fry

    This program is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    This program is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with this program.  If not, see <http://www.gnu.org/licenses/>.
*/
(function($) {
    /**
     * Creates a slideshow for all matched elements.
     *
     * @example $("#pikame").PikaChoose();
     * @input needed <ul id="pikame"><li><img src="first.jpg"><span>Caption</span></li><li><img src="second.jpg"><span>Caption</span></li></ul>
     *
     * @method PikaChoose
     * @return $
     * @param o {Hash|String} A set of key/value pairs to set as configuration properties or a method name to call on a formerly created instance.
     */
    var defaults = {
        autoPlay: true,
        speed: 5000,
        text: {
            play: "",
            stop: "",
            previous: "Previous",
            next: "Next"
        },
        transition:[1],
        showCaption: true,
        IESafe: false,
        showTooltips: false,
        carousel: false,
        carouselVertical: false,
        animationFinished: null,
        buildFinished: null,
        startOn: 0,
        thumbOpacity: 0.4,
        hoverPause: false
    };

    $.fn.PikaChoose = function(o) {
        return this.each(function() {
            $(this).data('pikachoose', new $pc(this, o));
        });
    };

    /**
     * The PikaChoose object.
     *
     * @constructor
     * @class pikachoose
     * @param e {HTMLElement} The element to create the carousel for.
     * @param o {Object} A set of key/value pairs to set as configuration properties.
     * @cat Plugins/PikaChoose
     */
    $.PikaChoose = function(e, o) {
        this.options    = $.extend({}, defaults, o || {});
        this.list     	= null;
        this.image  	= null;
        this.anchor	= null;
        this.caption	= null;
        this.imgNav	= null;
        this.imgPlay 	= null;
        this.imgPrev	= null;
        this.imgNext 	= null;
        this.textNext	= null;
        this.textPrev	= null;
        this.previous  	= null;
        this.next 	= null;
        this.aniWrap	= null;
        this.aniDiv	= null;
        this.aniImg	= null;
        this.thumbs	= null;
        this.transition	= null;
        this.active	= null;
        this.tooltip	= null;
        this.animating	= false;
        this.stillOut 	= null;
        this.counter	= null;
        this.timeOut	= null;
        if(typeof(this.options.data) != "undefined"){
            //user passed a data source
            e = $("<ul id='pikame' class='jcarousel-skin-pika'></ul>").appendTo(e);
            $.each(this.options.data,function(){
                var tmp = $("<li><a href='"+this.link+"'><img src='"+this.thumbnail+"'></a></li>").appendTo(e);
                if(typeof(this.title) != "undefined"){
                    tmp.find('a').attr('title',this.title);
                }
                if(typeof(this.caption) != "undefined"){
                    tmp.append("<span>"+this.caption+"</span>");
                }
                if(typeof(this.image) != "undefined"){
                    tmp.find('a img').attr('ref',this.image);
                }
            });
        }
        if(e.nodeName == 'UL' || e.nodeName == 'OL' || e instanceof  jQuery) {
            this.list = $(e);
            this.build();
            this.bindEvents();
        }
        else{
            return;
        }

        var y = 0;
        var x = 0;
        for(var t = 0; t<25;t++){
            var a = '<div col="'+y+'" row="'+x+'"></div>';
            this.aniDiv.append(a);
            y++;
            if(y == 5){
                x++;
                y=0;
            }
        }

    };//end PikaChoose function(e, o)

    var $pc = $.PikaChoose;
    $pc.fn = $pc.prototype = {
        pikachoose: '4.2.9'
    };

    $.fn.pikachoose = $.fn.PikaChoose;

    $pc.fn.extend = $pc.extend = $.extend;

    $pc.fn.extend({
        /**
         * Builds the gallery structure.
         *
         * @method build
         * @return undefined
         */
        build: function() {
            this.step 		= 0; //transition step count
            //create the structure for pikachoose
            this.wrap 		= $("<div class='pika-stage'></div>").insertBefore(this.list);
            this.image 		= $("<img>").appendTo(this.wrap);
            this.imgNav 	= $("<div class='pika-imgnav'></div>").insertAfter(this.image);
            this.imgPlay 	= $("<a></a>").appendTo(this.imgNav);
            this.counter 	= $("<span class='pika-counter'></span>").insertAfter(this.imgNav);
            if(this.options.autoPlay){
                this.imgPlay.addClass('pause');
            }
            else{
                this.imgPlay.addClass('play');
            }
            this.imgPrev 	= $("<a class='previous'></a>").insertAfter(this.imgPlay);
            this.imgNext 	= $("<a class='next'></a>").insertAfter(this.imgPrev);
            this.caption 	= $("<div class='caption'></div>").insertAfter(this.imgNav).hide();
            this.tooltip 	= $("<div class='pika-tooltip'></div>").insertAfter(this.list).hide();
            this.aniWrap	= $("<div class='pika-aniwrap'></div>").insertAfter(this.caption);
            this.aniImg		= $("<img>").appendTo(this.aniWrap).hide();
            this.aniDiv		= $("<div class='pika-ani'></div>").appendTo(this.aniWrap);
            this.textNav 	= $("<div class='pika-textnav'></div>").insertAfter(this.aniWrap);
            this.textPrev 	= $("<a class='previous'>"+this.options.text.previous+"</a>").appendTo(this.textNav);
            this.textNext	= $("<a class='next'>"+this.options.text.next+"</a>").appendTo(this.textNav);
            this.list.addClass('pika-thumbs');
            this.list.children('li').wrapInner("<div class='clip' />");
            this.thumbs = this.list.find('img');
            this.active		= this.thumbs.eq(this.options.startOn);
            //fill in info for first image
            this.finishAnimating({
                'source':this.active.attr('ref') || this.active.attr('src'),
                'caption':this.active.parents('li:first').find('span:first').html(),
                'clickThrough':this.active.parent().attr('href') || "",
                'clickThroughTitle':this.active.parent().attr('title') || ""
            });

            //process all the thumbnails
            var self = this;
            this.thumbs.each(function(){
                self.createThumb($(this),self);
            });

            if(this.options.carousel){
                this.list.jcarousel({
                    vertical:this.options.carouselVertical,
                    initCallback: function(carousel){
                        jQuery(carousel.list).find('img').click(function() {
                            var clicked = parseInt(jQuery(this).parents('.jcarousel-item').attr('jcarouselindex'));
                            var last = (jQuery(this).parents('ul').find('li:last').index() == clicked-1) ? true : false;
                            if(!last){
                                clicked = (clicked-2<=0) ? 0 : clicked-2;
                            }
                            clicked++;
                            carousel.scroll(clicked);
                        });
                    }
                });
            }

            if(typeof(this.options.buildFinished) == 'function'){
                this.options.buildFinished(this);
            }
        }, //end setup
        /**
         * proccesses thumbnails
         *
         * @method createThumb
         * @return undefined
         */
        createThumb: function(ele) {
            var self = ele;
            var that = this;
            self.hide();

            //store all the data with the image
            $.data(ele[0],'clickThrough',self.parent('a').attr('href') || "");
            $.data(ele[0],'clickThroughTitle',self.parent('a').attr('title') || "");
            if(self.parent('a').length > 0){
                self.unwrap();
            }
            $.data(ele[0],'caption',self.next('span').html() || "");
            self.next('span').remove();
            $.data(ele[0],'source',self.attr('ref') || self.attr('src'));

            //gets each items index to iterate through them. Thanks to Tushar for the fix.
            $.data(ele[0],'order',self.closest('ul').find('li').index(self.parents('li')));
            //pass data so it can enter the load scope
            var data = $.data(ele[0]);
            $('<img />').bind('load',{
                data:data
            },function(){
                if(typeof(that.options.buildThumbStart) == 'function'){
                    that.options.buildThumbStart(that);
                }
                //in this scope self refers to the image
                var img = $(this);
                var w = this.width;
                var h = this.height;
                if(w===0){
                    w = img.attr("width");
                }
                if(h===0){
                    h = img.attr("height");
                }
                //grab a ratio for image to user defined settings
                var rw = parseInt(self.parents('.clip').css('width').slice(0,-2))/w;
                var rh = parseInt(self.parents('.clip').css('height').slice(0,-2))/h;
                //determine which has the smallest ratio (thus needing
                //to be the side we use to scale so our whole thumb is filled)
                var ratio;
                if(rw<rh){
                    //we'll use ratio later to scale and not distort
                    ratio = rh;
                    var left = ((w*ratio- parseInt(self.parents('.clip').css('width').slice(0,-2)))/2)*-1;
                    left = Math.round(left);
                    self.css({
                        left:left
                    });
                }else{
                    ratio = rw;
                    self.css({
                        top:0
                    });
                }
                //use those ratios to calculate scale
                var width = Math.round(w*ratio);
                var height = Math.round(h*ratio);
                self.css("position","relative");
                var imgcss={
                    width: width+"px",
                    height: height+"px"
                };
                self.css(imgcss);
                self.hover(
                    function(e){
                        clearTimeout(that.stillOut);
                        $(this).stop(true,true).fadeTo(250,1);
                        if(!that.options.showTooltips){
                            return;
                        }
                        that.tooltip.show().stop(true,true).html(data.caption).animate({
                            top:$(this).parent().position().top,
                            left:$(this).parent().position().left,
                            opacity: 1.0
                        },'fast');
                    },
                    function(e){
                        if(!$(this).hasClass("active")){
                            $(this).stop(true,true).fadeTo(250,that.options.thumbOpacity);
                            that.stillOut = setTimeout(that.hideTooltip,700);
                        }
                    }
                    );


                if(data.order == that.options.startOn){
                    self.fadeTo(250,1);
                    self.addClass('active');
                    self.parents('li').eq(0).addClass('active');
                }else{
                    self.fadeTo(250,that.options.thumbOpacity);
                }
                if(typeof(that.options.buildThumbFinish) == 'function'){
                    that.options.buildThumbFinish(that);
                }
            }).attr('src',self.attr('src'));
        },//end createThumb
        /**
         * proccesses thumbnails
         *
         * @method bindEvents
         * @return undefined
         */
        bindEvents: function() {
            this.thumbs.bind('click',{
                self:this
            },this.imgClick);
            this.imgNext.bind('click',{
                self:this
            },this.nextClick);
            this.textNext.bind('click',{
                self:this
            },this.nextClick);
            this.imgPrev.bind('click',{
                self:this
            },this.prevClick);
            this.textPrev.bind('click',{
                self:this
            },this.prevClick);
            this.imgPlay.bind('click',{
                self:this
            },this.playClick);
            this.wrap.bind('mouseenter',{
                self:this
            },function(e){
                e.data.self.imgNav.stop(true,true).fadeIn('slow');
                if(e.data.self.options.hoverPause == true){
                    clearTimeout(e.data.self.timeOut);
                }
            });
            this.wrap.bind('mouseleave',{
                self:this
            },function(e){
                e.data.self.imgNav.stop(true,true).fadeOut('slow');
                if(e.data.self.options.autoPlay == true && e.data.self.options.hoverPause){
                    e.data.self.timeOut = setTimeout((function(self){
                        return function(){
                            self.nextClick();
                        };
                    })(e.data.self), e.data.self.options.speed);
                }
            });
            this.tooltip.bind('mouseenter',{
                self:this
            },function(e){
                clearTimeout(e.data.self.stillOut);
            });
            this.tooltip.bind('mouseleave',{
                self:this
            },function(e){
                e.data.self.stillOut = setTimeout(e.data.self.hideTooltip,700);
            });

        },//end bind event
        /**
         * hides tooltip
         *
         * @method hideTooltip
         * @return undefined
         */
        hideTooltip: function (e){
            $(".pika-tooltip").animate({
                opacity:0.01
            });
        },
        /**
         * handles gallery after aclick occurs. and sets active classes
         *
         * @method imgClick
         * @return undefined
         */
        imgClick: function(e,x) {
            var self = e.data.self;
            var data = $.data(this);
            if(self.animating){
                return;
            }
            if(typeof(x) == 'undefined' || x.how != "auto"){
                //arrive here if natural click
                if(self.options.autoPlay){
                    self.imgPlay.trigger('click');
                }
            }else{
                if(self.options.autoPlay == false){
                    return false;
                }
            }
            self.caption.fadeOut('slow');
            self.animating = true;
            self.active.fadeTo(300,self.options.thumbOpacity).removeClass('active');
            self.active.parents('.active').eq(0).removeClass('active');
            self.active = $(this);
            self.active.addClass('active').fadeTo(200,1);
            self.active.parents('li').eq(0).addClass('active');
            $('<img />').bind('load', {
                self:self,
                data:data
            }, function(){
                //in this scope self referes to the PikaChoose object
                self.aniDiv.css({
                    height:self.image.height(),
                    width:self.image.width()
                }).fadeIn('fast');
                self.aniDiv.children('div').css({
                    'width':'20%',
                    'height':'20%',
                    'float':'left'
                });

                //decide our transition
                var n = 0;
                if(self.options.transition[0] == -1){
                    //random
                    n = Math.floor(Math.random()*7)+1;
                }else{
                    n = self.options.transition[self.step];
                    self.step++;
                    if(self.step >= self.options.transition.length){
                        self.step=0;
                    }
                }
                if(self.options.IESafe && $.browser.msie){
                    n = 1;
                }
                self.doAnimation(n,data);

            }).attr('src',$.data(this).source);//end image preload
        },//end bindEvents
        doAnimation: function(n,data){
            var self = this; //self in this scope refers to PikaChoose object. Needed for callbacks on animations
            self.image.stop(true,false);
            self.caption.stop().fadeOut();
            var aWidth = self.aniDiv.children('div').eq(0).width();
            var aHeight = self.aniDiv.children('div').eq(0).height();
            var img = new Image();
            $(img).attr('src',data.source);
            if(img.height != self.image.height() || img.width != self.image.width()){
                //Your images are not the same height? Well you get limited on transitions
                if(n != 0 && n != 1 && n != 7){
                    n = 1;
                }
            }
            self.aniDiv.css({
                height:img.height,
                width:img.width
            });
            self.aniDiv.children().each(function(){
                //position myself absolutely
                var div = $(this);
                var xOffset = Math.floor(div.parent().width()/5)*div.attr('col');
                var yOffset = Math.floor(div.parent().height()/5)*div.attr('row');
                div.css({
                    'background':'url('+data.source+') -'+xOffset+'px -'+yOffset+'px',
                    'width':'0px',
                    'height':'0px',
                    'position':'absolute',
                    'top':yOffset+'px',
                    'left':xOffset+'px',
                    'float':'none'
                });
            });//end ani_divs.children.each
            self.aniDiv.hide();
            self.aniImg.hide();

            switch(n){
                case 0:
                    //fade out then in
                    self.image.stop(true,true).fadeOut('slow',function(){
                        self.image.attr('src',data.source).fadeIn('slow',function(){
                            self.finishAnimating(data);
                        });
                    });

                    break;
                case 1:
                    //full frame fade
                    self.aniDiv.hide();
                    self.aniImg.height(self.image.height()).hide().attr('src',data.source);
                    self.image.fadeOut('slow');
                    self.aniImg.eq(0).fadeIn('slow',function(){
                        self.finishAnimating(data);
                    });

                    break;
                case 2:
                    self.aniDiv.show().children().hide().each(function(index){
                        //animate out as blocks
                        var delay = index*30;
                        $(this).css({
                            opacity: 0.1
                        }).show().delay(delay).animate({
                            opacity: 1,
                            "width":aWidth,
                            "height":aHeight
                        },200,'linear',function(){
                            if(self.aniDiv.find("div").index(this) == 24){
                                self.finishAnimating(data);
                            }
                        });
                    });
                    break;
                case 3:
                    self.aniDiv.show().children("div:lt(5)").hide().each(function(index){
                        var delay = $(this).attr('col')*100;
                        $(this).css({
                            opacity:0.1,
                            "width":aWidth
                        }).show().delay(delay).animate({
                            opacity:1,
                            "height":self.image.height()
                        },700,'linear',function(){
                            if(self.aniDiv.find(" div").index(this) == 4){
                                self.finishAnimating(data);
                            }
                        });
                    });
                    break;
                case 4:
                    self.aniDiv.show().children().hide().each(function(index){
                        if(index>4){
                            return;
                        }
                        var delay = $(this).attr('col')*10;
                        aHeight = self.gapper($(this), aHeight);
                        $(this).css({
                            opacity:0.1,
                            "height":"100%"
                        }).show().animate({
                            opacity:1,
                            "width":aWidth
                        },500,'linear',function(){
                            if(self.aniDiv.find(" div").index(this) == 4){
                                self.finishAnimating(data);
                            }
                        });
                    });
                    break;
                case 5:
                    self.aniDiv.show().children().show().each(function(index){
                        var delay = index*Math.floor(Math.random()*5)*7;
                        aHeight = self.gapper($(this), aHeight);

                        if($(".animation div").index(this) == 24){
                            delay = 600;
                        }
                        $(this).css({
                            "height":aHeight,
                            "width":aWidth,
                            "opacity":.01
                        }).delay(delay).animate({
                            "opacity":1
                        },600,function(){
                            if(self.aniDiv.find(" div").index(this) == 24){
                                self.finishAnimating(data);
                            }
                        });
                    });
                    break;
                case 6:
                    //full frame slide
                    self.aniDiv.height(self.image.height()).hide().css({
                        'background':'url('+data.source+') top left no-repeat'
                    });
                    self.aniDiv.children('div').hide();
                    self.aniDiv.css({
                        width:0
                    }).show().animate({
                        width:self.image.width()
                    },'slow',function(){
                        self.finishAnimating(data);
                        self.aniDiv.css({
                            'background':'transparent'
                        });
                    });
                    break;
                case 7:
                    //side in slide
                    self.wrap.css({
                        overflow:'hidden'
                    });
                    self.aniImg.height(self.image.height()).hide().attr('src',data.source);
                    self.aniDiv.hide();
                    self.image.css({
                        position:'relative'
                    }).animate({
                        left:"-"+self.wrap.outerWidth()+"px"
                    });
                    self.aniImg.show();
                    self.aniWrap.css({
                        left:self.wrap.outerWidth()
                    }).show().animate({
                        left:"0px"
                    },'slow',function(){
                        self.finishAnimating(data);
                    });
                    break;
            }

        },//end doAnimation
        finishAnimating: function(data){
            this.animating = false;
            this.image.attr('src',data.source);
            this.image.css({
                left:"0"
            });
            this.image.show();
            var self = this;
            $('<img />').bind('load',function(){
                self.aniImg.hide();
                self.aniDiv.hide();
            }).attr('src',data.source);
            var cur = this.list.find('img').index(this.active);
            cur++;
            var total = this.list.find('img').length;
            this.counter.html(cur+"/"+total);
            if(data.clickThrough != ""){
                if(this.anchor == null){
                    this.anchor	= this.image.wrap("<a>").parent();
                }
                this.anchor.attr('href',data.clickThrough);
                this.anchor.attr('title',data.clickThroughTitle);
            }else{
                if(this.image.parent('a').length > 0){
                    this.image.unwrap();
                }
                this.anchor = null;
            }
            if(this.options.showCaption && data.caption != "" && data.caption != null){
                this.caption.html(data.caption).fadeTo('slow',1);
            }
            if(this.options.autoPlay == true){
                var self = this;
                this.timeOut = setTimeout((function(self){
                    return function(){
                        self.nextClick();
                    };
                })(this), this.options.speed, this.timeOut);
            }

            if(typeof(this.options.animationFinished) == 'function'){
                this.options.animationFinished(this);
            }
        },//end finishedAnimating
        gapper: function(ele, aHeight){
            if(ele.attr('row') == 9 && ele.attr('col') == 0){
                //last row, check the gap and fix it!
                var gap = ani_divs.height()-(aHeight*9);
                return gap;
            }
            return aHeight;
        },
        nextClick : function(e){
            var how = "natural";
            try{
                var self = e.data.self;
                if(typeof(e.data.self.options.next) == 'function'){
                    e.data.self.options.next(this);
                }
            }catch(err){
                var self = this;
                how = "auto";
            }
            var next = self.active.parents('li:first').next().find('img');
            if(next.length == 0){
                next = self.list.find('img').eq(0);
            };
            next.trigger('click',{
                how:how
            });
        },
        prevClick : function(e){
            if(typeof(e.data.self.options.previous) == 'function'){
                e.data.self.options.previous(this);
            }
            var self = e.data.self;
            var prev = self.active.parents('li:first').prev().find('img');
            if(prev.length == 0){
                prev = self.list.find('img:last');
            };
            prev.trigger('click');
        },
        playClick: function(e){
            var self = e.data.self;
            self.options.autoPlay = !self.options.autoPlay;
            self.imgPlay.toggleClass('play').toggleClass('pause');
            if(self.options.autoPlay){
                self.nextClick();
            }
        }
    }); //end extend

})(jQuery);