$(document).ready(function () {
    $('#carousel > div:not(:first)').hide();

    var intervalid = null;
    if (autoRotate == 1) {
        intervalid = setInterval('changeslide();', 10000);
    }
    else {
        intervalid = null;
    }

    $("#leftarrow").click(function () {
        var $d = $('#carousel > div');
        var i = ($d.index($('#carousel > div:visible')) - 1) % $d.length;
        if (i < 0) i += $d.length;
        // $('#carousel > div:not(:eq(' + i.toString() + '))').hide();
        $('#carousel > div:not(:eq(' + i.toString() + '))').hide();
        $('#carousel > div').eq(i.toString()).fadeIn('slow', function () {
            clearInterval(intervalid);
        });
    });

    $("#rightarrow").click(function () {
        var $d = $('#carousel > div');
        var i = ($d.index($('#carousel > div:visible')) + 1) % $d.length;
        $('#carousel > div:not(:eq(' + i.toString() + '))').hide();
         $('#carousel > div').eq(i.toString()).fadeIn('slow', function () {
            clearInterval(intervalid);        
        });  
    });
});

var autoRotate;

function changeslide() {
    var $d = $('#carousel > div');
    var i = ($d.index($('#carousel > div:visible')) + 1) % $d.length;
    showhide(i, $('#carousel > div').eq(i.toString()));
}

function showhide(i, $t) {
    $('#carousel > div:not(:eq(' + i.toString() + '))').hide();
    $('#carousel > div').eq(i.toString()).fadeIn('slow');
}