$(document).ready(function(){
    $(".slide").hide();

    var currentSlideNumber = 0;

    var slides = $(".slide").size();

    var slideText = $(".slide").eq(currentSlideNumber).html();

    $("#slideStage").after('<p style="border-top: 1px dotted #777777;"><a href="#slideStage" id="prev" style="font-weight: bold;">&laquo; Previous</a>&nbsp;&nbsp;<a href="#slideStage" id="next" style="font-weight: bold;">Next &raquo;</a>');

    $("#prev").hide();

    $("#slideStage").html(slideText);

    $("#next").click(function(){
	$("#prev").show();
	currentSlideNumber++;
	if(currentSlideNumber == (slides - 1)) {
	    $("#next").hide();
	}
	slideText = $(".slide").eq(currentSlideNumber).html();
	$("#slideStage").html(slideText);
    });

    $("#prev").click(function(){
	$("#next").show();
	currentSlideNumber--;
	if(currentSlideNumber == 0) {
	    $("#prev").hide();
	}
	slideText = $(".slide").eq(currentSlideNumber).html();
	$("#slideStage").html(slideText);
    });


});