/*
** Structure definitions for ETF ranking
**
** Thierry Fabre ETFTide 03/27/2007
** Serge Dacic  ETFTide 04/30/2007 eliminated 'buckets' to go back to a single list 
*/

var rank_list = new Array()

function etfObj()
{
	this.ticker = new String
	this.name = new String
	this.type = new String
	this.risk = new String
	this.date = new String
}

var etf_lookup = new Object()

function build_etf_lookup()
{
	for(nbTick=0; nbTick<etf_list.length;nbTick++)
		etf_lookup[etf_list[nbTick].ticker] = etf_list[nbTick]
}

function rank_table(rank_start, rank_stop)
{
	document.write('<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" id="borderTable">')
	document.write('<tr><td height="30" background="../images/title_spreadsheet_bg.gif"><div align="center"><strong><font color="#415a9a" size="+1" face="Arial, Helvetica, sans-serif">')
	if (rank_stop == etf_list.length)
		rank_banner = 'Complete ETF Ranking'
	else
		rank_banner = 'Top ' + rank_stop + ' ETFs'
	document.write(rank_banner + ' as of ' + rank_date + '</font></strong></div></td></tr></table>')
	document.write('<table width="100%" border="0" align="center" cellpadding="0" cellspacing="1">')
	document.write('<tr><td bgcolor="#e8e0cb"><font size="-2" face="Verdana, Arial, Helvetica, sans-serif">The Top 5 ETFs listed here are the current <b><font color="#415a9a">ETF<i>Tide</i></font></b> selections as of the date stated, and are to be used by subscribers who initiate their positions today, or are rebalancing on their 4-week cycle today. The ETF Ranking is updated every week on trading Mondays but you can start your own portfolio at any time by buying the 5 Top ETFs. You then keep these ETFs for 4 weeks at which time you rebalance the portfolio by selling the ETFs that are no longer ranked in the Top 5 and replacing them with new ones. You then repeat the process every subsequent 4-week period. Our "<a href="javascript:tc_openPage(\'member_results\')"><strong>Results</strong></a>" page displays the returns obtained following this strategy with a sample portfolio started in <strong>January 2003</strong>.</font></td></tr></table>')
	document.write('<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">')
	document.write('<tr>')
	document.write('<td >&nbsp;</td>')
	document.write('<td height="35" width="5%"><div align="center"><font size="-2" face="Verdana, Arial, Helvetica, sans-serif"><strong>Rank</strong></font></div></td>')
	document.write('<td width="10%"><div align="center"><font size="-2" face="Verdana, Arial, Helvetica, sans-serif"><strong>Weekly<br>Change</strong></font></div></td>')
	document.write('<td width="10%"><div align="center"><font size="-2" face="Verdana, Arial, Helvetica, sans-serif"><strong>Strength<a href="#note1"><sup>1</sup></a></strong></font></div></td>')
	document.write('<td width="15%"><div align="center"><font size="-2" face="Verdana, Arial, Helvetica, sans-serif"><strong>ETF Symbol<a href="#note2"><sup>2</sup></a></strong></font></div></td>')
	document.write('<td width="35%"><div align="center"><font size="-2" face="Verdana, Arial, Helvetica, sans-serif"><strong>ETF Type</strong></font></div></td>')
	document.write('<td width="25%"><div align="center"><font size="-2" face="Verdana, Arial, Helvetica, sans-serif"><strong>Risk Class</strong></font></div></td>')
	document.write('<td bgcolor="white">&nbsp;</td>')
	document.write('</tr>')
	build_etf_lookup()

	//for (nRank = 0; nRank < 5; nRank++)
	for (nRank = rank_start-1; nRank < rank_stop; nRank++)
	{
		my_etfObj = etf_lookup[rank_list[nRank].ticker]
		styleOpen = '<strong>'
		styleClose = '</strong>'

		if(nRank % 2)
		{
			bgcolor = 'bgcolor="white"'
			firstCol = '<td><img src="../images/pixel.gif" width="7" height="1"></td>'
			lastCol = firstCol
		}
		else
		{
			bgcolor = 'background="../images/row_up_bg.gif"'
			firstCol = '<td align="right"><img src="../images/row_left_bg.gif" width="7" height="36"></td>'
			lastCol = '<td ><img src="../images/row_right_bg.gif" width="7" height="36"></td>'
		}
		
		if((Number(rank_list[nRank].trend) == 0))
			img = '&nbsp;'			
		else if((Number(rank_list[nRank].trend) < 0))
			img = '<font color="red" size="-2" face="Verdana, Arial, Helvetica, sans-serif"><strong><img src="../images/trend_down.gif" width="13" height="14" align="absmiddle">&nbsp;' + styleOpen + rank_list[nRank].trend + styleClose + '</strong></font>'
		else
			img = '<font color="green" size="-2" face="Verdana, Arial, Helvetica, sans-serif"><strong><img src="../images/trend_up.gif" width="13" height="14" align="absmiddle">&nbsp;' + styleOpen + rank_list[nRank].trend + styleClose + '</strong></font>'
			
		if((Number(rank_list[nRank].strength) < 0))
			strength = '<font color="red">' + tc_fdp(rank_list[nRank].strength, 2) + '</font>'
		else
			strength = '<font color="green">' + tc_fdp(rank_list[nRank].strength, 2) + '</font>'
			
		aLink = '<a href="javascript:display_details(\'' + my_etfObj.ticker + '\')" title="'+my_etfObj.name+'">' + my_etfObj.ticker + '</a>'

		document.write('<tr>')
		document.write(firstCol)
		document.write('<td '+ bgcolor +'><div align="center"><font size="-1" face="Arial, Helvetica, sans-serif"><strong>' + (nRank + 1) + '</strong></font></div></td>')
		document.write('<td '+ bgcolor +'><div align="center">' + img + '</div></td>')
		document.write('<td '+ bgcolor +'><div align="center"><font size="-2" face="Verdana, Arial, Helvetica, sans-serif">' + styleOpen + strength + styleClose + '</font></div></td>')
		document.write('<td '+ bgcolor +'><div align="center"><font size="-2" face="Verdana, Arial, Helvetica, sans-serif">' + styleOpen + aLink + styleClose + '</font></div></td>')
		document.write('<td '+ bgcolor +'><div align="center"><font size="-2" face="Verdana, Arial, Helvetica, sans-serif">&nbsp;' + my_etfObj.type + '&nbsp;</font></div></td>')
		document.write('<td '+ bgcolor +'><div align="center"><font size="-2" face="Verdana, Arial, Helvetica, sans-serif">&nbsp;' + my_etfObj.risk + '&nbsp;</font></div></td>')
		document.write(lastCol)
		document.write('</tr>')
	}
	document.write('</table>')
	document.write('<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">')
	document.write('<tr><td>')
	document.write('<div align="left"><font size="-2" face="Verdana, Arial, Helvetica, sans-serif">')
	document.write('<a name="note1"></a><strong><sup>1</sup></strong>The "<strong>Strength</strong>" column represents <b><font color="#415a9a">ETF</font><i><font color="#415a9a">Tide</font></i></b>\'s proprietary strength indicator which determines each ETF rank. The higher the number, the higher the momentum and the higher the rank (#1 is the highest rank).<br>')
	document.write('<a name="note2"></a><strong><sup>2</sup></strong>Move the mouse cursor over an "<strong>ETF Symbol</strong>" to see its "<strong>Name</strong>". Click on an "<strong>ETF Symbol</strong>" to display more details about it.<br>')
	document.write('</font></div>')
	document.write('</td></tr>')
	document.write('</table>')
}

function display_details(aTicker)
{
	tc_openWindow('member_etf_details&aTicker='+aTicker+'', 'member_etf_details', 'top=200,left=200,width=400,height=500,resizable=yes,scrollbars=yes')
}

function etf_table()
{
	document.write('<table width="90%" border="0" align="center" cellpadding="0" cellspacing="0" id="borderTable">')
	document.write('<tr><td height="30" background="../images/title_spreadsheet_bg.gif"><div align="center"><strong><font color="#415a9a" size="+1" face="Arial, Helvetica, sans-serif">')
	document.write('ETF Selection</font></strong></div></td></tr></table>')
	document.write('<table width="90%" border="0" align="center" cellpadding="0" cellspacing="0">')
	document.write('<tr>')
	document.write('<td >&nbsp;</td>')
	document.write('<td height="25" width="20%"><div align="center"><font size="-2" face="Verdana, Arial, Helvetica, sans-serif"><strong>ETF Symbol<a href="#note1"><sup>2</sup></a></strong></font></div></td>')
	document.write('<td width="50%"><div align="center"><font size="-2" face="Verdana, Arial, Helvetica, sans-serif"><strong>ETF Type</strong></font></div></td>')
	document.write('<td width="30%"><div align="center"><font size="-2" face="Verdana, Arial, Helvetica, sans-serif"><strong>Risk Class</strong></font></div></td>')
	document.write('<td bgcolor="white">&nbsp;</td>')
	document.write('</tr>')
	
	build_etf_lookup()
	for (nETF = 0; nETF < etf_active_list.length; nETF++)
	{
		my_etfObj = etf_lookup[etf_active_list[nETF]]
	
		styleOpen = '<strong>'
		styleClose = '</strong>'

		if(nETF % 2)
		{
			bgcolor = 'bgcolor="white"'
			firstCol = '<td><img src="../images/pixel.gif" width="7" height="1"></td>'
			lastCol = firstCol
		}
		else
		{
			bgcolor = 'background="../images/row_up_bg.gif"'
			firstCol = '<td align="right"><img src="../images/row_left_bg.gif" width="7" height="36"></td>'
			lastCol = '<td ><img src="../images/row_right_bg.gif" width="7" height="36"></td>'
		}
					
		aLink = '<a href="javascript:etf_details(\'' + my_etfObj.ticker + '\')" title="'+my_etfObj.name+'">' + my_etfObj.ticker + '</a>'

		document.write('<tr>')
		document.write(firstCol)
		document.write('<td '+ bgcolor +'><div align="center"><font size="-2" face="Verdana, Arial, Helvetica, sans-serif">' + styleOpen + aLink + styleClose + '</font></div></td>')
		document.write('<td '+ bgcolor +'><div align="center"><font size="-2" face="Verdana, Arial, Helvetica, sans-serif">&nbsp;' + my_etfObj.type + '&nbsp;</font></div></td>')
		document.write('<td '+ bgcolor +'><div align="center"><font size="-2" face="Verdana, Arial, Helvetica, sans-serif">&nbsp;' + my_etfObj.risk + '&nbsp;</font></div></td>')
		document.write(lastCol)
		document.write('</tr>')
	}
	document.write('</table>')
	document.write('<table width="90%" border="0" align="center" cellpadding="0" cellspacing="0">')
	document.write('<tr><td>')
	document.write('<div align="left"><font size="-2" face="Verdana, Arial, Helvetica, sans-serif">')
	document.write('<br><a name="note1"></a><strong><sup>2</sup></strong>Move the mouse cursor over an "<strong>ETF Symbol</strong>" to see its "<strong>Name</strong>". Click on an "<strong>ETF Symbol</strong>" to display more details about it.<br>')
	document.write('</font></div>')
	document.write('</td></tr>')
	document.write('</table>')
}

function etf_details(aTicker)
{
	tc_openWindow('etf_details&aTicker='+aTicker+'', 'etf_details', 'top=200,left=200,width=400,height=500,resizable=yes,scrollbars=yes')
}