jQuery(function($) {

	var $sidebar   = $("#flyout-banner"),
	$sidebarWidth = $("#flyout-banner .advert").css("width"),
	$window    = $(window),
	offset     = $sidebar.offset(),
	topPadding = 0;
	
	// Set CSS Dynamically
	
	$width = $sidebarWidth;	
	$width = $width.replace("px","");
	$width = parseInt($width);
	
	
	$hangover = $width; //not literally! :P
	
	$sidebar.css({right:-$hangover}).show();
	
	$sidebar.bind(
	{
		mousedown: function()
		{
			$(this).animate({right:0});	
		},
		
		mouseleave: function()
		{			
			$(this).animate({right:-$hangover});
		}
	});

});