function initEffects(loader, content, guide){
	guide.fadeTo("fast", 0.2,
		(function(){
			loader.css("display", "block");
		})
	);
	content.fadeTo("fast", 0.2);
}

function stopEffects(loader, content, guide){
	guide.fadeTo("fast", 1,
		(function(){
			loader.css("display", "none");
		})
	);
	content.fadeTo("fast", 1);
}

function loadContent(url, path) {
	var loader = $("#loadingGif");
	var content = $("#pensionGuidePod");
	var guide = $(".guideMenu");
	initEffects(loader, content, guide);
	$("#pensionGuideDetail").load(url +' #pensionGuideDetail',
		(function(){
			stopEffects(loader, content, guide);
			$(".guideMenu li").removeClass("active");
			$(".guideMenu li a[href*="+path+"]").parent('li').addClass("active");
			hookPagination();
		})
	);		
}

function hookPagination() {
	$("#pagination a").click(function(event){
		loadContent(this, this.pathname);
		event.preventDefault();
	});
}

jQuery(document).ready(function(){
								
	$("#pensionGuide li a").click(function(event){
		loadContent(this, this.pathname);
		event.preventDefault();
	});

	hookPagination();

	$("#pensionGuide h2.podHeader").prepend("<span class='moreLink'>More</span>");	
	$("#pensionGuideContent").slideToggle();
	$("#pensionGuide h2").click(function () {
		if ($(this).children("span").hasClass('close')){
			$("#pensionGuideContent").slideToggle();
			$(this).children("span").text("More");
			$(this).children("span").removeClass("close");
		} else {
			$("#pensionGuideContent").slideToggle();
			$(this).children("span").text("Less");
			$(this).children("span").addClass("close");
		}
	});							
});


