$(document).ready(function () {
	
	// showcase buttons
	var btnHTML = '<a href="#" title="Previous" id="prev-btn">Previous</a><a href="#" title="Next" id="next-btn">Next</a>';
	$('#showcase').append(btnHTML);
	$('#prev-btn').mouseover(function(){$(this).addClass('active')}).mouseout(function(){$(this).removeClass('active')});
	$('#next-btn').mouseover(function(){$(this).addClass('active')}).mouseout(function(){$(this).removeClass('active')});
	
	// Will have to redo if we have more than 2
	$('#next-btn').click(function(){
		$('#showcase-slider').animate({ left: "-705px", opacity: "1"  }, 500 );
		return false;
	});
	$('#prev-btn').click(function(){
		$('#showcase-slider').animate({ left: "0px", opacity: "1" }, 500 );
		return false;
	});
	
	var xOffset = 13;
	var yOffset = -15;
	
	$('#api-link').hover(function(e){
		$('#view-docs-tooltip').show();
			return false;
	}).mouseout(function(){
		$('#view-docs-tooltip').hide();
			return false;
	});
	
});