Current File : /home/virtualki/22346/oldwp/wp-content/themes/megiw/js/gallery.js

(function($){
	$(document).ready(function(){
		$('.gallery').each(function(){
	        var $this = $(this);
	        var images = $this.find('.images img');
	        var titles = $this.find('.images .title');	        
	        var containers = $this.find('.images li');
	        var $description = $('<div class="description"></div>');
	        
	        containers.css({'opacity': '0', 'visibility': 'hidden'});
	        titles.css({'opacity': '0', 'visibility': 'hidden'});
	        	        
	        containers.first().css({'opacity': '1', 'visibility': 'visible'});
	        titles.first().css({'opacity': '1', 'visibility': 'visible'});
	        
	        $this.after($description);
	        
        	if(containers.first().find('.gallery-description').html()){
        		$description.html('<p>'+containers.first().find('.gallery-description').html()+'</p>');
        	}	        
	        
	        var current = 0;
	        
	        images.each(function(){
	        	var image = $(this);
	        	
	        	image.closest('li').css({'background-image':'url("'+image.attr('src')+'")','background-size':'contain','background-position': '50% 50%', 'background-repeat': 'no-repeat'});
	        	image.css('display','none');
	        });	        
			
	        if(images.size() > 1){       	
	        	
				var nav = $('<div class="nav"></div>');
	            
	            var left = $('<span class="arrow left">&laquo;</span>').prependTo(nav);
	            var right = $('<span class="arrow right">&raquo;</span>').appendTo(nav);
	            
	            left.click(function(){
	            	prev();
	            });
	            
	            right.click(function(){
	            	next();
	            });
	            
	            nav.appendTo($this);
	        }
	        
	        function next(){
	          	var toShow = current + 1;
	          	if(toShow >= images.size()){
	          		toShow = 0; 
	          	}
	          	
	          	show(toShow);
	        }
	        
	        function prev(){
	          	var toShow = current - 1;
	          	if(toShow < 0){
	          		toShow = images.size() - 1; 
	          	}
	          	
	          	show(toShow);
	        }
	        
	        function show(number){
	        	current = number;
	        	containers.css({'opacity': '0', 'visibility': 'hidden'}).eq(current).css({'opacity': '1', 'visibility': 'visible'});	        	
	        	titles.css({'opacity': '0', 'visibility': 'hidden'}).eq(current).css({'opacity': '1', 'visibility': 'visible'});
	        	$description.html('');
	        	
	        	if(containers.eq(current).find('.gallery-description').html()){
	        		$description.html('<p>'+containers.eq(current).find('.gallery-description').html()+'</p>');
	        	}	        	
	        }
	        
	        $(window).on('thumbClicked', function(event, obj){
	        	show(obj.index);
	        });
	        
	        $(window).load(function(){
	        	$this.addClass('animate');
	        });
		});
	});
})(jQuery);