function Riddle(title, body, tag, imageUrl){
this.title = title;
this.body = body;
this.tag = tag;
this.imageUrl = imageUrl;
}
var riddle = new Riddle('Three Doors, 1 Prize', '\n<p>\n You are on a gameshow and the host shows you three doors. Behind one door is a suitcase with $1 million in it, and behind the other two doors\n are sacks of coal. The host tells you to choose a door, and that the prize behind that door will be yours to keep.\n</p>\n<p>\n You point to one of the three doors. The host says, "Before we open the door you pointed to, I am going to open one of the other doors."\n He points to one of the other doors, and it swings open, revealing a sack of coal behind it.\n</p>\n<p>\n "Now I will give you a choice," the host tells you. "You can either stick with the door you originally chose, or you can choose to switch to\n the other unopened door."\n</p>\n<p>\n Should you switch doors, stick with your original choice, or does it not matter?\n</p>\n', 'three-doors-1-prize', '');
function showRiddle(curRiddle){
var elem = document.getElementById('riddle_body');
elem.innerHTML = curRiddle.body;
var elem = document.getElementById('riddle_title');
elem.innerHTML = curRiddle.title;
var elem = document.getElementById('riddle_image');
if ((curRiddle.imageUrl == null) || (curRiddle.imageUrl == '')){
elem.innerHTML = '';
}else{
elem.innerHTML = '
';
}
var elem = document.getElementById('riddle_solution');
elem.innerHTML = 'Click here to see the solution.';
}
document.write('<style>\r\n.bigriddles_widget{\r\n position: relative;\r\n width:325px;\r\n padding: 3px 0px 5px 0px;\r\n border:2px solid #003399;\r\n color:black;\r\n background-color:white;\r\n text-align:right;\r\n}\r\n.bigriddles_widget #riddle_title{\r\n font-size:130%;\r\n font-weight:bold;\r\n padding:1px 5px 1px 5px;\r\n text-align: left;\r\n}\r\n.bigriddles_widget #riddle_section{\r\n padding:5px;\r\n height: 175px;\r\n overflow: auto;\r\n text-align: left;\r\n}\r\n.bigriddles_widget #riddle_solution{\r\n font-weight:bold;\r\n margin-top:10px;\r\n}\r\n.bigriddles_widget #riddle_nav{\r\n padding:3px 5px 3px 5px;\r\n text-align:center;\r\n}\r\n.bigriddles_widget .riddles_signoff{\r\n font-size:80%;\r\n}\r\n.bigriddles_widget .horiz_sep{\r\n width:100%;\r\n height:1px;\r\n padding:0px;\r\n margin:0px;\r\n border-top:1px solid #003399;\r\n}\r\n.bigriddles_widget .smaller{\r\n font-size:80%;\r\n}\r\n.bigriddles_widget a{\r\n color: #003399;\r\n text-decoration: none;\r\n}\r\n.bigriddles_widget a:visited{\r\n color: #003399;\r\n text-decoration: none;\r\n}\r\n.bigriddles_widget td{\r\n color: black;\r\n}\r\n.bigriddles_widget li{\r\n color: black;\r\n}\r\n</style>\r\n\r\n<div class="smaller" style="float:left;padding:0px 0px 1px 3px;">\r\n <a href="http://www.bigriddles.com">\r\n <img src="http://www.bigriddles.com/images/icon1.png" style="border:none;" />\r\n </a>\r\n</div>\r\n<div class="smaller" style="float:left;padding-left:3px;">\r\n <a href="http://www.bigriddles.com">BigRiddles.com</a>\r\n</div>\r\n<div class="smaller" style="float:right;padding-right:3px;font-weight:bold;">\r\n Riddle of the Day\r\n</div>\r\n<div style="clear:both;"></div>\r\n\r\n<div class="horiz_sep"></div>\r\n<div id="riddle_title"></div>\r\n\r\n<div id="riddle_section">\r\n <div id="riddle_image" style="float:right;"></div>\r\n <div id="riddle_body"></div>\r\n <div id="riddle_solution"></div>\r\n <div style="clear:both;"></div>\r\n</div>\r\n \r\n<div class="horiz_sep"></div>\r\n\r\n<span class="smaller">\r\n <a href="http://www.bigriddles.com/widgets">Get this widget</a> |\r\n</span>\r\n \r\n');
showRiddle(riddle);