var iteral = 1;
var end = 0;
var time;


function clear(){
  	$('.button_rotator').css('color', '#917bb3');
  	$('.button_rotator').css('background-color', '#FFFFFF');
	$('.button_rotator').css('border-color', '#d9d2e4');
}

function activ(){
  	$('#button_'+iteral).css('color', '#FFFFFF');
  	$('#button_'+iteral).css('background-color', '#917bb3');
	$('#button_'+iteral).css('border-color', '#917bb3');
}

function change(id){
  var sum;
  var time2;
  
  
  if(id < iteral){
   sum = iteral-id;
   
   	if(sum > 0){
     		prev_button(sum);
  	}
    
  }else if(id > iteral){
    
      sum = id-iteral;
      
      	if(sum > 0){
     		next_button(sum);
  	}
   
 	
  }
  
  iteral = id;
  	clear();
    	activ();
  
}


function prev_button(number){
  if(iteral > 1){
    	clearTimeout(time);
    	var left = $('#slider_inner').css('left');
    	new_left = parseInt(left, 0);
    	new_left = new_left + (548*number);
	$('#slider_inner').animate({
  			"left": new_left
	}, 1500);
    	iteral--;
    	time = setTimeout("slide()",6000);
    	
    	clear();
    	activ();
    	
  }
  
  
}


function next_button(number){
  
  if(iteral < end){
    	clearTimeout(time);
    	var left = $('#slider_inner').css('left');
    	new_left = parseInt(left, 0);
    	new_left = new_left - (548*number);
    	
    	$('#slider_inner').animate({
  			"left": new_left
	}, 1500);

    	
    	iteral++;
    	time = setTimeout("slide()",5000);
	clear();
    	activ();
  }
  
  
}


function prev(){
  if(iteral > 1){
    	clearTimeout(time);
    	var left = $('#slider_inner').css('left');
    	new_left = parseInt(left, 0);
    	new_left = new_left + 548;
	$('#slider_inner').animate({
  			"left": new_left
	}, 1500);
    	iteral--;
    	time = setTimeout("slide()",6000);
    	
    	clear();
    	activ();
    	
  }
  
  
}


function next(){
  
  if(iteral < end){
    	clearTimeout(time);
    	var left = $('#slider_inner').css('left');
    	new_left = parseInt(left, 0);
    	new_left = new_left - 548;
    	
    	$('#slider_inner').animate({
  			"left": new_left
	}, 1500);

    	
    	iteral++;
    	time = setTimeout("slide()",5000);
	clear();
    	activ();
  }
  
  
}


function slide(){
  
  	clearTimeout(time);
  	if(iteral >= end){
		
    		$('#slider_inner').animate({
  			"left": "0"
		}, 1500);

    		iteral = 1;
   	
   	}else{
      		var left = $('#slider_inner').css('left');
    		new_left = parseInt(left, 0);
    		new_left = new_left - 548;
    	
    		$('#slider_inner').animate({
  			"left": new_left
		}, 1500);

    	
    		iteral++;
      
    	}
    	
    	time = setTimeout("slide()",5000);
    		clear();
    	activ();
  	
  
}