$(document).ready(function(){
	//References
	var sections = $("#portfolio li");
	var loading = $("#loading");
	var content = $("#content");
	var closebtn = $("#closebtn");
	
	//Manage click events
	sections.click(function(){
		//show the loading bar
		showLoading();
		//show the close button
		//showClose();
		//load selected section
		switch(this.id){
				case "cinovate":
				showClose();
				content.slideDown();
				content.load("index.php?page=cinovate", hideLoading);
				break;
				
				case "ironmen":
				showClose();
				content.slideDown();
				content.load("index.php?page=ironmen", hideLoading);
				break;
				
				case "ystafell":
				showClose();
				content.slideDown();
				content.load("index.php?page=ystafell", hideLoading);
				break;
				
				case "oneworld":
				showClose();
				content.slideDown();
				content.load("index.php?page=oneworld", hideLoading);
				break;
				
				case "allabout":
				showClose();
				content.slideDown();
				content.load("index.php?page=allabout", hideLoading);
				break;
				
				case "dynamic":
				showClose();
				content.slideDown();
				content.load("index.php?page=dynamic", hideLoading);
				break;
				
				case "russell":
				showClose();
				content.slideDown();
				content.load("index.php?page=russell", hideLoading);
				break;
				
				case "superdragons":
				showClose();
				content.slideDown();
				content.load("index.php?page=superdragons", hideLoading);
				content.slideDown();
				break;
				
				case "henbury":
				showClose();
				content.slideDown();
				content.load("index.php?page=henbury", hideLoading);
				break;
				
				case "forward":
				showClose();
				content.slideDown();
				content.load("index.php?page=forward", hideLoading);
				break;
				
				case "fwd":
				showClose();
				content.slideDown();
				content.load("index.php?page=fwd", hideLoading);
				break;
				
				case "global":
				showClose();
				content.load("index.php?page=global", hideLoading);
				content.slideDown();
				break;
				
				case "myrtle":
				showClose();
				content.slideDown();
				content.load("index.php?page=myrtle", hideLoading);
				break;
				
				case "cambridge":
				showClose();
				content.slideDown();
				content.load("index.php?page=cambridge", hideLoading);
				break;
				
				case "firstfilms":
				showClose();
				content.slideDown();
				content.load("index.php?page=firstfilms", hideLoading);
				break;
				
				case "mba":
				showClose();
				content.slideDown();
				content.load("index.php?page=mba", hideLoading);
				break;
				
				case "mynydd":
				showClose();
				content.slideDown();
				content.load("index.php?page=mynydd", hideLoading);
				break;
				
				case "tata":
				showClose();
				content.slideDown();
				content.load("index.php?page=tata", hideLoading);
				break;
				
				case "dalen":
				showClose();
				content.slideDown();
				content.load("index.php?page=dalen", hideLoading);
				break;
				
				//staff profiles
				
				case "staff-rhys":
				showClose();
				content.slideDown();
				content.load("index.php?page=staff-rhys", hideLoading);
				break;
				
				case "staff-jon":
				showClose();
				content.slideDown();
				content.load("index.php?page=staff-jon", hideLoading);
				break;
				
				case "staff-clare":
				showClose();
				content.slideDown();
				content.load("index.php?page=staff-clare", hideLoading);
				break;
				
				case "staff-liz":
				showClose();
				content.slideDown();
				content.load("index.php?page=staff-liz", hideLoading);
				break;
				
				case "staff-marion":
				showClose();
				content.slideDown();
				content.load("index.php?page=staff-marion", hideLoading);
				break;
				
				case "staff-rhysb":
				showClose();
				content.slideDown();
				content.load("index.php?page=staff-rhysb", 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"})
		;
	}
	
	//show close
	function showClose(){
		setTimeout( function() {
		closebtn
			.css({visibility:"visible"})
			.css({opacity:"1"})
			.css({display:"block"})
		;
		}, 750 );
	}
	
	//hide loading bar
	function hideLoading(){
		loading.fadeTo(1000, 0);
	};
	

	
	/* Close Button */
	$('.close').click(function(){
		$('#content').slideUp().load("index.php?page=blank");
		closebtn.fadeOut(400, 0);
	});	
	
	
	$(".scroll").click(function(event){
	        
	       	//prevent the default action for the click event
	        event.preventDefault();
	 
	        //get the full url - like mysitecom/index.htm#home
	        var full_url = this.href;
	 
	        var parts = full_url.split("#");
	        var trgt = parts[1];
	 
	        var target_offset = $("#"+trgt).offset();
	        var target_top = target_offset.top;
	 
	        $('html, body').animate({scrollTop:target_top}, {duration:600, easing: 'easeInOutExpo'});

	 });	
});