function calloutFinishCallback(callout_img_src) {
	var cookie_name = 'fl_callout_' + basename(callout_img_src);
	setCookie(cookie_name, 'true', '', '/', '', '' );
}

if ( ! location.href.match(/action=checkout/) ) {
	$(document).ready(function(){
	
		var $callout = $("#callout");
	
		// CONFIG
		var disable_callout = false;
		// Here is where you can set different callout graphics:
		//$callout.attr('src', "//static.fleshlight.com/callout/save-25.png");
		$callout.attr('src', "//" + STATIC_HOST() + "/callout/15-sitewide.png");
	
		// END CONFIG
	
	
	
		if (disable_callout) {
			$callout.remove();
			return;
		}
	
		$callout.load(function(){
	
			// Check if the cookie for this callout already exists on the user's client.
			// If it doesn't, set up the animation.	
			var cookie_name = 'fl_callout_' + basename($callout.attr('src'));
		
		
			if (getCookie(cookie_name) === null) {
				// Set up the animation:
				// Initial positioning and sizing
				$callout.css({
					'top': '100px',
					'left': '-162px',
					'width': '500px',
					'visibility': 'visible',
					'opacity': '0',
					'background-color': '#a5d5e6',
					'padding': '0px 20px'
				});
		
				// Animate!
				window.setTimeout(function(){
					$("#callout").animate(
							{'opacity': '1.0'},
							1250,
							function(){
								$(this).animate(
									{
										width: '164px',
										top: '0px',
										left: '0px',
										'background-color': 'black',
										'padding-left': '0',
										'padding-right': '0',
										'padding-top': '0',
										'padding-bottom': '0'
									},
									900,
									function(){
										calloutFinishCallback( $(this).attr('src') );
									}
								);
							}
					)
				}, 1500);
			} else {
				$callout.css( {'width': '164px', 'top': '0px', 'left': '0px', 'visibility': 'visible' } );
			}

		});
	});
}