$(document).ready(function(){
	
	// We first set the focus to the fists button
	$(".ios_button a").focus();
	
	//References
	var sections = $("#menu li, .avatar, .logo ");
	var loading = $("#loading");
	var content = $("#content");
	
	//Manage click events
	sections.click(function(){
		//show the loading bar
		loading.slideUp(400,'',showLoading);
		
		//load selected section
		switch(this.id){
			case "1":
				cleanPopups();
				content.slideUp(400,'',loadSection1);
				break;
			case "2":
				cleanPopups();
				content.slideUp(400,'',loadSection2);
				break;
			case "3":
				cleanPopups();
				content.slideUp(400,'',loadSection3);
				break;
			case "4":
				cleanPopups();
				content.slideUp(400,'',loadSection4);
				break;
			case "5":
				cleanPopups();
				content.slideUp(400,'',loadSection5);
				break;				
			default:
				//hide loading bar if there is no selected section
				hideLoading();
				break;
		}
	});

	function cleanPopups()
	{
		// removing the overlay and the table
		if($(".piro_html, .piro_overlay") != null)
		{
			$(".piro_html, .piro_overlay").remove()
		}
	}
	
	function loadSection1()
	{
		window.setTimeout(function()
		{
			content.load("sweews.html" , hideLoading); 
		}, 500); 
		
		
	}
	
	function loadSection2()
	{
		window.setTimeout(function()
		{
			content.load("android.html", hideLoading); 
		}, 500); 
		
		
	}
	
	
	function loadSection3()
	{
		window.setTimeout(function()
		{
			content.load("web.html", hideLoading); 
		}, 500); 
		
		
	}
	
	function loadSection4()
	{
		window.setTimeout(function()
		{
			content.load("gaming.html", hideLoading); 
		}, 500); 
		
		
	}
	
	function loadSection5()
	{
		window.setTimeout(function()
		{
			content.load("about.html", hideLoading); 
		}, 500); 
		
		
	}	
	
	//show loading bar
	function showLoading(){
		
		loading
			.css({visibility:"visible"})
			.css({opacity:"1"})
			.css({display:"block"})
		;
		loading.slideDown(1000)
		
	}
	//hide loading bar
	function hideLoading(){
		loading.fadeTo(300, 0);
		content.slideDown();
	};
});