var middle = 1;

jQuery(function(){

    jQuery("#sliderbox0").addClass("left");
    jQuery("#sliderbox1").addClass("middle");
    jQuery("#sliderbox2").addClass("right");    

    jQuery("#slider").append("<div class='button' id='left'></div>");
    jQuery("#slider").append("<div class='button' id='right'></div>");

    jQuery("#left").click(function(){setMiddle(middle - 1);});
    jQuery("#right").click(function(){setMiddle(middle + 1);});

});

function setMiddle(i)
{
    jQuery("#sliderbox" + (middle - 1)).removeClass("left");
    jQuery("#sliderbox" + middle).removeClass("middle");
    jQuery("#sliderbox" + (middle + 1)).removeClass("right");

    if (i < 1) i = 5;
    if (i > 5) i = 1;

    jQuery("#sliderbox" + (i - 1)).addClass("left");
    jQuery("#sliderbox" + i).addClass("middle");
    jQuery("#sliderbox" + (i + 1)).addClass("right");    

    middle = i;
}