function Riddle(title, body, tag, imageUrl){
this.title = title;
this.body = body;
this.tag = tag;
this.imageUrl = imageUrl;
}
var riddle = new Riddle('A Fly In Between Trains', '\n<p>\n Two trains are traveling toward each other on the same track, each at 60 miles per hour. When they are exactly 120 miles apart, a fly\n takes off from the front of one of the trains, flying toward the other train at a constant rate of 100 miles per hour. When the fly\n reaches the other train, it instantly changes directions and starts flying toward the other train, still at 100 miles per hour. It keeps\n doing this back and forth until the trains finally collide.\n</p>\n<p>\n If you add up all the distances back and forth that the fly has travelled, how much total distance has the fly travelled when the trains \n finally collide?\n</p>\n', 'a-fly-in-between-trains', '');
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);