/*
Wenn man als eigenen Parameter ein Objekt übergibt, kann man diesem folgende Parameter geben:
	colorFront - string
	colorBack - string
		Farben des Vordergrunds und des Hintergrunds vom Balken
		Default: "#00cc33","#dadbbb"
	showDesc - bool
		Soll die Beschreibung unterhalb angezeigt werden?
		Default: false
	bereich - int
		In welchem Zahlenbereich werden Werte angezeigt (Maximalwert)?
		Default: 100
	scal - int
		Skalierung
		Default: 3
	values - int[]
		Werte
		Default: 0,100
	desc - string[]
		Beschriftungen
		Default: "",""
*/

function drawBar(value,value2,name,name2,breite) {
//Defaults
var colorFront = "#00cc33";
var colorBack =  "#dadbbb";
var showDesc = false;
var bereich =  100;
var scal =  3;
var values = [0,100];
var desc = ["",""];

if(typeof(value)=='object') {
	if(value.colorFront!=null) 
		colorFront = value.colorFront;
	if(value.colorBack!=null) 
		colorBack = value.colorBack;
	if(value.showDesc!=null) 
		showDesc = value.showDesc;
	if(value.bereich!=null) 
		bereich = value.bereich;
	if(value.scal!=null) 
		scal = value.scal;
	if(value.values!=null) 
		values = value.values;
	if(value.desc!=null) 
		desc = value.desc;
} else {
	if(drawBar.arguments.length==1) {
		values = [value,value];
	} else {
		values = [value,value2];
		desc = [name,name2];
		showDesc = true;
		if(drawBar.arguments.length>4) {
			scal=breite;
		}
	}
}

if(values[1]<values[0]) {
	values[1] = values[0];
}

document.write("<table class='Balkengrafik'><tr>");
document.write('<td style="width:'+(values[0]<scal?scal:values[0])*scal+'px;background-color:'+colorFront+';">'+(values[0])+'</td>');
if(values[0]!=values[1]) {
	document.write('<td style="width:'+(values[1]-(values[0]<scal?scal:values[0]))*scal+'px;background-color:'+colorBack+';">'+values[1]+'</td>');
}
document.write('<td style="width:'+((bereich-values[1]-(values[0]==values[1] && values[0]==0?2:0))*scal+(values[0]==values[1] && values[0]!=0?(scal+1):0))+'px;"></td>');
if(showDesc==true){ 
	document.write("</tr><tr class='names'><td colspan='3'>Aktuell: "+(desc[0]==""?"/":desc[0])+"; Maximal: "+desc[1]+"</td>");
}
document.write("</tr></table>");
  
    }