$(document).ready(function()
{
	// Calulate examples
	var total = $("#examples-area li").size();
	
	// Current example
	var current = 1;
	
	// Set pagination
	$("#total-examples").text(total);
	$("#current-example").text(current);
	
	// View the first example
	$("#examples-area li:first").addClass('selected-example').show();
	$("#examples-btn").show();
	
	

	
	// On click on next link
	$("#next-example").click(function () { 
 		
		// Hide current example
		$("#examples-area .selected-example").hide();
		
		// Is current the last example?
		if(total > current)
		{ 
			current++;
			$("#examples-area .selected-example").next().show().addClass('to-be-selected-example');
			$("#examples-area .selected-example").removeClass('selected-example').hide();
			$("#examples-area .to-be-selected-example").addClass('selected-example').show();
			$("#examples-area .to-be-selected-example").removeClass('to-be-selected-example');    
		}
		else
		{ 
			
			$("#examples-area .selected-example").removeClass('selected-example').hide(); 	
			$("#examples-area li:first").addClass('selected-example').show();
		  current = 1;
		}
		
		// Update pagination
		$("#current-example").text(current);
    });
});