/***** UTILITIES *****/
// get an HTML element for a given mktId
function getEl(name, mktId) {
return document.getElementById(name + '_' + mktId);
}
// rnd a number for a given mkt (use mkt.decimals, default to 1.)
function round(num, mkt) {
var res = num;
var dec = mkt.decimals;
if(!isNaN(num))
res = (dec > 1) ? (Math.round(num * dec) / dec) : Math.round(num);
return res;
}
// cross ref mkts and mktsById
var mktsById = new Object();
function fixUpMkts() {
for(var i = mkts.length ; i-- > 0 ; ) {
var mkt = mkts[i];
mktsById[mkts[i].id] = mkt;
mkt.hasFcst = mkt.fcst && mkt.fcst.valid && mkt.fcst.active;
}
}
// return a two digit representation of val (leading 0 if needed)
function twoDigits(val) {
return (val < 10) ? ("0" + val) : val;
}
// the fixed height used to build fcstBoxes and other table elements
var rowHeight=20;
/***** DISPLAY FUNCTIONS *****/
// clear and then fill the mktsTbl with each of the mkt.
function redisplayAllMkts() {
var t = document.getElementById('mktsTbl');
var r, c;
// delete all rows
while(t.rows.length > 2) t.deleteRow(1);
// redisplay each bin
var questNum =1;
for(var i = 0 ; i < mkts.length ; i++) {
var mkt = mkts[i];
redisplayMkt(mkt, t.insertRow(t.rows.length), questNum++);
r = t.insertRow(t.rows.length);
c = r.insertCell(0);
c.colSpan = 3;
c.className = "account-lite";
c.innerHTML = "<img width=100% height=3 src='/elab/imgs/clear.gif'>";
}
// the global submit forecasts button
r = t.insertRow(t.rows.length);
r.insertCell(0);
var c = r.insertCell(1);
c.align="center";
c.innerHTML =
"<br><button id='sbmAllBut' class='but-disabled' disabled onClick='submitAllForecasts();'>SUBMIT ALL FORECASTS</button>" +
"<div id=sbmAllMsg> </div>";
r.insertCell(2);
}
// display market 'mkt' in table row 'r'
function redisplayMkt(mkt, r, questNum) {
var z = 0;
var editLink = userIsEditor ? ("[<a class=trade-note href='/elab/admin/market/market.html?symbol=" + mkt.symbol + "'>Edit Market</a>]") : "";
var transLink = "[<a href='/elab/user/forecastList.html?how=market&id=" + mkt.id + "'>List of your forecasts</a>]";
// describe Mkt
var c = r.insertCell(z++);
c.vAlign="top";
c.bgColor = "#FFFFFF";
c.innerHTML = "<a name=" + mkt.symbol + "></a><div class=header-medium>" + mkt.name + "</div><div class=text-big>" + mkt.info + "</div>" +
"<a href='fullInfo.html?symbol=" + mkt.symbol + "'>full info&gt;&gt;</a>" + editLink;
// fcst box
switch(mkt.state) {
case 'active':
c = r.insertCell(z++);
c.vAlign="top";
c.className="data";
c.bgColor = "#FFFFFF";
var sb = new StringBuffer();
// your forecast or message
if(accountId > 0) {
sb.append(genFcstBox(mkt));
sb.append("<p>");
}
// aggregate fcst
(mkt.hasFcst ?
sb.append("<div id=aggr_" + mkt.id + " align=center>" + genAggrHTML(mkt) + "</div>") :
sb.append("<div id=aggr_" + mkt.id + "><br><br><br></div>"));
//sb.append("<div id=aggr_" + mkt.id + ">" + genAggrHTML(mkt) + "</div>");
c.innerHTML = sb.toString();
break;
case 'halted':
c = r.insertCell(z++);
c.colspan = 2;
c.bgColor = "#FFFFFF";
c.innerHTML = "<div class=label>" + mkt.ruling + "</div>" + editLink;
break;
case 'closed':
c = r.insertCell(z++);
c.colspan = 2;
c.bgColor = "#FFFFFF";
c.innerHTML = "<div class=label>" + mkt.ruling + "<br>OUTCOME: " + mkt.outcomeStr + "</div>" + editLink;
break;
}
// display graph (or msg)
c = r.insertCell(z++);
c.vAlign="top";
c.align="center";
c.bgColor = "#FFFFFF";
if (mkt.hasFcst || (accountId == 0)) {
c.innerHTML =
"<div class=label><span class=data>Forecasts: </span>" +
"<img width=9 height=9 src='/elab/imgs/cfOld.png'> <font color=grey>Old</font> &nbsp;" +
"<img width=9 height=9 src='/elab/imgs/cfCurrent.png'> <font color=green>Current</font> &nbsp;" +
"<img width=9 height=9 src='/elab/imgs/cfYoursDots.png'> <font color=orange>Yours</font>" +
"</div><p>" +
"<a href='/elab/market/cf/marketInfo.html?symbol=" + mkt.symbol + "'>" +
"<img id='graph_" + mkt.id + "' border=0 src='" +
"/elab/graphs/cfl.acc=" + accountId + ",show=bl." + mkt.id + ".png?" + Math.random(0,10000) +
"' align=center></a>";
} else {
c.innerHTML =
"<div class=label>&nbsp;</div><p>" +
"<img id='graph_" + mkt.id + "' border=0 src='/elab/imgs/noFcst.gif' align=center>";
}
}
function genAggrHTML(mkt) {
var high;
var low;
var range;
var fcst;
var stdDev;
if(mkt.isTimer) {
high = valToDate(mkt.avgFcst + (mkt.avgRange / 2));
low = valToDate(mkt.avgFcst - (mkt.avgRange / 2));
range = Math.round(mkt.avgRange/daySecs) + " days";
fcst = valToDate(mkt.avgFcst);
stdDev = Math.round(mkt.stdDev/daySecs) + "days";
} else {
high = round(mkt.avgFcst + (mkt.avgRange / 2), mkt);
low = round(mkt.avgFcst - (mkt.avgRange / 2), mkt);
range = round(mkt.avgRange, mkt);
fcst = mkt.avgFcstStr;
stdDev = round(mkt.stdDev, mkt);
}
var res =
"<table width=80% cellpadding=2 cellspacing=0 border=0>" +
"<tr><td colspan=4><u>Average Forecast</u></td></tr>" +
"<tr><td class=data>Mean:</td><td class=label-buy>" + fcst + "</td>" +
"<td class=data>StdDev:</td><td class=data>" + stdDev + "</td></tr>" +
"<tr><td class=data>Lo/Hi:</td><td class=data>" + low + " / " + high + "</td>" +
"<td class=data>Spread:</td><td class=data>" + range + "</td></tr>" +
"</table>"
return res;
}
function genFcstBox(mkt) {
var low;
var high;
if(mkt.fcst && mkt.fcst.valid && mkt.fcst.active) {
low = mkt.fcst.low;
high = mkt.fcst.high;
}
return genHSlider(mkt.id, 200, 20, mkt.low, mkt.high, 0, mkt.maxRange, low, high, sliderCB, mkt.decimals, mkt.isTimer) +
"<br><div align=center>" +
"<button id=sbmBut_" + mkt.id + " class='but-disabled' disabled onclick='sendFcst(" + mkt.id + ")'>SUBMIT</button> &nbsp; " +
"<button id=rstBut_" + mkt.id + " class='but-disabled' disabled onclick='resetFcst(" + mkt.id + ")'>RESET</button>" +
"</div><div id='msg_" + mkt.id + "' align=center></div>";
}
function dateToVal(str) {
str = trim(str);
if(str == '')
return 0;
var d = isoDateToTs(str);
if(d == null)
return "false";
return d.getTime() / 1000;
}
/***** INPUT HANDLERS ******/
// slider call back
function sliderCB(info, what) {
var mktId = info.name;
var mkt = mktsById[mktId];
switch(what) {
case "start":
case "move":
getEl("msg", mktId).innerHTML = "spread: " +
(mkt.isTimer ?
(Math.round((info.high - info.low)/daySecs) + " days") :
round(info.high - info.low, mkt));
break;
case "done":
mkt.modified = true;
enableButtons(mktId, true);
getEl("msg", mktId).innerHTML = "";
break;
}
}
function sendFcst(mktId) {
enableButtons(mktId, false);
var info = __hsldr.infoTbl[mktId];
var args = {
cmd: "CFMgr.submitHLForecast",
marketId: mktId,
low: info.low,
high: info.high
};
var req = getAjaxRequestor();
makeAjaxRequest(req, "cfSubmitFcst.html", args, function() { hdlSendFcstResponse(req, args, mktId); });
}
function hdlSendFcstResponse(req, args, mktId) {
var el = getEl("msg", mktId);
el.className = "label";
switch(req.readyState) {
case 2:
el.innerHTML = "Forecast sent."; break;
case 3:
el.innerHTML = "Receiving confirmation."; break;
case 4:
try {
var resp = req.responseText;
if(resp.charAt(0) != '{')
throw "Unexpected response from server: <pre>" + resp.substring(0,100) + "</pre>";
var mkt = mktsById[mktId];
var data;
eval("data=" + resp);
mkt.avgFcstStr = data.avgFcstStr;
mkt.avgRange = data.avgRange;
mkt.stdDev = data.stdDev;
getEl("aggr", mktId).value = genAggrHTML(mkt);
el.innerHTML = "Forecast saved.";
mkt.fcst = { low: args.low,
high: args.high,
valid: true,
active: true
};
highlight("msg_" + mktId);
mkt.modified = false;
updateSbmAllBut();
// if not mkt.hasFcst, now we can display a fcst
if(!mkt.hasFcst) {
getEl("graph", mktId).src = "/elab/graphs/cfl.acc=" + accountId + ",show=bl." + mktId + ".png?" + Math.random(0,10000);
mkt.hasFcst = true;
}
} catch(err) {
el.className = "warning";
el.innerHTML = "****Forecast NOT updated!****<br>" + err;
}
}
}
// this is called when the submit all fcsts button is click
function submitAllForecasts() {
for(var i in mkts) {
var mkt = mkts[i];
if(mkt.modified) {
var info = __hsldr.infoTbl[mkt.id];
var mEl = getEl("sbMkt", mkt.id);
mEl.disabled = false;
var hEl = getEl("sbHigh", mkt.id);
hEl.disabled = false;
var lEl = getEl("sbLow", mkt.id);
lEl.disabled = false;
hEl.value = info.high;
lEl.value = info.low;
}
}
window.onbeforeunload = null;
document.getElementById("submitForm").submit();
}
// reset the slider to current mkt.fcst.high/low
function resetFcst(mktId) {
var mkt = mktsById[mktId];
if(mkt.fcst && mkt.fcst.valid && mkt.fcst.active)
setHSlider(mktId, mkt.fcst.low, mkt.fcst.high);
else
setHSlider(mktId);
mkt.modified = false;
enableButtons(mktId, false);
getEl("msg", mktId).innerHTML = "";
}
// enable or disable buttons for a mkt
function enableButtons(mktId, trueFalse) {
var el = getEl("sbmBut", mktId);
el.disabled = !trueFalse;
el.className = trueFalse ? "sbmBut-enabled" : "but-disabled";
el = getEl("rstBut", mktId);
el.disabled = !trueFalse;
el.className = trueFalse ? "rstBut-enabled" : "but-disabled";
updateSbmAllBut();
}
// update the status of submit all forecasts button
function updateSbmAllBut() {
var activate = anyModified();
var el = document.getElementById("sbmAllBut");
el.disabled = !activate;
el.className = activate ? "sbmBut-enabled" : "but-disabled";
}
// check if we need to submit the form as the page is being unloaded.
function hdlBeforeUnload(ev) {
if(anyModified()) {
if(ev == undefined)
ev = window.event;
ev.returnValue = "You haven't pressed the SUBMIT button for all the forecasts you created or modified.";
}
}
// return true iff there is at least one mkt whose fcst has been modified
function anyModified() {
for(var i in mkts)
if(mkts[i].modified)
return true;
return false;
}
/////////////////////// Top Right Box ////////////////////////
// various box contents
var topRightBoxHelp;
var topRightBoxHelpButton;
function fillTopRightBoxHelp() {
if(accountId > 0) {
topRightBoxHelp =
"<table border=0 cellpadding=3 cellspacing=0 bgcolor=white>" +
"<tr valign=top>" +
"<td rowspan=2 bgcolor=white>" +
"<div class=header-medium>Forecasting to win:</div><p>" +
"<img width=16 height=16 src='/elab/imgs/redPoint.gif'> You win points if the real outcome falls somewhere <b>within your High-Low range</b>, otherwise you lose points.<p>" +
"<img width=16 height=16 src='/elab/imgs/redPoint.gif'> You can revise or refine your forecast <b>as often as you like</b>.<p>" +
"<img width=16 height=16 src='/elab/imgs/redPoint.gif'> Each of your successive forecasts will be scored for its <b>accuracy</b> and <b>precision</b>.<p>" +
"<img width=16 height=16 src='/elab/imgs/redPoint.gif'> <a href='/elab/market/cf/guideSliders.html'>Learn more about the scoring rule</a>...<br>&nbsp;" +
"</td><td>" +
"<table border=0 cellpadding=3 cellspacing=1 bgcolor=#999999>" +
"<tr>" +
"<td bgcolor=white><img width=100 height=100 src='/elab/imgs/slider/cfWinMany.gif'></td>" +
"<td bgcolor=white><img width=100 height=100 src='/elab/imgs/slider/cfLoseMany.gif'></td>" +
"</tr>" +
"<tr>" +
"<td bgcolor=white><img width=100 height=100 src='/elab/imgs/slider/cfWinFew.gif'></td>" +
"<td bgcolor=white><img width=100 height=100 src='/elab/imgs/slider/cfLoseFew.gif'></td>" +
"</tr>" +
"</table>" +
"</td>" +
"</tr>" +
"</table>";
} else if(loggedIn) {
topRightBoxHelp =
"<div class=header-big align=center>You do not have the account required to make forecasts in this tournament." +
" Please contact the system administrator.</div>";
} else {
topRightBoxHelp =
"<div class=header-big align=center>In order to make forecasts, you must first<br><br>" +
"<button onclick='window.location=\"/elab/login/login.html\"'><b>LOGIN</b></button> " +
"or <button onclick='window.location=\"/elab/login/register.html\"'><b>REGISTER</b></button> " +
"</div>";
}
topRightBoxHelpButton = "<button onclick='setTopRightBox(topRightBoxForum,topRightBoxForumButton)'>MESSAGE BOARD</button>";
}
var topRightBoxForum;
var topRightBoxForumButton;
function fillTopRightBoxForum() {
sb = new StringBuffer();
sb2 = new StringBuffer();
if(forumMsgs.length==0) {
sb.append("<div class=header-medium>Message Board</div><hr size=1>No one has posted to the forum yet.<br>" +
"<a href='/elab/forum/postMsg.html?forumId=" + trnmtId + "&reply=0' target='_top'>Be the first!</a>");
} else {
sb.append("<table width=100% cellpadding=0 cellspacing=0 border=0>" +
"<tr><td class=header-medium>Message Board</td><td nowrap align=right>" +
"<a href='/elab/forum/postMsg.html?forumId=" + trnmtId + "&reply=0'>New Message</a> | " +
"<a href='/elab/forum/forumList.html?forumId=" + trnmtId + "'>All Messages</a>" +
"</td></tr>" +
"<tr><td colspan=2><hr size=1></td></tr>");
for(var n = 0 ; n < 4 && n < forumMsgs.length ; n++) {
var msg = forumMsgs[n];
sb.append("<tr valign=top><td colspan=2>" +
"<span class=heavy-txt>" + msg.author + " :</span> ");
sb.append("<a href='/elab/forum/forumMsg.html?forumId=" + trnmtId +
"&msgNo=" + msg.id + "' target='_top'>" + msg.subject + "</a>");
/*
if(msg.body.length == 0) {
sb.append(msg.subject + "<span class=note>(no text)</span>");
} else {
sb.append("<a href='/elab/forum/forumMsg.html?forumId=" + trnmtId +
"&msgNo=" + msg.id + "' target='_top'>" + msg.subject + "</a>");
}
*/
sb.append("<div class=note>" + msg.date + "</div>" +
"</td></tr>" +
"<tr><td colspan=2>&nbsp;</td></tr>");
}
sb.append("</table>");
}
topRightBoxForum = sb.toString();
topRightBoxForumButton = "<button onclick='setTopRightBox(topRightBoxHelp,topRightBoxHelpButton)'>SCORING RULES</button>";
}
function setTopRightBox(html,bhtml) {
document.getElementById("topRightBox").innerHTML = html;
//document.getElementById("topRightButton").innerHTML = bhtml;
}
// make sure we check that form is submitted if any changes were made
window.onbeforeunload = hdlBeforeUnload;