jQuery.noConflict();
jQuery(document).ready(function($) {

	var reasons = $('.ReasonWhy');	
	var TenReasonsWhyNav = $('.TenReasonsWhyNav');
	var page = $('.Number', TenReasonsWhyNav);
	
	reasons.eq(0).show();
	var pos = 0;
	
	var previousA = $('.PreviousA', TenReasonsWhyNav);
	var nextA = $('.NextA', TenReasonsWhyNav);
	var previous = $('.Previous', TenReasonsWhyNav);
	var next = $('.Next', TenReasonsWhyNav);	
	
	previousA.click(function () {
		if (pos > 0) {																	 
			reasons.eq(pos).hide();
			pos--;
			reasons.eq(pos).css('display', 'block');
			window.scrollTo(0, reasons.eq(pos).offset().top);
			
			page.text(pos + 1);
			next.hide();
			nextA.css('display', 'block');
			
			if (pos == 0) {
				previousA.hide();
				previous.css('display', 'block');
			}
		}
	});
	
	nextA.click(function () {
		if (pos < reasons.length-1) {
			reasons.eq(pos).hide();
			pos++;
			reasons.eq(pos).css('display', 'block');
			window.scrollTo(0, reasons.eq(pos).offset().top);			
						
			page.text(pos + 1);
			previous.hide();
			previousA.css('display', 'block');
			
			if (pos == reasons.length-1) {
				nextA.hide();
				next.css('display', 'block');
			}
		}
	});

});
