$(document).ready(function() {

	/* Vars */
	var offsetEventContainer;
	var eventContainerDivLeft;
	var offsetEventDiv;
	var eventDivLeft;
	var animationspeed = 500;
	
	/* Init*/
	if($('#events_container').length == 1){
		checkLeft();
		/* Init Left */
		if((eventContainerDivLeft - eventDivLeft) <= 0){ $("#events_left").animate({opacity: 0.3}, 10 ); }else{ $("#events_left").animate({opacity: 1}, 10 ); }	
		/* Init Right */
		if(eventDivLeft + $('#events').width() > eventContainerDivLeft + $('#events_container').width()){ $("#events_right").animate({opacity: 1}, 10 ); }else{ $("#events_right").animate({opacity: 0.3}, 10 ); }
	}
		
	/* Left */
	$('#events_left').click(function () {
		checkLeft();
		if((eventContainerDivLeft - eventDivLeft) >= 1){ $("#events").animate({"left": "+=390px"}, animationspeed); }
		$("#events").queue(function () { checkLeft(); $(this).dequeue(); });			
	});
		
	/* Right */
	$('#events_right').click(function () {
		checkLeft();
		if(eventDivLeft + $('#events').width() > eventContainerDivLeft + $('#events_container').width()){ $("#events").animate({"left": "-=390px"}, animationspeed); }
		$("#events").queue(function () { checkLeft(); $(this).dequeue(); });
	});	


	function checkLeft(){
		offsetEventContainer = $('#events_container').offset();
		eventContainerDivLeft = offsetEventContainer.left;
		offsetEventDiv = $('#events').offset();
		eventDivLeft = offsetEventDiv.left;
		/* Left */
		if((eventContainerDivLeft - eventDivLeft) <= 0){ 
			$("#events_left").animate({opacity: 0.3}, 10 ); 
			//$("#events").animate({"left": "0px"},animationspeed);
		}else{ 
			$("#events_left").animate({opacity: 1}, 10 ); 
		}
		/* Right*/
		if(eventDivLeft + $('#events').width() > eventContainerDivLeft + $('#events_container').width()){ 
			$("#events_right").animate({opacity: 1}, 10 ); 
		}else{ 
			$("#events_right").animate({opacity: 0.3}, 10 );
		}

		return;
	}

});