/*!
 * Galleria Lightbox Theme
 * http://galleria.aino.se
 *
 * Copyright (c) 2010, Aino
 * Licensed under the MIT license.
 */

(function($) {

Galleria.transitions.add('lightbox', function(params, complete) {
    var sq = this.$('square');
    var anim = function() {
        var img = $(params.next).css('opacity',0);
        var w = params.next.width ;
        var h = params.next.height;
        sq.show().animate({
            width: w,
            height: h,
            top: params.next.style.top,
            left: params.next.style.left
        },{
            easing: 'swing',
            duration: params.speed,
            complete: function() {
                complete();
                img.animate({
                    opacity:1
                },{
                    duration:params.speed,
                    complete:function() {
                        sq.hide();
                    }
                });
            }
        });
    };
    if (params.prev) {
        $(params.prev).hide();
    }
    anim();
});

Galleria.addTheme({
    name: 'lightbox',
    author: 'Galleria',
    version: '1.1',
    css: 'galleria.lightbox.css',
    defaults: {
        carousel: false,
        transition: 'fade',
        transition_speed: 200,
        preload: 5,
        image_margin: 0,
        max_scale_ratio: 1,
        thumb_quality: true,
        opacity: 1,
        show: false,
        height: false
    },
    init: function(options) {
        var showing = false;
        var anim = options.transition == 'lightbox';
        var resize = this.proxy(function() {
            this.rescale();
           // alert('resize')
            var img = this.controls.getActive().image;
            if (img) {
                var t;
                if (anim) {
                
                    this.$('square').css({
                        width: img.width,
                        height: img.height,
                        left: img.style.left,
                        top: img.style.top
                    });
                }
                
                window.clearTimeout(t);
                this.$('info').hide();
                t = window.setTimeout(this.proxy(function() {
                    var d = this.getDimensions(img);
                    this.$('info').fadeIn(this.options.transition_speed).css({
                        bottom: d.top - 8
                    });
                }), 200);
            }
        });
        var re = function(elem) {
            return elem.className.replace(/.*\-(right|left)/,'$1');
        };
        var close = this.proxy(function() {
            showing = false;
            this.$('popup,close,square').hide();
            this.$('overlay').fadeOut(options.transition_speed);
            this.detachKeyboard();
            $(window).unbind('resize', resize);
            $(this.controls.getActive().image).css('visibility','hidden');
            this.setActive(null);
        });

        this.addElement('overlay','popup','square','close');
        this.$('overlay').css('opacity', options.opacity);
        this.append({
            'images': 'square',
            'popup': 'container',
            'target': 'thumbnails-container',
            'container' : 'close'
        });
        
        this.$('overlay,popup').hide().appendTo('body');
        this.$('overlay,popup').hide().appendTo('#main-content');

        this.$('square').css({
            top: this.stageHeight/2 - 200,
            left: this.stageWidth/2 - 200
        }).hide();
        
        $(".galleria-popup").parent().addClass('galleria-simple')

		this.$('thumbnails').children().hover(function() {
		    $(this).not('.active').children().stop().fadeTo(100, 1);
		}, function() {
		    $(this).not('.active').children().stop().fadeTo(400, .8);
		}).not('.active').children().css('opacity',.8);
		
				
		
		if(!$.browser.msie && $('body').attr('id') != 'page-home'){
		
	        this.$('close').text('close').bind('click', function(){
	          //close();
	          $(".galleria-thumbnails").fadeIn();
	          
	          $(".galleria-stage").hide(300, function(){
	          	$(".galleria-popup").parent().toggleClass('galleria-simple') 
	             	resize();
	          		$(this).show(200)
	          	})
	        }).hide();
	        
	        $(".galleria-stage .galleria-image").hover(function() {
	            $(this).css('cursor', 'pointer');
	        }, function() {
	            $(this).css('cursor', 'default');
	        });
	        
			
			
			var _gal = this        
	        $(".galleria-stage .galleria-image").bind('click', function(){
	        		$(".galleria-thumbnails").hide();
	        		$(".galleria-stage").hide(300, function(){
						$(".galleria-popup").parent().toggleClass('galleria-simple') 
	               		$(this).css('visibility', 'hidden')
	               				               		resize();
	               			               		$(this).css('visibility', 'visible').show()
						               		
	               		if($(".galleria-popup").parent().hasClass('galleria-simple')){
	               			$(".galleria-thumbnails").show();
	               		}
	               		
	               	})
	        });
        
        }
        
        this.$('image-nav').show();
        
        this.$('image-nav-right,image-nav-left').css('opacity',1).hover(function() {
            var o = { opacity: 0.7 };
            o[re(this)] = -47;
            $(this).animate(o, 200);
        }, function() {
            var o = { opacity: 1 };
            o[re(this)] = -45;
            $(this).animate(o, 200);
        });
		

		
        this.bind(Galleria.LOADSTART, function(e) {
            if (!showing) {
                showing = true;
                this.$('overlay,popup,close').show();
                if (anim) {
                    this.$('square').show();
                }
                $(window).bind('resize',resize);
                resize();
                this.attachKeyboard({
                    left: this.prev,
                    right: this.next,
                    backspace: close,
                    escape: close
                });
            }
            this.$('info').hide();
            if (!e.cached) {
                this.$('loader').show();
            }
        });
        this.bind(Galleria.LOADFINISH, function(e) {
            var d = this.getDimensions(e.imageTarget);
            var i = this.$('info');
            this.$('loader').hide();
            window.setTimeout(function() {
                i.css('bottom', d.top - 8).fadeIn(options.transition_speed);
            }, anim ? options.transition_speed : 1);
            
            Cufon.replace(".galleria-info-description", { fontFamily: 'UniSansThin'})
            Cufon.replace(".galleria-info-description strong", { fontFamily: 'UniSansBook'})
            
        });
        
		this.show(0);
		
    }
});

})(jQuery);