/*
 * jQuery Progress Bar plugin
 * Version 2.0 (06/22/2009)
 * @requires jQuery v1.2.1 or later
 *
 * Copyright (c) 2008 Gary Teo
 * http://t.wits.sg
 */
(function($){
	$.extend({
		progressBar: new function(){
			this.defaults = {
				steps			: 20,
				stepDuration	: 20,
				max				: 100,
				showText		: false,
				textFormat		: 'percentage',
				width			: 120,
				height			: 12,
				callback		: null,
				boxImage		: '/static/images/progressbar.png',
				barImage		: {
									0:	'/static/images/progressbg_red.gif',
									30: '/static/images/progressbg_orange.gif',
									70: '/static/images/progressbg_green.gif'
								},
				running_value	: 0,
				value			: 0,
				image			: null
			};

			this.construct = function(arg1, arg2){
				var argvalue	= null;
				var argconfig	= null;
				
				if(arg1 != null){
					if(!isNaN(arg1)){
						argvalue = arg1;
						if(arg2 != null){
							argconfig = arg2;
						}
					}else{
						argconfig = arg1; 
					}
				}
				
				return this.each(function(child){
          argvalue=null;
					var pb		= this;
					var config	= this.config;
					
					if(argvalue != null && this.bar != null && this.config != null){
						this.config.value 		= parseInt(argvalue)
						if(argconfig != null)
							pb.config			= $.extend(this.config, argconfig);
						config	= pb.config;
					}else{
						var $this				= $(this);
						var config				= $.extend({}, $.progressBar.defaults, argconfig);
						config.id				= $this.attr('id') ? $this.attr('id') : Math.ceil(Math.random() * 100000);
						
						if(argvalue == null)
							argvalue	= $this.html().replace("%","")
						
						config.value			= parseInt(argvalue);
						config.running_value	= 0;
						config.image			= getBarImage(config);
						
						var numeric = ['steps', 'stepDuration', 'max', 'width', 'height', 'running_value', 'value'];
						for(var i=0; i<numeric.length; i++) 
							config[numeric[i]] = parseInt(config[numeric[i]]);
						
						$this.html("");
						var pbar				= document.createElement('div');
						var bar					= document.createElement('img');
						var text				= document.createElement('span');
						var $pbar				= $(pbar);
						var $bar				= $(bar);
						var $text				= $(text);
						pb.bar					= $bar;
						
						$bar.attr('id', config.id + "_pbImage");
						$text.attr('id', config.id + "_pbText");
						$text.html(getText(config));
						$bar.attr('title', getText(config));
						$bar.attr('alt', getText(config));
						
						$pbar.attr('width', '117');
						$pbar.css('background-image', 'url(' + config.boxImage + ')');
						$pbar.css('background-repeat', 'no-repeat');
						$pbar.css('width', '117px');
						$pbar.css('height', config.height + 'px');
						$pbar.css('padding', '0px 3px');
						
						$bar.attr('width', config.width);
						$bar.css("width", config.width + "px");
						$bar.css("height", config.height + "px");
						$bar.css("background-image", "url(" + config.image + ")");
						$bar.css("background-position", ((config.width * -1)) + 'px 50%');
						$bar.css("padding", "0");
						$bar.css("margin", "0 1px");
						$this.append($bar);
						$this.append($pbar);
						$this.append($text);
					}

					function getPercentage(config){
						return config.running_value * 100 / config.max;
					}

					function getBarImage(config){
						var image = config.barImage;
						if(typeof(config.barImage) == 'object'){
							for(var i in config.barImage){
								if(config.running_value >= parseInt(i)){
									image = config.barImage[i];
								}else{
									break;
								}
							}
						}
						return image;
					}
					
					function getText(config){
						if(config.showText){
							if(config.textFormat == 'percentage'){
								return " " + Math.round(config.running_value) + "%";
							}else if(config.textFormat == 'fraction'){
								return " " + config.running_value + '/' + config.max;
							}
						}
					}
					
					config.increment = Math.round((config.value - config.running_value)/config.steps);
					if(config.increment < 0)
						config.increment *= -1;
					if(config.increment < 1)
						config.increment = 1;
					
					var t = setInterval(function(){
						var pixels	= config.width / 100;
						
						if(config.running_value > config.value){
							if(config.running_value - config.increment  < config.value){
								config.running_value = config.value;
							}else{
								config.running_value -= config.increment;
							}
						}
						else if(config.running_value < config.value){
							if(config.running_value + config.increment  > config.value){
								config.running_value = config.value;
							}else{
								config.running_value += config.increment;
							}
						}
						
						if(config.running_value == config.value)
							clearInterval(t);
						
						var $bar	= $("#" + config.id + "_pbImage");
						var $text	= $("#" + config.id + "_pbText");
						var image	= getBarImage(config);
						if(image != config.image){
							$bar.css("background-image", "url(" + image + ")");
							config.image = image;
						}
						$bar.css("background-position", (((config.width * -1)) + (getPercentage(config) * pixels)) + 'px 50%');
						$bar.attr('title', getText(config));
						$text.html(getText(config));
						
						if(config.callback != null && typeof(config.callback) == 'function')
							config.callback(config);
						
						pb.config = config;
					}, config.stepDuration); 
				});
			};
		}
	});
	$.fn.extend({
        progressBar: $.progressBar.construct
	});
})(jQuery);