/*
 * jQuery Popeye 2.0.4 - http://dev.herr-schuessler.de/jquery/popeye/
 *
 * converts a HTML image list in image gallery with inline enlargement
 *
 * Copyright (C) 2008 - 2010 Christoph Schuessler (schreib@herr-schuessler.de)
 * 
 * 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 2 of the License, or
 * (at your option) any later version.
 *
 */
 
(function($){
    $.fn.popeye=function(options){
        var opts=$.extend({},$.fn.popeye.defaults,options);
        function debug(text,type){
            if(window.console&&window.console.log&&opts.debug){
                if(type=='info'&&window.console.info){
                    window.console.info(text)
                    }else if(type=='warn'&&window.console.warn){
                    window.console.warn(text)
                    }else{
                    window.console.log(text)
                    }
                }
        }
    return this.each(function(){
    $(this).addClass('ppy-active');
    var $self=$(this),img=$self.find('.ppy-imglist > li > a > img'),a=$self.find('.ppy-imglist > li > a'),tot=img.length,singleImageMode=(tot==1)?true:false,enlarged=false,cur=0,eclass='ppy-expanded',lclass='ppy-loading',sclass='ppy-single-image',ppyPlaceholder=$('<div class="ppy-placeholder"></div>'),ppyStageWrap=$('<div class="ppy-stagewrap"></div>'),ppyCaptionWrap=$('<div class="ppy-captionwrap"></div>'),ppyOuter=$self.find('.ppy-outer'),ppyStage=$self.find('.ppy-stage'),ppyNav=$self.find('.ppy-nav'),ppyPrev=$self.find('.ppy-prev'),ppyNext=$self.find('.ppy-next'),ppySwitchEnlarge=$self.find('.ppy-switch-enlarge'),ppySwitchCompact=$self.find('.ppy-switch-compact').addClass('ppy-hidden'),ppyCaption=$self.find('.ppy-caption'),ppyText=$self.find('.ppy-text'),ppyCounter=$self.find('.ppy-counter'),ppyCurrent=$self.find('.ppy-current'),ppyTotal=$self.find('.ppy-total'),cssSelf={
        position:'absolute',
        width:'auto',
        height:'auto',
        margin:0,
        top:0,
        left:(opts.direction=='right')?0:'auto',
        right:(opts.direction=='left')?0:'auto'
        },cssStage={
        height:ppyStage.height(),
        width:ppyStage.width()
        },cssCaption={
        height:ppyCaption.height()
        },cssPlaceholder={
        height:(opts.caption=='hover'||false)?ppyOuter.outerHeight():$self.outerHeight(),
        width:(opts.caption=='hover'||false)?ppyOuter.outerWidth():$self.outerWidth(),
        float:$self.css('float'),
        marginTop:$self.css('margin-top'),
        marginRight:$self.css('margin-right'),
        marginBottom:$self.css('margin-bottom'),
        marginLeft:$self.css('margin-left')
        };

    var cap=[];
    for(var i=0;i<img.length;i++){
        var extcap=$self.find('.ppy-imglist li').eq(i).find('.ppy-extcaption');
        cap[i]=extcap.length>0?extcap.html():img[i].alt
        }
        if(!ppyStage.length||!ppyNav.length||!ppyOuter.length){
        debug('$.fn.popeye: Incorrect HTML structure','warn')
        }else if(tot===0){
        debug('$.fn.popeye: No images found','warn')
        }else{
        singleImageMode?debug('$.fn.popeye -> SingleImageMode started'):debug('$.fn.popeye -> '+tot+' thumbnails found.');
        init()
        }
        function showThumb(i,transition){
        transition=transition||false;
        i=i||cur;
        var cssStageImage={
            backgroundImage:'url('+img[i].src+')'
            };

        var cssTemp={
            height:'+=0'
        };

        if(enlarged){
            hideCaption();
            ppyStage.fadeTo((opts.duration/2),0).animate(cssStage,{
                queue:false,
                duration:opts.duration,
                easing:opts.easing,
                complete:function(){
                    enlarged=false;
                    debug('$.fn.showThumb: Entering COMPACT MODE','info');
                    $self.removeClass(eclass);
                    $self.css('z-index','');
                    ppySwitchEnlarge.removeClass('ppy-hidden');
                    ppySwitchCompact.addClass('ppy-hidden');
                    showThumb();
                    $(this).fadeTo((opts.duration/2),1)
                    }
                })
        }else{
        if(transition){
            ppyStageWrap.addClass(lclass);
            ppyStage.fadeTo((opts.duration/2),0);
            var thumbPreloader=new Image();
            thumbPreloader.onload=function(){
                debug('$.fn.popeye.showThumb: Thumbnail '+i+' loaded','info');
                ppyStageWrap.removeClass(lclass);
                ppyStage.animate(cssTemp,1,'linear',function(){
                    ppyStage.css(cssStageImage);
                    $(this).fadeTo((opts.duration/2),1);
                    if(opts.caption=='hover'){
                        showCaption(cap[i])
                        }else if(opts.caption=='permanent'){
                        updateCaption(cap[i])
                        }
                        updateCounter()
                    });
                thumbPreloader.onload=function(){}
            };

        thumbPreloader.src=img[i].src
        }else{
        ppyStage.css(cssStageImage);
        updateCounter();
        showCaption(cap[i],true)
        }
        var preloader=new Image();
    preloader.onload=function(){
        debug('$.fn.popeye.showThumb: Image '+i+' loaded','info');
        preloader.onload=function(){}
    };

preloader.src=a[i].href
}
}
function showImage(i){
    i=i||cur;
    ppyStageWrap.addClass(lclass);
    ppyStage.fadeTo((opts.duration/2),0);
    var allPpy=$('.'+eclass);
    allPpy.css('z-index',opts.zindex-1);
    $self.css('z-index',opts.zindex);
    var preloader=new Image();
    preloader.onload=function(){
        ppyStageWrap.removeClass(lclass);
        var cssStageTo={
            width:preloader.width,
            height:preloader.height
            };

        var cssStageIm={
            backgroundImage:'url('+a[i].href+')',
            backgroundPosition:'left top'
        };

        hideCaption();
        ppyStage.animate(cssStageTo,{
            queue:false,
            duration:opts.duration,
            easing:opts.easing,
            complete:function(){
                if(opts.navigation=='hover'){
                    showNav()
                    }
                    enlarged=true;
                debug('$.fn.popeye.showImage: Entering ENLARGED MODE','info');
                $self.addClass(eclass);
                ppySwitchCompact.removeClass('ppy-hidden');
                ppySwitchEnlarge.addClass('ppy-hidden');
                updateCounter();
                $(this).css(cssStageIm).fadeTo((opts.duration/2),1);
                showCaption(cap[i]);
                preloadNeighbours()
                }
            })
    };

preloader.src=a[i].href
}
function updateCounter(i){
    i=i||cur;
    ppyTotal.text(tot);
    ppyCurrent.text(i+1);
    debug('$.fn.popeye.updateCounter: Displaying image '+(i+1)+' of '+tot)
    }
    function preloadNeighbours(i){
    i=i||cur;
    var preloaderNext=new Image();
    var preloaderPrev=new Image();
    var neighbour=i;
    if(neighbour<(tot-1)){
        neighbour++
    }else{
        neighbour=0
        }
        preloaderNext.src=a[i].href[neighbour];
    neighbour=i;
    if(neighbour<=0){
        neighbour=tot-1
        }else{
        neighbour--
    }
    preloaderPrev.src=a[i].href[neighbour]
    }
    function showNav(){
    ppyNav.stop().fadeTo(150,opts.opacity)
    }
    function hideNav(){
    ppyNav.stop().fadeTo(150,0)
    }
    function updateCaption(caption){
    if(opts.caption){
        ppyText.html(caption)
        }
    }
function showCaption(caption,force){
    if(caption&&opts.caption){
        updateCaption(caption);
        debug('$.fn.popeye.showCaption -> ppyCaptionWrap.outerHeight(true): '+ppyCaptionWrap.outerHeight(true));
        var cssTempCaption={
            visibility:'visible'
        };

        ppyCaption.css(cssTempCaption);
        if(opts.caption==='permanent'&&!enlarged){
            ppyCaption.css(cssCaption)
            }else{
            ppyCaption.animate({
                'height':ppyCaptionWrap.outerHeight(true)
                },{
                queue:false,
                duration:90,
                easing:opts.easing
                })
            }
        }else if(!caption&&!force){
    hideCaption()
    }
}
function hideCaption(){
    var cssTempCaption={
        visibility:'hidden',
        overflow:'hidden'
    };

    ppyCaption.animate({
        'height':'0px'
    },{
        queue:false,
        duration:90,
        easing:opts.easing,
        complete:function(){
            ppyCaption.css(cssTempCaption)
            }
        })
}
function previous(){
    if(cur<=0){
        cur=tot-1
        }else{
        cur--
    }
    if(enlarged){
        showImage(cur)
        }else{
        showThumb(cur,true)
        }
        return cur
    }
    function next(){
    if(cur<(tot-1)){
        cur++
    }else{
        cur=0
        }
        if(enlarged){
        showImage(cur)
        }else{
        showThumb(cur,true)
        }
        return cur
    }
    function init(){
    ppyPlaceholder.css(cssPlaceholder);
    $self.css(cssSelf);
    $self.wrap(ppyPlaceholder);
    ppyStageWrap=ppyStage.wrap(ppyStageWrap).parent();
    ppyCaptionWrap=ppyCaption.wrapInner(ppyCaptionWrap).children().eq(0);
    showThumb();
    if(opts.navigation=='hover'){
        hideNav();
        $self.hover(function(){
            showNav()
            },function(){
            hideNav()
            });
        ppyNav.hover(function(){
            showNav()
            },function(){
            hideNav()
            })
        }
        if(!singleImageMode){
        ppyPrev.click(previous);
        ppyNext.click(next)
        }else{
        $self.addClass(sclass);
        ppyPrev.remove();
        ppyNext.remove();
        ppyCounter.remove()
        }
        if(opts.caption=='hover'){
        hideCaption();
        $self.hover(function(){
            showCaption(cap[cur])
            },function(){
            hideCaption(true)
            })
        }
        ppySwitchEnlarge.click(function(){
        showImage();
        return false
        });
    ppySwitchCompact.click(function(){
        showThumb(cur);
        return false
        })
    }
})
};

$.fn.popeye.defaults={
    navigation:'hover',
    caption:'hover',
    zindex:10000,
    direction:'right',
    duration:240,
    opacity:0.8,
    easing:'swing',
    debug:false
}
})(jQuery);
jQuery('head').append('<style type="text/css"> .ppy-imglist { position: absolute; top: -1000em; left: -1000em; } </style>');