<?xml version="1.0" encoding="UTF-8" ?>
<Module>
<ModulePrefs title="Stock Quote"
        directory_title="Stock Quote"
        title_url="http://www.stockmarketstudio.com"          
        description="Quotes, News, and Charts for 5 stocks of your choice. Courtesy of StockMarketStudio.com"
        author="Diagramics Software Corporation"
        author_email="a124@usa.com"
        author_affiliation="Diagramics Software Corporation"
        author_location="Vancouver, BC, Canada"
        author_photo="http://finance.diagramics.com/GoogleGadgets/author_photo.png"
        author_link="http://www.diagramics.com"
        author_aboutme="Diagramics is a leading provider of data visualization technologies for web applications."
        author_quote="Stock Quotes, News, and Charts from proud developer of 'Xpress Charts' financial charting solution for OptionsXpress.com"
        screenshot="http://finance.diagramics.com/GoogleGadgets/StockQuote/Sceenshot.png"
        thumbnail="http://finance.diagramics.com/GoogleGadgets/StockQuote/Thumbnail.png"
        category="finance"
        width="280"
        height="240">
<Require feature="finance"/>
<Require feature="settitle"/>
</ModulePrefs>

<UserPref name="s0" display_name="Symbol 1" default_value="GOOG" required="true" />
<UserPref name="s1" display_name="Symbol 2" default_value="MSFT" required="false" />
<UserPref name="s2" display_name="Symbol 3" default_value="AMZN" required="false" />
<UserPref name="s3" display_name="Symbol 4" default_value="YHOO" required="false" />
<UserPref name="s4" display_name="Symbol 5" default_value="AAPL" required="false" />

<Content type="html">

<![CDATA[
<style type="text/css">
body{font-family:sans-serif;font-size:11px;}
.hdr{background-color:linen;padding:2px;height:40px;}
.btn{border:1px solid steelblue;padding:2px;font-size:9px;background-color:white;top:0px;width:34px;margin-left:1px;margin-right:1px;position:absolute;cursor:pointer;}
.abs{position:absolute;top:0px;left:0px;}
.rel{position:relative;width:280px;overflow:hidden;}
.quote{left:40px;top:5px;font-size:12px;background-color:white;padding:2px;font-weight:bold;}
.news{background-color:linen;}
img{margin-left:40px;margin-top:4px;border:0px;width:240px;height:130px;}
</style>

<div class="hdr rel">
<div class="abs quote"><span id="SYM0">GOOG:</span> &nbsp;<span id="SYM0_l">&nbsp;</span>&nbsp;(<span id="SYM0_c">&nbsp;</span>) </div>
<div class="abs" style="left:134px; top:26px;" >last trade:<span id="SYM0_lt">&nbsp;</span></div>
</div>

<div class="rel">
<span class="btn" id="sc0" style="top:0px;" onclick="GetQuote(s0);">GOOG</span>
<span class="btn" id="sc1" style="top:20px;" onclick="GetQuote(s1);">MSFT</span>
<span class="btn" id="sc2" style="top:40px;" onclick="GetQuote(s2);">AMZN</span>
<span class="btn" id="sc3" style="top:60px;" onclick="GetQuote(s3);">YHOO</span>
<span class="btn" id="sc4" style="top:80px;" onclick="GetQuote(s4);">AAPL</span>
<a href="http://www.stockmarketstudio.com/msm/Charts.asp" target="_blank">
<img src='http://finance.diagramics.com/GoogleGadgets/images/blank.gif' id='img1' title="click to view large chart" onclick="onView(this);"/>
</a></div>

<div class="news rel">
<span>Recent News for <b><span id="sn">GOOG</span>:</b></span><br/>
<a href="http://www.stockmarketstudio.com/msm/NewsAndCharts.asp?s=GOOG" target="_blank"><span id="news0">&nbsp;</span></a><br/>
<a href="http://www.stockmarketstudio.com/msm/NewsAndCharts.asp?s=GOOG" target="_blank"><span id="news1">&nbsp;</span></a><br/>
<a href="http://www.stockmarketstudio.com/msm/NewsAndCharts.asp?s=GOOG" target="_blank"><span id="news2">&nbsp;</span></a><br/>
</div>

<script>
var prefs = new _IG_Prefs();
var s0=prefs.getString("s0").toUpperCase();SetBtn("sc0",s0);
var s1=prefs.getString("s1").toUpperCase();SetBtn("sc1",s1);
var s2=prefs.getString("s2").toUpperCase();SetBtn("sc2",s2);
var s3=prefs.getString("s3").toUpperCase();SetBtn("sc3",s3);
var s4=prefs.getString("s4").toUpperCase();SetBtn("sc4",s4);
var lastS=s0;
GetQuote(s0);
function GetQuote(s)
{
	var ss=[s];//,s1,s2,s3,s4];
	var ss2={}; ss2[s]='SYM0';//ss2[s1]='SYM1';ss2[s2]='SYM2';ss2[s3]='SYM3';ss2[s4]='SYM4'
	var quote = new google.finance.Quote(); 
//	quote.enableDomUpdates(ss2);
	quote.getQuotes(ss);
	quote.addListener(OnData);
	function OnData(d)
	{
		var a1=d[google.finance.TICKER];SetSpan("SYM0",a1);
		var a2=d[google.finance.LAST];SetSpan("SYM0_l",a2);
		var a3=d[google.finance.CHANGE];SetSpan("SYM0_c",a3,(parseFloat(a3)>0)?"green":"red");
		var a4=d[google.finance.LAST_TRADE_DATETIME];SetSpan("SYM0_lt",a4);
	}
	GetChart(s);
}
function GetChart(s)
{
	lastS=s;
	SetSpan("SYM0",s+":");
	_gel("img1").src="http://finance.webdiagrams.com/ImgServerSMS/ImgServer.ashx?cmd=112&w=240&h=130&s="+s+"&t=GoogleGadget_250x170&du=1m&cs=SummerTime";
	GetNews(s);
	_IG_SetTitle("Stock Quote ( "+s+" )");
}
function SetBtn(id,s)
{
	s=s.toUpperCase();
	var b=_gel(id);
	b.title="Show "+s;
	b.firstChild.data=s;
}
function SetSpan(id,txt,clr){_gel(id).firstChild.data=txt;if(clr)_gel(id).style.color=clr;}
function GetNews(s)
{
	SetSpan("sn",s);
	var url="http://finance.google.com/finance?morenews=3&rating=1&output=rss&q=";
	_IG_FetchFeedAsJSON(url+s,
              function(fd)
              {
				if(fd==null)return;
				for(var i=0;i<3;i++){
				var s1=(i<fd.Entry.length)?fd.Entry[i].Title:"";
				if(s1.length>45)s1=s1.substr(0,45)+" ...";
				SetSpan("news"+i,s1)};
				SetNews(s);
              },3,false);
}
function onView(img)
{
	var now = new Date();
	var href = img.parentElement;
	var url="http://www.stockmarketstudio.com/msm/Charts.asp?s="+lastS+"&t="+now.getTime();
	href.href = url;
}
function SetNews(s)
{
	var url="http://www.stockmarketstudio.com/msm/NewsAndCharts.asp?s="+s;
	_gel("news0").parentElement.href=url;
	_gel("news1").parentElement.href=url;
	_gel("news2").parentElement.href=url;
}
</script> 
]]> 
</Content>
</Module>