$(document).ready(function(){
	
	var tile_position = 0;
	var ease_method = 'easeInOutQuad';
	var duration = 'slow';
	
	var num_of_tiles = $('#tiles a.tile').size();
	var tile_width = $('#tiles a.tile:first').outerWidth(true);
	var num_of_tiles_displayed = Math.round($('div#tilebox').width() / tile_width);
	
	$('#slider a.arrow.left').fadeTo(0, 0.2);
	$('#slider a.arrow.right').fadeTo(0, 1);
	
	$(document).bind('keydown',function(event){ 
		if (event.ctrlKey || event.altKey || event.metaKey) {
			return;
		}

		if (event.keyCode == '37') {
			if (tile_position > 0) {
				tile_position--;
				var new_position = -tile_width * tile_position;

				$('#tiles').animate({ left: new_position + 'px' }, {
					duration: duration,
					easing: ease_method
				});

				if (tile_position + num_of_tiles_displayed < num_of_tiles) {
					$('div#slider a.arrow.right').animate({ opacity: 1 }, { duration: duration }).addClass('active');
				}
				if (tile_position == 0) {
					$('div#slider a.arrow.left').animate({ opacity: 0.2 }, { duration: duration }).removeClass('active');
				}
			}
			event.preventDefault();
			return false;
		} else if (event.keyCode == '39') {
			if (tile_position + num_of_tiles_displayed < num_of_tiles) {
				tile_position++;
				var new_position = -1 * tile_width * tile_position;

				$('#tiles').animate({ left: new_position + 'px' }, {
					duration: duration,
					easing: ease_method
				});

				if (tile_position + num_of_tiles_displayed == num_of_tiles) {
					$('div#slider a.arrow.right').animate({ opacity: 0.2 }, { duration: duration }).removeClass('active');
				}
				$('div#slider a.arrow.left').animate({ opacity: 1 }, { duration: duration }).addClass('active');
			}
			event.preventDefault();
		}
	});
	
	$('#slider a.left.arrow').bind('click', function(event){
		
		if (tile_position > 0) {
			tile_position--;
			var new_position = -tile_width * tile_position;
			
			$('#tiles').animate({ left: new_position + 'px' }, {
				duration: duration,
				easing: ease_method
			});
			
			if (tile_position + num_of_tiles_displayed < num_of_tiles) {
				$('div#slider a.arrow.right').animate({ opacity: 1 }, { duration: duration }).addClass('active');
			}
			if (tile_position == 0) {
				$('div#slider a.arrow.left').animate({ opacity: 0.2 }, { duration: duration }).removeClass('active');
			}
		}
		event.preventDefault();
		return false;
	});
	
	$('#slider a.right.arrow').bind( 'click', function(event){
		
		if (tile_position + num_of_tiles_displayed < num_of_tiles) {
			tile_position++;
			var new_position = -1 * tile_width * tile_position;
		
			$('#tiles').animate({ left: new_position + 'px' }, {
				duration: duration,
				easing: ease_method
			});
			
			if (tile_position + num_of_tiles_displayed == num_of_tiles) {
				$('div#slider a.arrow.right').animate({ opacity: 0.2 }, { duration: duration }).removeClass('active');
			}
			$('div#slider a.arrow.left').animate({ opacity: 1 }, { duration: duration }).addClass('active');
		}
		event.preventDefault();
		return false;
	});
});