var LG_GALLERY = (function() {
	var images = [];	
	
	function loadImages(galleryName) {
		var url = "/script/json/galleryimages.json";
		
		$.getJSON(url, undefined, jsonReceived);
			
		function jsonReceived(data, status) {
			var gallery = $("#Gallery");			
			var i, len, html;
			
			if(status === "success") {
				for(i = 0, len = data.galleries.length; i < len; i++) {
					if(data.galleries[i].name === galleryName) {
						for(j = 0, len = data.galleries[i].images.length; j < len; j++) {
							html = "<img src='" + data.galleries[i].images[j] + "'";
					
							if(i === 0) {
								html += " class='active'";									
							} else {
								html += " style='display: none;'";
							}
					
							html += "/>";
					
							gallery.append(html);
						}						
						break;
					}				
				}
			}
		}
	}
	
	function switchImages() {
		var $active = $('#Gallery IMG.active');	
		
		if($active.length === 0) {
			$active = $('#Gallery IMG:last');
		}
		
		var $next = $active.next().length ? $active.next() : $('#Gallery IMG:first');

		$active.addClass('last-active');

		$next.css({opacity: 0.0})
        	.addClass('active')
        	.css("display", "block")
        	.animate({opacity: 1.0}, 1000, function() {
        			$active.removeClass('active last-active')
        				.css("display", "none");
        				
        			
        });
	}
		
	return {
	    loadImages: loadImages,
	    switchImages: switchImages
	}
}());