var contentPage;

$(document).ready(function() {
	$('#links > a').click(function(e) {
		e.preventDefault();
		var href = $(this).attr('href').substring(1);
		$('#links > a').attr('class', '');
		$(this).removeClass('selected').addClass('selected');
		$('#content > div.content > div').each(function(e) { 
			if ($(this).attr('class').replace(' hidden', '') != href) {
				$(this).removeClass('hidden').addClass('hidden');
			} else {
				$(this).removeClass('hidden');
			}
		});
	});
	contentPage = 0;
	if ($('#btnNext').length > 0) {
		$('#btnNext').click(function(e) { 
			e.preventDefault();
			var obj = $(this).parent().parent().parent().children('div.pageable');
			if ($('#btnNext > img').attr('src') == '/images/buttons/over/contentNextEnabled.png') {
				contentPage++;
				loadContent(obj);
			}
		});
	}
	if ($('#btnPrev').length > 0) {
		$('#btnPrev').click(function(e) {
			e.preventDefault();
			var obj = $(this).parent().parent().parent().children('div.pageable');
			if ($('#btnPrev > img').attr('src') == '/images/buttons/over/contentPrevEnabled.png') {
				contentPage--;
				loadContent($(obj));
			}
		});
	}
});

function loadContent(obj) {
	$(obj).attr('class', 'pageable hidden');
	$($(obj)[contentPage]).attr('class', 'pageable');
	if (contentPage == 0) {
		$('#btnPrev > img').attr('src', '/images/buttons/contentPrevDisabled.png');
	} else {
		$('#btnPrev > img').attr('src', '/images/buttons/contentPrevEnabled.png');
	}
	
	if (contentPage == $(obj).length-1) {
		$('#btnNext > img').attr('src', '/images/buttons/contentNextDisabled.png');
	} else {
		$('#btnNext > img').attr('src', '/images/buttons/contentNextEnabled.png');
	}
}