// JavaScript Document

$(document).ready(function() {
	
	var tablets = $('#homeCarouselWrap div ul li'); // DOM object of tablets
	var captions = tablets.find('span'); // Captions inside of the tablets
	
	var yOrigin = -170; // Normal state for caption
	var yHover = 0; // Hover state for caption
		
	captions.css("bottom", yOrigin); // Get them into the right position.
	
	tablets.hover(
		function() {	
			var caption = $(this).find('span');
			slideUpCaption(caption);		
		},
		function() {	
			var caption = $(this).find('span');
			slideDownCaption(caption);		
		}
	);

	tablets.click(function() {
		
		var href = $(this).find('.theLink').attr('href');
		window.location = href;
						   
	});

	function slideUpCaption(caption) {
		
		$(caption).stop().animate({
			bottom: (parseInt(yHover) + "px")
		}, 200);
	
	}
	
	function slideDownCaption(caption) {

		$(caption).stop().animate({
			bottom: (parseInt(yOrigin) + "px")
		}, 200);
		
	}

	/**
	* Chops a string off the end of an existing string. Useful to get the integer values for jQuery returns.
	*/

	function getIntegerValue(string, toChop) {
	
		var integer = parseInt(Math.abs(string.substring(0, (string.length - toChop.length))));
		return integer;
		
	}

});