var bars = new Array();

function showGraph(ele) {
	var pel = $(ele);
	if(bars.length>0) {
			var bar = bars.shift();
			bar.build.start(0,bar.target);
			window.setTimeout(showGraph,500,ele);
		} 
}

function makeBar(parent,colour,percent,label,link) {
	var pel = $(parent);
	if(pel.barcount==undefined) {
		pel.barcount = 0;
		pel.bars = new Array();
	} else {
		pel.barcount++;
	}
	
	var bar = document.createElement('div');
	
	var bar1 = document.createElement('div');
	bar1.className = "bargraphBar";
	bar1.style.backgroundColor = colour;
	
	if(!link){
		var label1 = document.createElement('span');
		label1.className = "bargraphLabel";
		label1.insertBefore(document.createTextNode(' '+label),null);
	}else{
		var label1 = document.createElement('a');
		label1.setAttribute('href', link);
		label1.setAttribute('name', label);
		label1.setAttribute('rel', 'external');
		label1.className = "bargraphLink";
		label1.insertBefore(document.createTextNode(' '+label),null);

	}
	bar1.insertBefore(label1,null);
	
	pel.insertBefore(bar1,null);
	
	bars.push(bar1);
	
	bar1.build = new Fx.Style(bar1,'width', {duration: 1200,transition: Fx.Transitions.Quint.easeInOut});
	bar1.target = percent * 2;
	
}