(function ($) {
    $(function () {
    	var addImage = function(img) {
    		var tn = img.replace(/\/([^\/]*)\.jpg/, '/tn_$1.jpg');
            if ($('.lb_thumb[style*="' + tn + '"]').length > 0) {
                return;
            }
            var newImage = $('.noindent').append('<div style="background:url(\'' + tn + '\') center center no-repeat;" class="lb_thumb"><input type="checkbox" class="styled" checked="checked" /></div>').children().last();
            $.post("ajax.html", { action: 'add', image: img, tn: tn });
            newImage.children('input').change(function (event) {
                var input = event.currentTarget;
                var img = $(input).parent().css('background-image').replace(/^url\('?(.*)'?\)$/, '$1').replace(/"/g, '').replace(/tn_/, '');
                var checked = $(input).attr('checked');
                $.post("ajax.html", { action: (checked ? 'set' : 'unset'), image: img });
            });
            newImage.children('input').customFormElements();
            var width = newImage.width();
            newImage.css({
                marginLeft: 0,
                marginRight: 0,
                width: 0
            }, 0).animate({
                width: width,
                marginLeft: 2,
                marginRight: 2
            }, 1000);
            $('#pdf').attr({disabled:false});
    	};
        $('.thumb').scrollGallery({
            bgColor: '#F2F2F2',
            bgOpacity: 0.9,
            container: $('#testContainer'),
            images: $('.wrap'),
            imgWidth: 860,
            wrapper: $('#wrapper'),
            zoomWidth: 780,
            zoomHeight: 520
        });
        $('.image').css('-webkit-transform','translate3d(0,0,0)');
        $('#add').click(function (event) {
        	var index = Math.round($('#testContainer').scrollLeft() / 860)+1;
            var img = $('#testContainer .wrap:nth-child('+index+'n) .image').css('background-image').replace(/^url\('?(.*)'?\)$/, '$1').replace(/"/g, '');
            addImage(img);
            return false;
        });
        $('.add-to-gallery').click(function (event) {
        	if ($('.content').height() == 0) {
        		$('.content').animate({height: '100px'}, 1000);
        		$('.slide-button').toggle();
        	}
            var img = $(this).parent().css('background-image').replace(/^url\('?(.*)'?\)$/, '$1').replace(/"/g, '');
            addImage(img);
            return false;
        });
    });
})(jQuery);