$(document).ready(function(){
	$('.showTimes').draggable({  containment: 'parent' });
	$('.showTimes').css({left:473})
	$('.next').click(function () {
	 	var showTimeId = 'showTimes' + $(this).attr('id').replace('next', '');
		if (eval($('#'+showTimeId).css('left').replace('px', '')) > 0){
			if(eval($('#'+showTimeId).css('left').replace('px', '')) < 158) {
				$('#'+showTimeId).animate( {
					left: 0 
				}, 1000 );
			} else {
				$('#'+showTimeId).animate( {
					left: eval($('#'+showTimeId).css('left').replace('px', '')) - 158 
				}, 1000 );
			}
		}
	});
	$('.prev').click(function () {
		var showTimeId = 'showTimes' + $(this).attr('id').replace('prev', '');
		if (eval($('#'+showTimeId).css('left').replace('px', '')) < 473){
			if(eval($('#'+showTimeId).css('left').replace('px', '')) > 158) {
				$('#'+showTimeId).animate( {
					left: 473 
				}, 1000 );
			} else {
				$('#'+showTimeId).animate( {
					left: eval($('#'+showTimeId).css('left').replace('px', '')) + 158 
				}, 1000 );
			}
		}
	});

  });