// JavaScript Document

$(document).ready(init);

var windowWidth = 400;
var windowHeight = 400;

var wrapperHeight = 400;
var wrapperTopMargin = 0;


function init()
{
	windowWidth = $(window).width();
	windowHeight = $(window).height();
	wrapperHeight= $('#pageWrap').height();
	wrapperTopMargin = Math.floor(((windowHeight-wrapperHeight)/2));
	
	if(wrapperTopMargin < 0)
	{
		wrapperTopMargin = 0;
	}
	
	$('#pageWrap').css({'top':wrapperTopMargin});
	
	$('table').attr({'cellspacing':0});
	
	$('.scroll-pane').jScrollPane({
	  	'scrollbarWidth':20,
		'showArrows':true,
		'arrowSize':20,
		'dragMinHeight':160,
		'dragMaxHeight':160
	  });
	$('#spinnerGraphicLink').mouseover(showCTA);
	
	$('#recipesWrap').hide();
	$('#recipeLink').click(function(e){
		$('#recipesWrap').slideDown(500);
	})
	
	$(window).resize(windowResize);
}

function showCTA(e)
{
	$('#ctaBox').animate({'width':280, 'height':150, 'bottom':-10, 'right':520}).mouseout(hideCTA);
}
function hideCTA(e)
{
	$('#ctaBox').animate({'width':30, 'height':20, 'bottom':46, 'right':565});
}
function windowResize(e)
{
	windowWidth = $(window).width();
	windowHeight = $(window).height();
	wrapperHeight= $('#pageWrap').height();
	wrapperTopMargin = Math.floor(((windowHeight-wrapperHeight)/2));
	
	if(wrapperTopMargin < 0)
	{
		wrapperTopMargin = 0;
	}
	
	$('#pageWrap').css({'top':wrapperTopMargin});
}