jQuery(function($) {
var timer;
var length;
function button_click(button, len)
{
    if(len<2)
        return;
    buttonStr = button.toString();
    next = button + 1;
    nextStr = next.toString();
    $(".slide").css("visibility","hidden");
    $("#image" + buttonStr).css("visibility","visible");
    $("#image" + buttonStr).css("opacity","0");
    $("#image" + buttonStr).animate({"opacity":1},300, "linear", null);
    $("ul.buttons li").removeClass("active");
    $("#image" + buttonStr).animate({"opacity":1},300, "linear", null);
    $("#button" + buttonStr).addClass("active");
    clearTimeout(timer);
    if (next > len){
       next = 1;
    }
    var delay = function() { button_click(next,len); };
    timer = setTimeout(delay,"9000");
    $("#image"+ buttonStr).animate({"opacity":1},300, "linear", null);

}

function OnLoad(event)
{
    clearTimeout(timer);
    if(length>1){
        var delay = function() { button_click(2,length); };
        timer = setTimeout(delay,"9000");
    }
     
}

var buttons = $('.buttons li');
var linkButtons = $('.buttons a');

linkButtons.each(function() {
    $(this).click( function(e){ e.preventDefault(); } );
});


length = buttons.length;

buttons.each(function(index) {
	if (length>1){
    	$(this).bind('click', function() {
	    	button_click(index + 1,length);
	    });
	}
});

OnLoad();

});