var total=0;
var total_width=0;
var arr_item= new Array();
var counter =1;
var next_pos=0;

$(document).ready(function(){
	total=$('#slider').children().length;
	
	$('.item').each(function() {
		arr_item.push($(this).outerWidth( true ));
		total_width += $(this).outerWidth( true );
	});
	$('#prev_btn').removeAttr("href");
	$('#prev_btn').css("cursor","default");
	$('#prev_btn').parent().removeClass('Prev-Arrow');
	$('#prev_btn').parent().addClass('Prev-Arrow_end');
	$('#slider').css("left","0px");
});

function next(){
	$('#prev_btn').attr("href","javascript:prev()");
	$('#prev_btn').css("cursor","pointer");
	$('#prev_btn').parent().removeClass('Prev-Arrow_end');
	$('#prev_btn').parent().addClass('Prev-Arrow');
	
	if(counter<total){
		next_pos=next_pos-parseInt(arr_item[counter-1]);
		
		$('#next_btn').removeAttr("href");
		$('#next_btn').css("cursor","pointer");
		$('#slider').animate({
			left: next_pos+'px'
		  }, 0, function() {
			  $('#next_btn').attr("href","javascript:next()");
		  });
		counter++;
	}
	
	if(counter==total){
		$('#next_btn').removeAttr("href");
		$('#next_btn').css("cursor","default");
		$('#next_btn').parent().removeClass('Next-Arrow');
		$('#next_btn').parent().addClass('Next-Arrow_end');
	}
}

function prev(){
	$('#next_btn').attr("href","javascript:next()");
	$('#next_btn').css("cursor","pointer");
	$('#next_btn').parent().removeClass('Next-Arrow_end');
	$('#next_btn').parent().addClass('Next-Arrow');
		
	if(counter>1){
		next_pos=next_pos+parseInt(arr_item[counter-1]);
		
		$('#prev_btn').removeAttr("href");
		$('#prev_btn').css("cursor","pointer");
		$('#slider').animate({
			left: next_pos+'px'
		  }, 0, function() {
			  $('#prev_btn').attr("href","javascript:prev()");
		  });
		counter--;
	}
	
	if(counter==1){
		$('#prev_btn').removeAttr("href");
		$('#prev_btn').css("cursor","default");
		$('#prev_btn').parent().removeClass('Prev-Arrow');
		$('#prev_btn').parent().addClass('Prev-Arrow_end');
	}
}