var indices = new Array();


///// Data values /////
indices[0] = new security('S&P/ASX200','ASX.XJO','4814.20','-5.800','-0.1','960288558','');


function renderAllData()
{
renderMiniChart();
renderIndices();

}



///// Data Declarations /////

function security(name, symbol, value, movement, percentMovement, volume)
{
	// Represents a security object
	this.name = name;
	this.symbol = symbol;
	this.value = value;
	this.movement = movement;
	this.percentMovement = percentMovement;
	this.volume = volume;
}


///// Render functions /////
// (you can use your own if you like)

function startTableWithClass(caption, columns, cssClass)
{
	document.write ('<table class=' + cssClass + ' cellspacing=0 cellpadding=2>');
	document.write ('<tr class=wlTitle><th colspan=' + columns + '><table width=100% cellpadding=0 cellspacing=0 border=0><tr><td>&nbsp;' + caption + '</td></tr></table></td></tr>');
}

function startTable(caption, columns)
{
    startTableWithClass(caption, columns, 'wlTable');
}

function endTable()
{
	document.write ('</table>');
}




function renderMiniChart()
{
	document.write ('<table class=wlTable  cellspacing=0 cellpadding=0 border=0>');

	document.write ('<tr><td colspan=4 align=left ><b><font class="IndexCaption">&nbsp;&nbsp;S&P/ASX200&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;3/11/2010&nbsp;&nbsp;&nbsp;&nbsp;</b><br><br><img id ="chartimgtag" src="http://clients.weblink.com.au/clients/caresuper/mini_chartASX.asp"></font></td></tr>');

}

function renderIndices()
{
	renderSecurities(indices, '', '');
}

function renderSecurities(dataArr, title, msg)
{


	for (var i=0; i<dataArr.length; i++) {
		var s = dataArr[i];
		if (s.movement > 0)
			img = '<img src=\'http://clients.weblink.com.au/clients/caresuper/images/arrow_up.gif\'>';
		else if (s.movement < 0)
			img = '<img src=\'http://clients.weblink.com.au/clients/caresuper/images/arrow_dwn.gif\'>';
		else
			img = '<img src=\'http://clients.weblink.com.au/clients/caresuper/images/steady.gif\'>';

		if ((i % 2) == 0)
			clStr = 'wlOdd';
		else
			clStr = 'wlEven';

		if (s.movement > 0)
			mclStr = 'wlUp';
		else if (s.movement < 0)
			mclStr = 'wlDown';
		else
			mclStr = 'wlEven';

		if ((i % 2) == 0)
		document.write ('<tr class=wlCols1><td>' + s.name + '</td><td>' + s.value + '</td><td>' + img + '</td><td>' + s.percentMovement + '%</td></tr>');
		else
		document.write ('<tr class=wlCols2><td><strong>' + s.name + '</strong></td><td>' + s.value + '</td><td>' + img + '</td><td>' + s.percentMovement + '%</td></tr>');



	}
	endTable();
	if (msg != '')

		document.write ('<p class=wlNote>' + msg + '</p>');


}