var style='<link rel="stylesheet" type="text/css" href="css/slider/demo_wdg1.css" media="screen" />';
document.write(style);
function includeJs(filename)
{
	var head = document.getElementsByTagName('head').item(0);
	script = document.createElement('script');
	script.src = filename;
	script.type = 'text/javascript';
	head.appendChild(script)
}
includeJs('js/slider/demo_wdg1.js');
includeJs('js/slider/fireworks.js');
includeJs('js/ScriptHelper1.js');

var html='';
html+='<body marginheight="0" marginwidth="0" onLoad="loadData(1);" leftmargin="0px" topmargin="0px" link="#003366" vlink="#003366" >';
html+='<div style="height:350px; width:210px; background:#3399CC;">';
html+='	<div style="width:210px; height:350px;background-color:#3399cc;">';	
html+='		<div style=" background:#006699;height:30px;width:210px;font-family:Verdana;font-size:16px;padding-top:13px;" id="top"><center><font color="#FFFFFF"><B>Farewell2Fossil</B></font></center></div>';
html+='		<div style=" width:210px; ">';
html+='			<table border="0" cellspacing="0"  cellpadding="0" bgcolor="#3399CC">';
html+='				<th><div style="width:85px;" id="widget_tabs">';
html+='						<div id="cons_tab" onClick=" loadData(1);">conservative</div>';
html+='					</div>';
html+='				</th>';
html+='				<th><center><div style="width:53px;" id="widget_tabs">';
html+='						<div id="likely_tab" onclick=" loadData(2);">likely</div>';
html+='					</div></center>';
html+='				</th>';
html+='				<th><div style="width:70px;" id="widget_tabs">';
html+='					<div id="optimistic_tab" onClick=" loadData(3);" >optimistic</div>';
html+='					</div>';
html+='				</th>';
html+='			</table>';
html+='		</div>';
//html+='		<br />';
html+='		<Font color="#FFF" size="-1" face="Arial"> ';
html+='		 <p align="left" style="line-height:17px;color:#FFF">Pick the year to find how many years of coal, oil and natural gas is left</p>';
html+='		</Font>';
html+='		<div id="controls">';
html+='			<dl class="col">   ';
html+='				<dd class="title"></dd>';
html+='					<strong><center><dd></dd></center></strong>';
html+='					<dd class="control">';
html+='						<div class="bar" title="Click to move here"></div>';
html+='						<div class="slider" title="Trag me to pick the year"></div>';
html+='				</dd>';
html+='			</dl>';
html+='		</div>';
html+='		<div id="twit" align="left" style="display:inline-table;">';
html+='		<form id="ter" name="form1" style="border:0px">	';
//html+='		<div id="coal_table" style="background-color:#3399CC;">';
html+='		<table border="0" width="100%" height="150px" style="background-color:#3399CC;padding-top:20px">';
html+='			<tr align="left">';
html+='				<td id="coal"></td>';
html+='				<td  width="90px"><div id="message">Yrs of coal left</div></td>';
html+='				<td><img src="./images/coal.png" name="img1"></div></td>';
html+='			</tr>';
//html+='		</table>';
//html+='		</div>';
//html+='		<div id="oil_table" style="background-color:#3399CC;">';
//html+='		<table border="0" width="100%">';
html+='			<tr align="left">';
html+='				<td id="oil"></td>';
html+='				<td width="90px"><div id="message">Yrs of oil left</div></td>';
html+='				<td><img src="./images/oil.png"  name="img2" align="middle"></td>		';
html+='			</tr>';
//html+='		</table>';
//html+='		</div>';
//html+='		<div id="gas_table" style="background-color:#3399CC;">';
//html+='		<table border="0" width="100%">';
html+='			<tr align="left">';
html+='				<td id="gas"></td>';
html+='				<td><div id="message">Yrs of natural gas left</div></td>';
html+='				<td><img src="./images/gas.png" name="img3" ></td>';
html+='			</tr>';
html+='		</table>';
html+='		</div>';
html+='	</form>';	
html+='	</div>';
html+='</div>';

//  Bottom 
html+='<div  style="background:#006699; height:20px;width:210px;padding-top:3px;" >';
html+='	<center>		';
html+='		<a href="http://www.altprofits.com" target="_blank" style="font-family:Verdana;font-size:13px; color:#FFF; text-decoration:none">www.altprofits.com</a>';
html+='</center>';
html+='</div>';
html+='</div>';
html+='<div id="fireButton">  <div id="fireIE"></div> </div>';
document.write(html);