$(document).ready(function()
{
    $('.slideControls').html('<a href="javascript:void(0);" class="prev" title="Previous slide"><span>Previous</span></a>&nbsp;<a href="javascript:void(0);" class="next" title="Next slide"><span>Next</span></a>');
    $('#tour').cycle({
        fx: 'fade',
        speed: 1000,
        pause: 1,
        timeout: 0,
        next: '.next',
        prev: '.prev',
        nowrap: 1,
        after: slideChange
});
});
function slideChange(currSlideElement, nextSlideElement, options, forwardFlag) {
    if (options.currSlide == 0) {
        $('.prev').attr("style","visibility:hidden");
        $('.next').attr("style", "visibility:visible");
    } else if (options.nextSlide == 0) {
        $('.prev').attr("style", "visibility:visible");
        $('.next').attr("style", "visibility:hidden");
    }
    else {
        $('.prev').attr("style", "visibility:visible");
        $('.next').attr("style", "visibility:visible");
    }
    //get the height of the current slide
    var $ht = $(this).height();
    //set the container's height to that of the current slide
    $(this).parent().css("height", $ht);
}