$(document).ready(function(){
	//References
	var sections = $("#menu a");
	var loading = $("#loading");
	var content = $("#ajax_content");
	var watch = $("#menu a#watch");
	var software = $("#menu a#software");
	var features = $("#menu a#features");
	var news = $("#menu a#news");
	var purchase = $("#menu a#purchase");
	var clients = $("#menu a#clients");
	
	//Manage click events
	sections.click(function(){
		//show the loading bar
		showLoading();
		//load selected section
		switch(this.id){
			case "watch":
				content.slideUp(10);
				content.load("watch.html", hideLoading);
				content.slideDown(500);
				sections.removeClass('active');
				watch.addClass('active');
				break;
			case "software":
				content.slideUp(10);
				content.load("the_software.html", hideLoading);
				content.slideDown(500);
				sections.removeClass('active');
				software.addClass('active');
				break;
			case "features":
				content.slideUp(10);
				content.load("features.html", hideLoading);
				content.slideDown(500);
				sections.removeClass('active');
				features.addClass('active');
				break;
			case "news":
				content.slideUp(10);
				content.load("news.html", hideLoading);
				content.slideDown(500);
				sections.removeClass('active');
				news.addClass('active');
				break;
			case "purchase":
				content.slideUp(10);
				content.load("purchase.html", hideLoading);
				content.slideDown(500);
				sections.removeClass('active');
				purchase.addClass('active');
				break;
			case "clients":
				content.slideUp(10);
				content.load("clients.html", hideLoading);
				content.slideDown(500);
				sections.removeClass('active');
				clients.addClass('active');
				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(1000, 0);
	};
});