var plot1,plot2,plot3;

function updateCharts()
{
	// Collect data
	var span = $("#span").val();
	var load = $("#load").val();

    var vtc = [];
    vtc.push([span,0]);
    vtc.push([span,1500]);
    
    var htl = [];
    htl.push([2,load]);
    htl.push([9,load]);    
                      
    var inters = [];
	inters.push([span, load]);
	
	var graphData = [
        {
            data: vtc,
            lines: { show: true,lineWidth:1}
        },       
        {
            data: inters,
            lines: { show: true },
            points: { show: true}
        },
        {
            data: htl,
            lines: { show: true,lineWidth:1}
        }           
        
   ];	
	
	plot1.setData(graphData);
	plot1.draw();
	
	plot2.setData(graphData);
	plot2.draw();
	
	plot3.setData(graphData);
	plot3.draw();		
}

function initPlot()
{
	// Collect data
	var span = $("#span").val();
	var load = $("#load").val();

    var vtc = [];
    vtc.push([span,0]);
    vtc.push([span,1500]);
    
    var htl = [];
    htl.push([2,load]);
    htl.push([9,load]);    
                      
    var inters = [];
	inters.push([span, load]);

	// Make graph data
	var graphData = [
        {
            data: vtc,
            lines: { show: true,lineWidth:1}
        },       
        {
            data: inters,
            lines: { show: true },
            points: { show: true}
        },
        {
            data: htl,
            lines: { show: true,lineWidth:1}
        }        
    ];	
    
    // Make graph options
    var graphOptions = {
        yaxis: {
	        ticks: [250,500,750,1000,1250,1500],
            noTicks: 7,
            min: 0,
            max: 1500
        }, 
        colors:["#FF0000","#FF0000","#FF0000"],
        grid: {color:"#A0A0A0",tickColor:"#E0E0E0"},        
        xaxis: {
	        ticks: [2.0,3.0,4.0,5.0,6.0,7.0,8.0,9.0],
	        tickDecimals:0.5,
            noTicks: 10,
            min: 2.0,
            max: 9.0	        
        }
    };
	
	// Plot
    plot1 = $.plot($("#graph1"), graphData, graphOptions);	    
    plot2 = $.plot($("#graph2"), graphData, graphOptions);
    plot3 = $.plot($("#graph3"), graphData, graphOptions);
}