(function($){
    $(document).ready(function(){
	    		
		gallery = function(id){
			$(id).mbGallery({maskBgnd:'#ccc', overlayOpacity:.9, autoSlide: false, galleryTitle:'TÓPICOS EDIFICAÇÕES'});
		}
		
		var showLoading = function() {
		    $(".gal-loading").show();
		}
		
		var hideLoading = function (){
			$(".gal-loading").hide();
		}
		
		var loadPage = function(id){
			$(".gal-loading").show();
			var page = id.replace("#","");
			$(id).siblings(".gal-page").hide();
			$(id).show();
			$(id).load("galeria/"+page+".html", hideLoading());
		}
		
		loadPage("#obras-em-andamento");
		
	    $("#gal-nav a").click(function(){
			$(this).siblings(".ui-nav-button-active").removeClass("ui-nav-button-active").addClass("ui-nav-button-default");
			$(this).removeClass("ui-nav-button-default").addClass("ui-nav-button-active");
			var page = $(this).attr("href");
			loadPage(page);
	    });
		
	});
	
})(jQuery);