$(document).ready(function(){
	//References
	var sections = $("#tabMenu li");
	var loading = $("#loading");
	var content = $("#content");
	//$("#tab01 a").removeClass("tab01").addClass('tab01Active');
	$("#tabMenu li").click(function(){
		$(this).addClass('activeTab'); 
		$(this).siblings('li').removeClass('activeTab').addClass('tabLink'); 
	})
	
	//show loading bar
	function showLoading(){
		loading
			.css({visibility:"visible"})
			.css({opacity:"1"})
			.css({display:"block"})
		;
	}
	//hide loading bar
	function hideLoading(){
		loading.fadeTo(1000, 0);
	};

	content.load("mmm_watsOnOffer.jsp", hideLoading);
	//content.fadeOut();
	//content.css({opacity:"0"});
	
	//Manage click events
	sections.click(function(){
		//show the loading bar
		showLoading();
		//load selected section
	switch(this.id){
			case "tab01":
				//$('html,body').scrollTo( 0, 800, {queue:true} );
				content.hide();
				content.fadeIn();
				content.load("mmm_watsOnOffer.jsp", hideLoading);
				$("#coin").css({"left":"54px"});
				
				break;
			case "tab02":
				//$('html,body').scrollTo( 0, 800, {queue:true} );
				content.hide();
				content.fadeIn();
				content.load("mmm_testimonials.jsp", hideLoading);
				$("#coin").css({"left":"200px"});
				break;
			case "tab03":
				//$('html,body').scrollTo( 0, 800, {queue:true} );
				content.hide();
				content.fadeIn();
				content.load("prizes.html", hideLoading);
				$("#coin").css({"left":"300px"});
				break;
				case "tab04":
				//$('html,body').scrollTo( 0, 800, {queue:true} );
				content.hide();
				content.fadeIn();
				content.load("mmm_winner.jsp", hideLoading);
				$("#coin").css({"left":"315px"});
				break;
				case "tab05":
				//$('html,body').scrollTo( 0, 800, {queue:true} );
				content.hide();
				content.fadeIn();
				content.load("mmm_aboutR2I.jsp", hideLoading);
				$("#coin").css({"left":"430px"});
				break;
			default:
				//hide loading bar if there is no selected section
				hideLoading();
				break;
		}
	});


});