var $total;
var $current = 0;


function animate() {
	var left = $current * 280 * -1;
	$('#events-home ul').animate({'marginLeft': left +'px'}, 1000);
	
	if($current == ($total - 1)) {
		$('#events-home-next').hide();
		$('#events-home-previous').show();
	}
	else if($current == 0) {
		$('#events-home-previous').hide();
		$('#events-home-next').show();
	}
}



$(function(e) {
	$total = $('.event').size();
	
	$('#events-home-previous').hide();
	if($total == 1) {
		$('#events-home-next').hide();
	}
	
	$('#events-home-previous').click(function(e) { 
		if($current > 0) {
			$current -= 1;
			animate();
		}
	});
	
	$('#events-home-next').click(function(e) {
		if($current < ($total - 1)) { 
			$current += 1;
			animate();
		}
	});
});