var PriceContent = new Object();
var CommodityChartBaseURL = 'http://www.cnportfolio.idmanagedsolutions.com/charts/futurechart/future.chart?';
var IDCOMMODITYNOTATIONS = new Object();

	PriceContent['CRBIndex'] = '427.48 <img class="inline" src="http://marketdata.portfolio.com/images/en/arrow_up.gif" width="9" height="9" /><span class="positive_data">+5.34</span>';
	IDCOMMODITYNOTATIONS['CRBIndex'] = 8550355;

																					PriceContent['DJOilIndex'] = '719.82 <img class="inline" src="http://marketdata.portfolio.com/images/en/arrow_down.gif" width="9" height="9" /><span class="negative_data">-4.95</span>';
	IDCOMMODITYNOTATIONS['DJOilIndex'] = 1197280;

																					PriceContent['DJMetalsIndex'] = '367.53 <img class="inline" src="http://marketdata.portfolio.com/images/en/arrow_down.gif" width="9" height="9" /><span class="negative_data">-6.30</span>';
	IDCOMMODITYNOTATIONS['DJMetalsIndex'] = 8406964;

																				


var CurrentCommoditiesChart = "CRBIndex";
var CurrentCommoditiesTimeSpan = "1D";
var CommoditiesTempChart;

function ChangeIDMSCommoditiesChart(changeTo){
	CurrentCommoditiesChart = changeTo;

	var NewNotation = IDCOMMODITYNOTATIONS[changeTo];
	document.getElementById('IDMS_CommoditiesPrice').innerHTML = PriceContent[changeTo];
	//document.getElementById('IDMS_CommoditiesChart').src = CommodityChartBaseURL+'ID_NOTATION='+NewNotation+'&TIME_SPAN=1D';


	CommoditiesTempChart = new Image();
	CommoditiesTempChart.src =CommodityChartBaseURL+'ID_NOTATION='+NewNotation+'&TIME_SPAN='+CurrentCommoditiesTimeSpan;
	CommoditiesTempChart.onLoad = setTimeout("LoadCommoditiesChart()",100);



		document.getElementById('CommoditiesChart_Selector_CRBIndex').className='';
		document.getElementById('CommoditiesChart_Selector_DJOilIndex').className='';
		document.getElementById('CommoditiesChart_Selector_DJMetalsIndex').className='';
	
	document.getElementById('CommoditiesChart_Selector_'+changeTo).className='chart_controls_selected';

	//document.getElementById('CommodityChart_Time_'+CurrentCommoditiesTimeSpan).className='';
	//document.getElementById('CommodityChart_Time_1D').className='chart_controls_selected';
	//CurrentCommoditiesTimeSpan = "1D";

		page.reloadAssets();page.trackComponents("Commodities",CurrentCommoditiesChart,CurrentCommoditiesTimeSpan); 
}

function LoadCommoditiesChart(){
//	alert('loaded');
	document.getElementById('IDMS_CommoditiesChart').src = CommoditiesTempChart.src;
}



function ChangeIDMSCommodityChartTimeSpan(changeTo){
	document.getElementById('CommodityChart_Time_'+CurrentCommoditiesTimeSpan).className='';
	CurrentCommoditiesTimeSpan = changeTo;
	document.getElementById('CommodityChart_Time_'+changeTo).className='chart_controls_selected';

	var NewNotation = IDCOMMODITYNOTATIONS[CurrentCommoditiesChart];

	CommoditiesTempChart = new Image();
	CommoditiesTempChart.src =CommodityChartBaseURL+'ID_NOTATION='+NewNotation+'&TIME_SPAN='+changeTo;
	CommoditiesTempChart.onLoad = setTimeout("LoadCommoditiesChart()",100);

	//document.getElementById('IDMS_CommoditiesChart').src = CommodityChartBaseURL+'ID_NOTATION='+NewNotation+'&TIME_SPAN='+changeTo;

		page.reloadAssets();page.trackComponents("Commodities",CurrentCommoditiesChart,CurrentCommoditiesTimeSpan); 

}


document.writeln(' <style type="text/css"> ');

document.writeln(' .topic_headings {  width: 100%;  border-top: 5px solid #a39f9a;  font-family: Georgia;  font-size: 14px;  font-weight: bold;  display: block;  padding-top:10px;  padding-bottom: 5px;  margin-top:30px; }');

document.writeln(' .topic_headings_minus_border_comm {  width: 100%;  font-family: Georgia;  font-size: 14px;  font-weight: bold;  display: block;  margin: 0px;  padding-bottom:15px; padding-top:10px; }');

document.writeln(' .heading {  font-family: Georgia, "Times New Roman", Times, serif;  font-size: 14px;  font-weight: bold;  display: block; }');

document.writeln(' .heading_inline {  font-family: Georgia, "Times New Roman", Times, serif;  font-size: 14px;  font-weight: bold;  display: inline; }');

document.writeln(' .positive_data {  color: #459513; }');

document.writeln(' .negative_data {  color: #b10c13; }');

document.writeln(' #IDMS_Commodities { width: 265px; font-family:arial; font-size:12px; } ');

document.writeln(' #IDMS_Commodities a{  color: #EC5119;  text-decoration: none; }');

document.writeln(' #IDMS_Commodities a:hover{  text-decoration: underline; }');

document.writeln(' .chart_controls {  border-collapse: collapse;  padding: 0px;  margin-top: 0px;  margin-bottom: 2px;  margin-left: -2px; }');

document.writeln(' .chart_controls .first_cell {  padding: 0px;  margin: 0px; }');

document.writeln(' td.chart_controls_selected a{  font-family: Helvetica;font-weight: normal;text-decoration: none !important;  color: #000000 !important; }');

document.writeln(' .chart_controls td{  border-right: 1px dotted #a39f9a;  margin: 0px;  padding: 0px;  padding-left: 4px;  padding-right: 4px;  line-height: 13px;  font-size: 10px; }');

document.writeln('.chart_figures { width: 100%; border-top: 1px dotted #a39f9a; margin-top:5px; padding-top: 0px; line-height: 25px; vertical-align: middle; color: #a39f9a; font-size: 11px; }');

document.writeln(' </style>');


document.writeln('<div id="IDMS_Commodities">');

document.writeln('		<span class="topic_headings_minus_border_comm">Commodities </span>');
document.writeln('		<table class="chart_controls">');
document.writeln('          <tr>');
document.writeln('            <td id="CommoditiesChart_Selector_CRBIndex" class="chart_controls_selected"><a href="javascript:void(0)" onclick="ChangeIDMSCommoditiesChart(\'CRBIndex\');">CRB-INDEX</a></td>');
document.writeln('            <td id="CommoditiesChart_Selector_DJOilIndex" ><a href="javascript:void(0)" onclick="ChangeIDMSCommoditiesChart(\'DJOilIndex\');">DJ OIL INDEX</a></td>');
document.writeln('            <td id="CommoditiesChart_Selector_DJMetalsIndex" ><a href="javascript:void(0)" onclick="ChangeIDMSCommoditiesChart(\'DJMetalsIndex\');">DJ METALS INDEX</a></td>');

document.writeln('          </tr>');
document.writeln('        </table>');
document.writeln('		<div id="IDMS_CommoditiesPrice" class="chart_figures">427.48 <img src="http://marketdata.portfolio.com/images/en//arrow_up.gif" width="9" height="9" class="inline" /><span class="positive_data">+5.34</span></div>');
document.writeln('		<img id="IDMS_CommoditiesChart" src="http://www.cnportfolio.idmanagedsolutions.com/charts/futurechart/future.chart?ID_NOTATION=8550355&HEIGHT=145&WIDTH=265&TIME_SPAN=1D" width="265" height="145" />');
document.writeln('		<table class="chart_controls">');
document.writeln('          <tr>');
document.writeln('			<td id="CommodityChart_Time_1D" class="chart_controls_selected"><a href="javascript:void(0);" onclick="ChangeIDMSCommodityChartTimeSpan(\'1D\');">1-Day</a></td>');
document.writeln('			<td id="CommodityChart_Time_1M" ><a href="javascript:void(0);" onclick="ChangeIDMSCommodityChartTimeSpan(\'1M\');">1-Mo</a></td>');
document.writeln('			<td id="CommodityChart_Time_3M" ><a href="javascript:void(0);" onclick="ChangeIDMSCommodityChartTimeSpan(\'3M\');">3-Mo</a></td>');
document.writeln('			<td id="CommodityChart_Time_6M" ><a href="javascript:void(0);" onclick="ChangeIDMSCommodityChartTimeSpan(\'6M\');">6-Mo</a></td>');
document.writeln('			<td id="CommodityChart_Time_1Y" ><a href="javascript:void(0);" onclick="ChangeIDMSCommodityChartTimeSpan(\'1Y\');">1-Yr</a></td>');
document.writeln('			<td id="CommodityChart_Time_3Y" ><a href="javascript:void(0);" onclick="ChangeIDMSCommodityChartTimeSpan(\'3Y\');">3-Yr</a></td>');
document.writeln('          </tr>');
document.writeln('        </table>');
document.writeln('        </div>');