/**
file name: utilities.js
Version: 2.0

Description:
Javascript support for result statistics.
Tables and graphs and search 

**/
function updateTrackRecord(recordHolder, timeResult, gender, runYear)
{
	var htmlString = '<b>' + recordHolder + '</b><br />med tiden: <b>' + timeResult + '</b>';
      
	if (runYear == 2007)
	{
      if (gender == 'K')
        document.getElementById("kvinner07").innerHTML = htmlString;
      else
        document.getElementById("menn07").innerHTML = htmlString;  
	}
	else
	{
		if (gender == 'K')
		  document.getElementById("kvinner").innerHTML = htmlString;
		else
		  document.getElementById("menn").innerHTML = htmlString;	
	}
}

function trend(runYear, numOfParticipants, numOfFinishers)
{
	//Create jsGraphics object
	var firstYear = 2007;
	var xOffset = 80;
	var xSpace = xOffset/2;
	var yOffset = 250;
	var yValue;
	var xValue;
	var yRealValue;
	var xRealValue;
	
	var xValueEnd = (runYear - firstYear)*xSpace+xOffset+xSpace;

	if (numOfParticipants/10 < 200)
	{
		yValue = yOffset - numOfParticipants/10;
		yRealValue = yOffset - numOfFinishers/10;
	}
	
	if ((runYear - firstYear) < (10))
	  xValue = xOffset + ((runYear - firstYear)*xSpace);
	
	xRealValue = xValue-8;
	
	var gr = new jsGraphics(document.getElementById("canvas"));
	
	//Create jsColor object
	var col = new jsColor("black");
	var col1 = new jsColor("green");
	var col2 = new jsColor("blue");
	
	//Create jsPen object
	var pen = new jsPen(col, 2);
	var pen1 = new jsPen(col1, 10);
	var pen2 = new jsPen(col2, 10);
	
   var graphFont = new jsFont("arial",null,"11px");
   var headerFont = new jsFont("arial",null,"18px");
   var legendFont = new jsFont("arial",null,"13px");
	
	//Draw a Line between 2 points
	var pt1 = new jsPoint(xRealValue, yRealValue);
	var pt2 = new jsPoint(xRealValue, yOffset);
	gr.drawLine(pen1, pt1, pt2);

	//Draw a Line between 2 points
	var pt3 = new jsPoint(xValue, yValue);
	var pt4 = new jsPoint(xValue, yOffset);
	gr.drawLine(pen2, pt3, pt4);
   			
	//You can also code with inline object instantiation like below
	gr.drawLine(pen, new jsPoint(50, 50), new jsPoint(50, yOffset));
	gr.drawLine(pen, new jsPoint(50, yOffset), new jsPoint(xValueEnd, yOffset));
	
	//Enter the actual value on the top of the bar.
	gr.drawText(numOfFinishers+'', new jsPoint(xRealValue-15, yRealValue-12), graphFont, pen1.color, 0);
	gr.drawText(numOfParticipants+'', new jsPoint(xValue-5, yValue-12), graphFont, pen2.color, 0);

	runYear += ' ';
   gr.drawText(runYear, new jsPoint(xValue-10, yOffset), graphFont, pen2.color, 0);
   gr.drawText("Deltakerstatistikk", new jsPoint(80, 0), headerFont, pen2.color, 0);
   gr.drawText("500", new jsPoint(30, 190), graphFont, pen2.color, 0);
   gr.drawText("1000", new jsPoint(25, 140), graphFont, pen2.color, 0);
   gr.drawText("1500", new jsPoint(25, 90), graphFont, pen2.color, 0);
   gr.drawText("2000", new jsPoint(25, 40), graphFont, pen2.color, 0);
   
	//Color description - legend
	gr.drawLine(pen2, new jsPoint(50, yOffset+20), new jsPoint(70, yOffset+20));
	gr.drawText("Registrert-påmeldte", new jsPoint(80, yOffset+15), legendFont, pen2.color, 200, "left");
	
	gr.drawLine(pen1, new jsPoint(50, yOffset+40), new jsPoint(70, yOffset+40));
	gr.drawText("Antall gjennomførte", new jsPoint(80, yOffset+35), legendFont, pen1.color, 200, "left");
}

function ResultSearch(runner)
{
	//alert(runner);
	document.result_query.graphResults.value = runner;
	if (runner != '')
	{
		document.result_query.submit();
	}
	if (document.result_query.reslog.value != "")		
		document.result_query.submit();
}