// js object graphs

function duo_jsGraph(data,id){
	//console.log('drawing new graph');
	var object=this;
	this.container=id;
	this.data = data;
	this.title = this.data['graph_title'];
	this.direction = this.data['graph_direction'];
	this.graphdata = this.data['graph_data'];
//	this.extractData = extractData(this.graphdata);
	this.initGraph = initGraph(this.graphdata,this.title,this.direction);
	
	function initGraph(data,title,dir){
		if(document.getElementById(object.container)){
			var ga = document.getElementById(object.container);
			ga.innerHTML = '';
			var width = parseInt(ga.style.width.replace(/px/,""));
			var height = parseInt(ga.style.height.replace(/px/,""));
			
			var width = ga.offsetWidth;
			var height = ga.offsetHeight;
			
			var graphtitle = document.createElement("DIV");
			graphtitle.className="graphTitle";
			graphtitle.innerHTML = title;
			ga.appendChild(graphtitle);
						
			if(dir == "h"){
				drawHorizontalGraph(data,width,height,ga);
			} else if(dir == "v"){
				drawVerticalGraph(data,width,height,ga);
			}
		}
	}
	
	function drawVerticalGraph(data,width,height,parent){
		height-=40;
		var labelwidth = Math.floor(((width-6)/data.length) - 5);
		
		var percentagewidth = Math.floor((100-(data.length))/data.length);
		
		var graphouter = document.createElement("DIV");
		graphouter.className = "graphouter";
		//graphouter.style.width = width+"px";
		graphouter.style.height = height+"px";
		graphouter.style.position = "relative";
		parent.appendChild(graphouter);
				
		var graphlabels = document.createElement("DIV");
		graphlabels.className = "graphlabels";
		//graphlabels.style.width = width-1+"px";
		parent.appendChild(graphlabels);
			
		var margin = 1;
		var leftpos = 1;
//		var multiplier = height/100;
		var bar;
		var label;
		var rowData = new Array();
		var returnData = new Array();
		
		var highestValue = 0;
		
		for(var x=0;x<data.length;x++){
			if(parseInt(data[x]['value']) > parseInt(highestValue)){ highestValue = data[x]['value']; }
		}
		
		var multiplier = 100/highestValue;
		
		for(var i=0;i<data.length;i++){
			bar = document.createElement("DIV");
			bar.style.height = Math.round((data[i]['value']*multiplier))+"%";
//			bar.style.width = labelwidth-2+"px";
			bar.style.width = percentagewidth+"%";
			bar.className = "graphbar graphbar_vertical";
			bar.style.bottom = "0";
			bar.style.left = leftpos+"%";
			bar.innerHTML = data[i]['value'];
			
			label = document.createElement("DIV");
			label.className = "graphlabel graphlabel_vertical";
			label.style.width = percentagewidth+"%";
			label.style.top = "0px";
			label.style.left = leftpos+"%"
			label.innerHTML = data[i]['label'];
			
			leftpos += (percentagewidth + margin);
			
			graphouter.appendChild(bar);
			graphlabels.appendChild(label);
		}
	}

	function drawHorizontalGraph(data,width,height,parent){
		height -= 40;
		//width -= 55;
		
		var labelheight = Math.floor(((height-5)/data.length) - 5);
		
		var percentageheight = Math.floor((100-(data.length))/data.length);
		
		var graphlabels = document.createElement("DIV");
		graphlabels.className = "graphlabels";
		//graphlabels.style.width = "4%";
		graphlabels.style.height = height+"px";
		graphlabels.style.position = "relative";
		graphlabels.style.cssFloat = "left";
		graphlabels.style.styleFloat = "left";

		parent.appendChild(graphlabels);
		
		var graphouter = document.createElement("DIV");
		graphouter.className = "graphouter";
		graphouter.style.height = height+"px";
		parent.appendChild(graphouter);
		
		var margin = 1;
		var toppos = 1;
//		var multiplier = height/100;
		var bar;
		var label;
//		var rowData = new Array();
//		var returnData = new Array();
		
		var highestValue = 0;
		for(var x=0;x<data.length;x++){
			if(parseInt(data[x]['value']) > parseInt(highestValue)){ highestValue = data[x]['value']; }
		}
		var multiplier = 100/highestValue;
		for(var i=0;i<data.length;i++){
			//console.log('val: '+data[i]['value']+' = '+Math.round((parseInt(data[i]['value']))*multiplier));
			bar = document.createElement("DIV");
			bar.style.width = Math.round((data[i]['value']*multiplier))+"%";
			bar.style.height = percentageheight+"%";
			bar.className = "graphbar graphbar_horizontal";
			bar.style.position = "absolute";
			bar.style.top = toppos+"%";
			bar.style.left = "0px";
			bar.innerHTML = data[i]['value'];
			bar.style.textAlign = "right";
			
			label = document.createElement("DIV");
//			label.style.lineHeight = "20px"; //percentageheight+"%";
			label.style.height = percentageheight+"%";
			label.className = "graphlabel graphlabel_horizontal";
			label.style.position = "absolute";
			//label.style.width = "50px";
			label.style.top = toppos+"%";
			label.style.left = "0px"
			label.innerHTML = data[i]['label'];
			
			toppos += (percentageheight + margin);
			
			graphouter.appendChild(bar);
			graphlabels.appendChild(label);
		}
	}


	
}