$(function() {
	var $container = $('div#progress-container');
	$container.hide();

	var $bar = $('div#progress-bar');
	var bar_width = 365*parseInt($('span.percentage').text())/100;
		
	var images_dir = 'images';
	var $image = $(new Image());	
	$image.attr("src", images_dir+'/progress-bar.gif').load(function() {
		$container.css({'background-position':'8px -64px', 'margin':'-16px -8px 0 0', 'text-align':'left'});
		$bar.css({
			'background':"transparent url("+images_dir+"/progress-bar.gif) no-repeat 2px 0",
			'width':'0',
			'height':'46px',
			'margin-top':'8px'
		});
		$('span#progress').css({'color':'#ac9682', 'top':'16px', 'right':'28px'});
		$('div#progress-overlay').css('display', 'block');
		$container.show();
	});
	
	setTimeout(function() {
		$bar.animate({
			width: bar_width
		}, 1000, 'easeOutElastic');
	}, 1000);
	
	delete $image;
});

jQuery.extend(jQuery.easing,
{
	easeOutElastic: function (x, t, b, c, d) {
		var s=1.70158;var p=0;var a=c;
		if (t==0) return b;  if ((t/=d)==1) return b+c;  if (!p) p=d*.3;
		if (a < Math.abs(c)) { a=c; var s=p/4; }
		else var s = p/(2*Math.PI) * Math.asin (c/a);
		return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;
	}
});