$(document).ready(function(){
	//References
	var sections = $(".art-vmenu li a");
	var loading = $("#loading");
	var intro = $("#data, #accomodation,  #price, #gallery, #zabava, #cont,  #korisni ");
	
			showLoading();
				intro.fadeOut(300);
				$("#data").fadeIn(800);
				hideLoading();

			
				
	//Manage click events
	sections.click(function(){
		//show the loading bar
		
		
		
			
		
		//load selected section
		switch($(this).attr('href')){
		
			case "#onama":
			
				showLoading();
				intro.hide();
				$("#data").fadeIn(800);
				hideLoading();
                            
					
				break;
				
			case "#smjestaj":
			
				showLoading();
				intro.hide();
				$("#accomodation").fadeIn(800);
				hideLoading();
                          
					
				break;
				
			case "#cjenik":
			
				showLoading();
				intro.hide();
				$("#price").fadeIn(800);
				hideLoading();  
				
				
					
				break;	
				
			case "#galerija":
			
				showLoading();
				intro.hide();
				 $("#gallery").fadeIn(800); 
				 hideLoading();  
			
					
				break;	
			
				case "#odmor":
			
				showLoading();
				intro.hide();
				 $("#zabava").fadeIn(800); 
				 hideLoading();  
			
					
				break;	
				
				case "#kontakt":
			
				showLoading();
				intro.hide();
				$("#cont").fadeIn(800);
				hideLoading() ; 
				
				
				break;	
				
				case "#link":
			
				showLoading();
				intro.hide();
				 $("#korisni").fadeIn(800);
				 hideLoading() ; 
				
				
				break;	
			default:
				//hide loading bar if there is no selected section
				hideLoading();
				break;
		}
	});


  
 	
	//show loading bar
	function showLoading(){
		loading
			.css({visibility:"visible"})
			.css({opacity:"1"})
			.css({display:"block"})
		;
	}
	//hide loading bar
	function hideLoading(){
		loading.fadeTo(300, 0);
	}
});