var integer = 1;
var timer = 10000;

function slider(integer){
	$('#slide div.wrap').animate({top:-224*(parseInt(integer)-1)}, 500, "easeOutBack")  /*----- Width of div mystuff ------ */
	$('#btnSlide a').each(function(){
	$(this).parent().removeClass('active');
		if($(this).parent().hasClass('button'+integer)){
			$(this).parent().addClass('active')}
	});
};

$(document).ready(function (){

	$(document).everyTime(timer,"slide",function(){
		if(integer > 4){
			integer = 1;
		}else{
			integer++;
		}
		slider(integer);
	});

	$('#btnSlide a').click(function(){
		integer = $(this).attr('rel');
		slider(integer);
		$(document).stopTime("slide");
	});

});