function addEvent(elm, evType, fn, useCapture)
{
	if (elm.addEventListener)
	{
		elm.addEventListener(evType, fn, useCapture);
		return true;
	}
	else if (elm.attachEvent)
	{
		var r = elm.attachEvent('on' + evType, fn);
		return r;
	}
	else
	{
		elm['on' + evType] = fn;
	}
}

function getElement(e)
{
  var el;
  if (window.event && window.event.srcElement)
  {
    el = window.event.srcElement;
  }
  if (e && e.target)
  {
    el = e.target;
  }
  
  if (!el)
  {
    return false;
  }
  else
  {
    return el;
  }
}

function addListeners()
{
	var links = document.getElementsByTagName('a');
	for (var i = 0; i < links.length; i++)
	{
		if (links[i].className == "external")
		{
			addEvent(links[i], 'click', openLinkInNewWindow, false);
		}
	}
	if (document.getElementById('SelectGraph'))
	{
		var selBox = document.getElementById('SelectGraph');
		var XmlData = selBox.value;
		loadTrainingLogGraph(XmlData);
		addEvent(selBox, 'change', changeGraph, false);
	}
	
}

addEvent(window, 'load', addListeners, false);

function openLinkInNewWindow(e)
{
	var curLink = getElement(e);
	var destination = curLink.getAttribute("href");
	window.open(destination);
	if (window.event)
	{
		window.event.returnValue = false;
	}
	else if (e && e.preventDefault)
	{
		e.preventDefault();
	}
	else
	{
		return false;
	}
}

function changeGraph()
{
	var selBox = document.getElementById('SelectGraph');
	var XmlData = selBox.value;
	loadTrainingLogGraph(XmlData);
}

function loadTrainingLogGraph(XmlData)
{
	if (XmlData)
	{
		var myChart = new FusionCharts("/Charts/MultiAxisLine.swf", "myChartId", "750", "300", "0", "0");
		myChart.setDataURL("/client-area/xml/?m="+XmlData);
		myChart.render("GraphPlaceHolder");
	}
}