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 = $("#loaderDiv");
	var content = $("#pensionGuideContent");
	var guide = $("#pensionGuide");
	initEffects(loader, content, guide);
	$("#pensionGuideContent").load(url +' #detail',
		(function(){
			stopEffects(loader, content, guide);
			$("#pensionGuide li a").removeClass("active");
			$("#pensionGuide li a[href*="+path+"]").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();
	});
});

jQuery(document).ready(function(){
	hookPagination();
});


jQuery(document).ready(function(){
	$("div.showHide h2").prepend("<span class='moreLink'>More</span>");
	$("div.showHide h2").click(function () {
		if ($(this).children("span").hasClass('moreLink')){
			$("div.showHide #showContent").slideToggle();
			$(this).children("span").text("Less");
			$(this).removeClass("moreLink");
			$(this).addClass("close");
			$(this).children("span").removeClass("moreLink");
			$(this).children("span").addClass("close");
		} else {
			$("div.showHide #showContent").slideToggle();
			$(this).children("span").text("More");
			$(this).removeClass("close");
			$(this).addClass("moreLink");
			$(this).children("span").removeClass("close");
			$(this).children("span").addClass("moreLink");
		}
	});
	
});

