function Riddle(title, body, tag, imageUrl){ this.title = title; this.body = body; this.tag = tag; this.imageUrl = imageUrl; } var riddle = new Riddle('Ants on a Board', '\n<p>\n There are 100 ants on a board that is 1 meter long, each facing either left or right and walking\n at a pace of 1 meter per minute.\n<p>\n</p>\n The board is so narrow that the ants cannot pass each other; when two ants walk into each other, they \n each instantly turn around and continue walking in the opposite direction. When an ant reaches the end\n of the board, it falls off the edge.\n</p>\n<p>\n From the moment the ants start walking, what is the longest amount of time that could pass before all the\n ants have fallen off the plank? You can assume that each ant has infinitely small length.\n</p>\n', 'ants-on-a-board', ''); 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 &nbsp;<a href="http://www.bigriddles.com/widgets">Get this widget</a> |\r\n</span>\r\n \r\n'); showRiddle(riddle);