You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

952 lines
85 KiB

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>2nd Grade Wildlife Game Jeopardy Template</title>
<meta name="description" content=", These things fall off the tree during the fall, This sweet pancake syrup is made from the sap of this tree., Plants on Earth make this to help us breathe a little easier., People sometimes hang these plants up to decorate the house around the ho-ho-holidays.." />
<meta name="ROBOTS" content="NOODP" />
<meta name="google-site-verification" content="UYS7arlGlbDobqQSsucWwkbZyiC-6_cCWlUn9Eb5b2M" />
<link rel="shortcut icon" href="/media/favicon.ico" type="image/x-icon" />
<link rel="icon" href="/media/favicon.ico" type="image/x-icon" />
<style type="text/css">
body {
background-color:#2a3698;
height:100%;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding-bottom:100px;
}
label {
display:block;
font-size:16px;
}
input, textarea, select {
display:block;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:auto;
}
textarea {
padding:5px;
}
.clear {
clear:both;
}
.hide {
display:none;
}
.edit {
border:2px dashed #cccccc;
text-align:center;
}
.edit:hover, textarea.active {
border:2px inset gray;
}
#title {
text-align:center;
font-size:36px;
margin:auto;
line-height:36px;
}
textarea#title {
height:50px;
width:90%;
color:#012b45;
}
#game {
width:100%;
background-color:#000000;
padding:0;
margin:0;
margin:auto;
font-size:16px;
}
#game textarea {
width:90%;
height:30px;
font-size:18px;
line-height:22px;
}
#game h3 {
color:#ffff5f;
text-align:center;
font-size:20px;
font-weight:bold;
}
#game tbody td, #game thead th {
vertical-align: middle;
background-color:#2a3698;
padding:5px;
text-align:center;
width:19%;
color:#ffff5f;
height:60px;
font-size:20px;
}
#game tbody td {
cursor:pointer;
height:100px;
border:3px solid #2a3698;
}
#game tbody td.ie-hack {
border:3px solid #ffff5f;
}
/*#game tbody td.clean:hover {
border:3px solid #ffff5f;
}
#game tbody td.dirty:hover {
border:3px solid #2a3698;
}*/
#game tbody td.dirty h3 {
color:#2a3698;
}
#game tfoot td {
text-align: center;
background-color:#2a3698;
}
.submit {
margin:auto;
}
#modal {
display: none;
background-color:#fff;
padding:5px;
border:2px dashed #ccc;
}
#modal {
font-size:16px;
font-weight:bold;
}
#modal textarea {
width:500px;
height:120px;
font-size:16px;
}
#options {
background-color:#fff;
width:500px;
padding:10px;
margin:auto;
margin-top:75px;
}
#options h1 {
color:#2a3698;
font-size:22px;
text-align:center;
}
#options label {
text-align: center;
font-size:14px;
}
#options select, #options label, #options input {
margin-top:5px;
}
#options select {
width:130px;
}
#options input {
width:100px;
}
#options p {
margin-bottom:0px;
}
.tip {
float:left;
}
.links {
float:right;
}
#stats {
position:fixed;
bottom:0;
background-color:#ffffff;
width:100%;
text-align:center;
height:110px;
display:none;
left:0;
}
#stats h3 {
margin:0;
padding:0;
}
#stats input.team-name {
border:none;
font-size:18px;
font-weight:bold;
text-align:center;
font-family: Verdana, Arial, Helvetica, sans-serif;
width:100%;
display:block;
}
#stats table {
margin:auto;
}
#stats table th {
border-bottom:1px solid black;
}
input.add-points {
color:#66cc33;
font-family:"Courier New", Courier, monospace;
font-weight:bold;
font-size:20px;
cursor:pointer;
padding:0px;
background-color:#FFFFFF;
border:none;
display:inline;
}
input.subtract-points {
color:#ff0000;
font-family:"Courier New", Courier, monospace;
font-weight:bold;
font-size:20px;
cursor:pointer;
padding:0px;
background-color:#FFFFFF;
border:none;
display:inline;
}
#prompt {
display:none;
height:100%;
width:100%;
background-color:#2a3698;
color:#FFFFFF;
text-align:center;
}
#prompt a:link, #prompt a:visited, #prompt a:hover {
color:#fff;
font-size:18px;
text-decoration:underline;
}
#prompt a:hover {
text-decoration:none;
}
#simplemodal-overlay {
background-color:#000;
}
#answer {
padding-left:5%;
padding-right:5%;
}
#question {
padding-left:5%;
padding-right:5%;
}
</style>
<script type="text/javascript">
/*
* jQuery JavaScript Library v1.3.2
* http://jquery.com/
*
* Copyright (c) 2009 John Resig
* Dual licensed under the MIT and GPL licenses.
* http://docs.jquery.com/License
*
* Date: 2009-02-19 17:34:21 -0500 (Thu, 19 Feb 2009)
* Revision: 6246
*/
(function(){var l=this,g,y=l.jQuery,p=l.$,o=l.jQuery=l.$=function(E,F){return new o.fn.init(E,F)},D=/^[^<]*(<(.|\s)+>)[^>]*$|^#([\w-]+)$/,f=/^.[^:#\[\.,]*$/;o.fn=o.prototype={init:function(E,H){E=E||document;if(E.nodeType){this[0]=E;this.length=1;this.context=E;return this}if(typeof E==="string"){var G=D.exec(E);if(G&&(G[1]||!H)){if(G[1]){E=o.clean([G[1]],H)}else{var I=document.getElementById(G[3]);if(I&&I.id!=G[3]){return o().find(E)}var F=o(I||[]);F.context=document;F.selector=E;return F}}else{return o(H).find(E)}}else{if(o.isFunction(E)){return o(document).ready(E)}}if(E.selector&&E.context){this.selector=E.selector;this.context=E.context}return this.setArray(o.isArray(E)?E:o.makeArray(E))},selector:"",jquery:"1.3.2",size:function(){return this.length},get:function(E){return E===g?Array.prototype.slice.call(this):this[E]},pushStack:function(F,H,E){var G=o(F);G.prevObject=this;G.context=this.context;if(H==="find"){G.selector=this.selector+(this.selector?" ":"")+E}else{if(H){G.selector=this.selector+"."+H+"("+E+")"}}return G},setArray:function(E){this.length=0;Array.prototype.push.apply(this,E);return this},each:function(F,E){return o.each(this,F,E)},index:function(E){return o.inArray(E&&E.jquery?E[0]:E,this)},attr:function(F,H,G){var E=F;if(typeof F==="string"){if(H===g){return this[0]&&o[G||"attr"](this[0],F)}else{E={};E[F]=H}}return this.each(function(I){for(F in E){o.attr(G?this.style:this,F,o.prop(this,E[F],G,I,F))}})},css:function(E,F){if((E=="width"||E=="height")&&parseFloat(F)<0){F=g}return this.attr(E,F,"curCSS")},text:function(F){if(typeof F!=="object"&&F!=null){return this.empty().append((this[0]&&this[0].ownerDocument||document).createTextNode(F))}var E="";o.each(F||this,function(){o.each(this.childNodes,function(){if(this.nodeType!=8){E+=this.nodeType!=1?this.nodeValue:o.fn.text([this])}})});return E},wrapAll:function(E){if(this[0]){var F=o(E,this[0].ownerDocument).clone();if(this[0].parentNode){F.insertBefore(this[0])}F.map(function(){var G=this;while(G.firstChild){G=G.firstChild}return G}).append(this)}return this},wrapInner:function(E){return this.each(function(){o(this).contents().wrapAll(E)})},wrap:function(E){return this.each(function(){o(this).wrapAll(E)})},append:function(){return this.domManip(arguments,true,function(E){if(this.nodeType==1){this.appendChild(E)}})},prepend:function(){return this.domManip(arguments,true,function(E){if(this.nodeType==1){this.insertBefore(E,this.firstChild)}})},before:function(){return this.domManip(arguments,false,function(E){this.parentNode.insertBefore(E,this)})},after:function(){return this.domManip(arguments,false,function(E){this.parentNode.insertBefore(E,this.nextSibling)})},end:function(){return this.prevObject||o([])},push:[].push,sort:[].sort,splice:[].splice,find:function(E){if(this.length===1){var F=this.pushStack([],"find",E);F.length=0;o.find(E,this[0],F);return F}else{return this.pushStack(o.unique(o.map(this,function(G){return o.find(E,G)})),"find",E)}},clone:function(G){var E=this.map(function(){if(!o.support.noCloneEvent&&!o.isXMLDoc(this)){var I=this.outerHTML;if(!I){var J=this.ownerDocument.createElement("div");J.appendChild(this.cloneNode(true));I=J.innerHTML}return o.clean([I.replace(/ jQuery\d+="(?:\d+|null)"/g,"").replace(/^\s*/,"")])[0]}else{return this.cloneNode(true)}});if(G===true){var H=this.find("*").andSelf(),F=0;E.find("*").andSelf().each(function(){if(this.nodeName!==H[F].nodeName){return}var I=o.data(H[F],"events");for(var K in I){for(var J in I[K]){o.event.add(this,K,I[K][J],I[K][J].data)}}F++})}return E},filter:function(E){return this.pushStack(o.isFunction(E)&&o.grep(this,function(G,F){return E.call(G,F)})||o.multiFilter(E,o.grep(this,function(F){return F.nodeType===1})),"filter",E)},closest:function(E){var G=o.expr.match.POS.test(E)?o(E):null,F=0;return this.map(function(){var H=this;while(H&&H.ownerDocument){if(G?G.index(H)>-1:o(H).is(E)){o.data(H,"closest",F);return H}H=H.parentNode;F++}})},not:function(E){if(typeof E==="string"){if(f.test(E)){return this.pushStack(o.multiFilter(E,this,true),"not",E)}else{E=o.multiFilter(E,this)
/*
* Sizzle CSS Selector Engine - v0.9.3
* Copyright 2009, The Dojo Foundation
* Released under the MIT, BSD, and GPL Licenses.
* More information: http://sizzlejs.com/
*/
(function(){var R=/((?:\((?:\([^()]+\)|[^()]+)+\)|\[(?:\[[^[\]]*\]|['"][^'"]*['"]|[^[\]'"]+)+\]|\\.|[^ >+~,(\[\\]+)+|[>+~])(\s*,\s*)?/g,L=0,H=Object.prototype.toString;var F=function(Y,U,ab,ac){ab=ab||[];U=U||document;if(U.nodeType!==1&&U.nodeType!==9){return[]}if(!Y||typeof Y!=="string"){return ab}var Z=[],W,af,ai,T,ad,V,X=true;R.lastIndex=0;while((W=R.exec(Y))!==null){Z.push(W[1]);if(W[2]){V=RegExp.rightContext;break}}if(Z.length>1&&M.exec(Y)){if(Z.length===2&&I.relative[Z[0]]){af=J(Z[0]+Z[1],U)}else{af=I.relative[Z[0]]?[U]:F(Z.shift(),U);while(Z.length){Y=Z.shift();if(I.relative[Y]){Y+=Z.shift()}af=J(Y,af)}}}else{var ae=ac?{expr:Z.pop(),set:E(ac)}:F.find(Z.pop(),Z.length===1&&U.parentNode?U.parentNode:U,Q(U));af=F.filter(ae.expr,ae.set);if(Z.length>0){ai=E(af)}else{X=false}while(Z.length){var ah=Z.pop(),ag=ah;if(!I.relative[ah]){ah=""}else{ag=Z.pop()}if(ag==null){ag=U}I.relative[ah](ai,ag,Q(U))}}if(!ai){ai=af}if(!ai){throw"Syntax error, unrecognized expression: "+(ah||Y)}if(H.call(ai)==="[object Array]"){if(!X){ab.push.apply(ab,ai)}else{if(U.nodeType===1){for(var aa=0;ai[aa]!=null;aa++){if(ai[aa]&&(ai[aa]===true||ai[aa].nodeType===1&&K(U,ai[aa]))){ab.push(af[aa])}}}else{for(var aa=0;ai[aa]!=null;aa++){if(ai[aa]&&ai[aa].nodeType===1){ab.push(af[aa])}}}}}else{E(ai,ab)}if(V){F(V,U,ab,ac);if(G){hasDuplicate=false;ab.sort(G);if(hasDuplicate){for(var aa=1;aa<ab.length;aa++){if(ab[aa]===ab[aa-1]){ab.splice(aa--,1)}}}}}return ab};F.matches=function(T,U){return F(T,null,null,U)};F.find=function(aa,T,ab){var Z,X;if(!aa){return[]}for(var W=0,V=I.order.length;W<V;W++){var Y=I.order[W],X;if((X=I.match[Y].exec(aa))){var U=RegExp.leftContext;if(U.substr(U.length-1)!=="\\"){X[1]=(X[1]||"").replace(/\\/g,"");Z=I.find[Y](X,T,ab);if(Z!=null){aa=aa.replace(I.match[Y],"");break}}}}if(!Z){Z=T.getElementsByTagName("*")}return{set:Z,expr:aa}};F.filter=function(ad,ac,ag,W){var V=ad,ai=[],aa=ac,Y,T,Z=ac&&ac[0]&&Q(ac[0]);while(ad&&ac.length){for(var ab in I.filter){if((Y=I.match[ab].exec(ad))!=null){var U=I.filter[ab],ah,af;T=false;if(aa==ai){ai=[]}if(I.preFilter[ab]){Y=I.preFilter[ab](Y,aa,ag,ai,W,Z);if(!Y){T=ah=true}else{if(Y===true){continue}}}if(Y){for(var X=0;(af=aa[X])!=null;X++){if(af){ah=U(af,Y,X,aa);var ae=W^!!ah;if(ag&&ah!=null){if(ae){T=true}else{aa[X]=false}}else{if(ae){ai.push(af);T=true}}}}}if(ah!==g){if(!ag){aa=ai}ad=ad.replace(I.match[ab],"");if(!T){return[]}break}}}if(ad==V){if(T==null){throw"Syntax error, unrecognized expression: "+ad}else{break}}V=ad}return aa};var I=F.selectors={order:["ID","NAME","TAG"],match:{ID:/#((?:[\w\u00c0-\uFFFF_-]|\\.)+)/,CLASS:/\.((?:[\w\u00c0-\uFFFF_-]|\\.)+)/,NAME:/\[name=['"]*((?:[\w\u00c0-\uFFFF_-]|\\.)+)['"]*\]/,ATTR:/\[\s*((?:[\w\u00c0-\uFFFF_-]|\\.)+)\s*(?:(\S?=)\s*(['"]*)(.*?)\3|)\s*\]/,TAG:/^((?:[\w\u00c0-\uFFFF\*_-]|\\.)+)/,CHILD:/:(only|nth|last|first)-child(?:\((even|odd|[\dn+-]*)\))?/,POS:/:(nth|eq|gt|lt|first|last|even|odd)(?:\((\d*)\))?(?=[^-]|$)/,PSEUDO:/:((?:[\w\u00c0-\uFFFF_-]|\\.)+)(?:\((['"]*)((?:\([^\)]+\)|[^\2\(\)]*)+)\2\))?/},attrMap:{"class":"className","for":"htmlFor"},attrHandle:{href:function(T){return T.getAttribute("href")}},relative:{"+":function(aa,T,Z){var X=typeof T==="string",ab=X&&!/\W/.test(T),Y=X&&!ab;if(ab&&!Z){T=T.toUpperCase()}for(var W=0,V=aa.length,U;W<V;W++){if((U=aa[W])){while((U=U.previousSibling)&&U.nodeType!==1){}aa[W]=Y||U&&U.nodeName===T?U||false:U===T}}if(Y){F.filter(T,aa,true)}},">":function(Z,U,aa){var X=typeof U==="string";if(X&&!/\W/.test(U)){U=aa?U:U.toUpperCase();for(var V=0,T=Z.length;V<T;V++){var Y=Z[V];if(Y){var W=Y.parentNode;Z[V]=W.nodeName===U?W:false}}}else{for(var V=0,T=Z.length;V<T;V++){var Y=Z[V];if(Y){Z[V]=X?Y.parentNode:Y.parentNode===U}}if(X){F.filter(U,Z,true)}}},"":function(W,U,Y){var V=L++,T=S;if(!U.match(/\W/)){var X=U=Y?U:U.toUpperCase();T=P}T("parentNode",U,V,W,X,Y)},"~":function(W,U,Y){var V=L++,T=S;if(typeof U==="string"&&!U.match(/\W/)){var X=U=Y?U:U.toUpperCase();T=P}T("previousSibling",U,V,W,X,Y)}},find:{ID:function(U,V,W){if(typeof V.getElementById!=="undefined"&&!W){var T=V.getElementById(U[1]);return T?[T]:[]}},NAME
/*
* Auto Expanding Text Area (1.2.2)
* by Chrys Bader (www.chrysbader.com)
* chrysb@gmail.com
*
* Special thanks to:
* Jake Chapa - jake@hybridstudio.com
* John Resig - jeresig@gmail.com
*
* Copyright (c) 2008 Chrys Bader (www.chrysbader.com)
* Dual licensed under the MIT (MIT-LICENSE.txt)
* and GPL (GPL-LICENSE.txt) licenses.
*
*
* NOTE: This script requires jQuery to work. Download jQuery at www.jquery.com
*
*/
(function(jQuery) {
var self = null;
jQuery.fn.autogrow = function(o)
{
return this.each(function() {
new jQuery.autogrow(this, o);
});
};
/**
* The autogrow object.
*
* @constructor
* @name jQuery.autogrow
* @param Object e The textarea to create the autogrow for.
* @param Hash o A set of key/value pairs to set as configuration properties.
* @cat Plugins/autogrow
*/
jQuery.autogrow = function (e, o)
{
this.options = o || {};
this.dummy = null;
this.interval = null;
this.line_height = this.options.lineHeight || parseInt(jQuery(e).css('line-height'));
this.min_height = this.options.minHeight || parseInt(jQuery(e).css('min-height'));
this.max_height = this.options.maxHeight || parseInt(jQuery(e).css('max-height'));;
this.textarea = jQuery(e);
if(this.line_height == NaN)
this.line_height = 0;
// Only one textarea activated at a time, the one being used
this.init();
};
jQuery.autogrow.fn = jQuery.autogrow.prototype = {
autogrow: '1.2.2'
};
jQuery.autogrow.fn.extend = jQuery.autogrow.extend = jQuery.extend;
jQuery.autogrow.fn.extend({
init: function() {
var self = this;
this.textarea.css({overflow: 'hidden', display: 'block'});
this.textarea.bind('focus', function() { self.startExpand() } ).bind('blur', function() { self.stopExpand() });
this.checkExpand();
},
startExpand: function() {
var self = this;
this.interval = window.setInterval(function() {self.checkExpand()}, 400);
},
stopExpand: function() {
clearInterval(this.interval);
},
checkExpand: function() {
if (this.dummy == null)
{
this.dummy = jQuery('<div></div>');
this.dummy.css({
'font-size' : this.textarea.css('font-size'),
'font-family': this.textarea.css('font-family'),
'width' : this.textarea.css('width'),
'padding' : this.textarea.css('padding'),
'line-height': this.line_height + 'px',
'overflow-x' : 'hidden',
'position' : 'absolute',
'top' : 0,
'left' : -9999
}).appendTo('body');
}
// Strip HTML tags
var html = this.textarea.val().replace(/(<|>)/g, '');
// IE is different, as per usual
if ($.browser.msie)
{
html = html.replace(/\n/g, '<BR>new');
}
else
{
html = html.replace(/\n/g, '<br>new');
}
if (this.dummy.html() != html)
{
this.dummy.html(html);
if (this.max_height > 0 && (this.dummy.height() + this.line_height > this.max_height))
{
this.textarea.css('overflow-y', 'auto');
}
else
{
this.textarea.css('overflow-y', 'hidden');
if (this.textarea.height() < this.dummy.height() + this.line_height || (this.dummy.height() < this.textarea.height()))
{
this.textarea.animate({height: (this.dummy.height()) + 'px'}, 100);
}
}
}
}
});
})(jQuery);
/*
* SimpleModal 1.3.3 - jQuery Plugin
* http://www.ericmmartin.com/projects/simplemodal/
* Copyright (c) 2009 Eric Martin (http://twitter.com/EricMMartin)
* Dual licensed under the MIT and GPL licenses
* Revision: $Id: jquery.simplemodal.js 228 2009-10-30 13:34:27Z emartin24 $
*/
;(function($){var ie6=$.browser.msie&&parseInt($.browser.version)==6&&typeof window['XMLHttpRequest']!="object",ieQuirks=null,w=[];$.modal=function(data,options){return $.modal.impl.init(data,options);};$.modal.close=function(){$.modal.impl.close();};$.fn.modal=function(options){return $.modal.impl.init(this,options);};$.modal.defaults={appendTo:'body',focus:true,opacity:50,overlayId:'simplemodal-overlay',overlayCss:{},containerId:'simplemodal-container',containerCss:{},dataId:'simplemodal-data',dataCss:{},minHeight:200,minWidth:300,maxHeight:null,maxWidth:null,autoResize:false,autoPosition:true,zIndex:1000,close:true,closeHTML:'<a class="modalCloseImg" title="Close"></a>',closeClass:'simplemodal-close',escClose:true,overlayClose:false,position:null,persist:false,onOpen:null,onShow:null,onClose:null};$.modal.impl={o:null,d:{},init:function(data,options){var s=this;if(s.d.data){return false;}ieQuirks=$.browser.msie&&!$.boxModel;s.o=$.extend({},$.modal.defaults,options);s.zIndex=s.o.zIndex;s.occb=false;if(typeof data=='object'){data=data instanceof jQuery?data:$(data);if(data.parent().parent().size()>0){s.d.parentNode=data.parent();if(!s.o.persist){s.d.orig=data.clone(true);}}}else if(typeof data=='string'||typeof data=='number'){data=$('<div></div>').html(data);}else{alert('SimpleModal Error: Unsupported data type: '+typeof data);return s;}s.create(data);data=null;s.open();if($.isFunction(s.o.onShow)){s.o.onShow.apply(s,[s.d]);}return s;},create:function(data){var s=this;w=s.getDimensions();if(ie6){s.d.iframe=$('<iframe src="javascript:false;"></iframe>').css($.extend(s.o.iframeCss,{display:'none',opacity:0,position:'fixed',height:w[0],width:w[1],zIndex:s.o.zIndex,top:0,left:0})).appendTo(s.o.appendTo);}s.d.overlay=$('<div></div>').attr('id',s.o.overlayId).addClass('simplemodal-overlay').css($.extend(s.o.overlayCss,{display:'none',opacity:s.o.opacity/100,height:w[0],width:w[1],position:'fixed',left:0,top:0,zIndex:s.o.zIndex+1})).appendTo(s.o.appendTo);s.d.container=$('<div></div>').attr('id',s.o.containerId).addClass('simplemodal-container').css($.extend(s.o.containerCss,{display:'none',position:'fixed',zIndex:s.o.zIndex+2})).append(s.o.close&&s.o.closeHTML?$(s.o.closeHTML).addClass(s.o.closeClass):'').appendTo(s.o.appendTo);s.d.wrap=$('<div></div>').attr('tabIndex',-1).addClass('simplemodal-wrap').css({height:'100%',outline:0,width:'100%'}).appendTo(s.d.container);s.d.data=data.attr('id',data.attr('id')||s.o.dataId).addClass('simplemodal-data').css($.extend(s.o.dataCss,{display:'none'})).appendTo('body');data=null;s.setContainerDimensions();s.d.data.appendTo(s.d.wrap);if(ie6||ieQuirks){s.fixIE();}},bindEvents:function(){var s=this;$('.'+s.o.closeClass).bind('click.simplemodal',function(e){e.preventDefault();s.close();});if(s.o.close&&s.o.overlayClose){s.d.overlay.bind('click.simplemodal',function(e){e.preventDefault();s.close();});}$(document).bind('keydown.simplemodal',function(e){if(s.o.focus&&e.keyCode==9){s.watchTab(e);}else if((s.o.close&&s.o.escClose)&&e.keyCode==27){e.preventDefault();s.close();}});$(window).bind('resize.simplemodal',function(){w=s.getDimensions();s.setContainerDimensions(true);if(ie6||ieQuirks){s.fixIE();}else{s.d.iframe&&s.d.iframe.css({height:w[0],width:w[1]});s.d.overlay.css({height:w[0],width:w[1]});}});},unbindEvents:function(){$('.'+this.o.closeClass).unbind('click.simplemodal');$(document).unbind('keydown.simplemodal');$(window).unbind('resize.simplemodal');this.d.overlay.unbind('click.simplemodal');},fixIE:function(){var s=this,p=s.o.position;$.each([s.d.iframe||null,s.d.overlay,s.d.container],function(i,el){if(el){var bch='document.body.clientHeight',bcw='document.body.clientWidth',bsh='document.body.scrollHeight',bsl='document.body.scrollLeft',bst='document.body.scrollTop',bsw='document.body.scrollWidth',ch='document.documentElement.clientHeight',cw='document.documentElement.clientWidth',sl='document.documentElement.scrollLeft',st='document.documentElement.scrollTop',s=el[0].style;s.position='absolute';if(i<2){s.removeExpression('height');s.removeExpression('width');s.setExpression('he
$(document).ready(function(){
$('textarea.edit').autogrow();
$('textarea.edit').focus(function(){
$(this).addClass('active');
var val = $(this).val();
if(val == "Enter Category" || val == "Enter Title")
setTimeout(this.select.bind(this), 1);
})
$('textarea.edit').blur(function(){
$(this).removeClass('active');
})
$('.clean').mouseover(function(){
$(this).addClass('ie-hack')
})
$('.clean').mouseout(function(){
$(this).removeClass('ie-hack')
})
});
var modal = {}
modal.show = function(questionID)
{
modal.activeID = questionID;
$('#question').val($('#' + questionID).val());
$('#answer').val($('#a' + questionID).val());
$('#modal').modal({"overlayClose" : true});
$('#t' + questionID).addClass("dirty").removeClass("clean")
}
modal.save = function()
{
$('#' + modal.activeID).val($('#question').val())
$('#a' + modal.activeID).val($('#answer').val())
}
var game = {}
game.init = function()
{
$('#game').fadeIn(1000);
$('#options').hide()
$('#stats').show()
game.team_cnt = $('#teams').val()
game.createScoreboard()
game.current_points = 0;
}
game.createScoreboard = function()
{
var content = "<table cellspacing=10><tbody><tr>";
for(var i = 1; i <= game.team_cnt; i++)
{
content += "<th><input class='team-name' type='text' value='Team " + i + "' /></th>";
}
content += "</tr><tr>";
for(var i = 1; i <= game.team_cnt; i++)
{
//content += "<td><h3 id='team" + i +"'>0</h3><span class='add-points' onclick='addPoints(" + i + ")'>+</span> <span class='remove-points' onclick='removePoints(" + i + ")'>-</span></td>";
content += "<td><h3 id='team" + i +"'>0</h3><input class='add-points' onclick='game.addPoints(" + i + ")' value='+' type='button' /> <input class='subtract-points' onclick='game.subtractPoints(" + i + ")' type='button' value='-' /></td>";
}
content += "</tr></tbody></table>";
$('#stats').html(content);
}
game.addPoints = function(team)
{
var points = parseInt($('#team' + team).html()) + game.current_points;
$('#team' + team).html(points);
$(('#t' + game.current_questionID)).addClass("dirty");
$(('#t' + game.current_questionID)).unbind('mouseover')
$(('#t' + game.current_questionID)).unbind('mouseout')
}
game.subtractPoints = function(team)
{
var points = parseInt($('#team' + team).html()) - game.current_points;
$('#team' + team).html(points);
$(('#t' + game.current_questionID)).addClass("dirty");
$(('#t' + game.current_questionID)).unbind('mouseover')
$(('#t' + game.current_questionID)).unbind('mouseout')
}
function getScrollBarState() {
var result = {vScrollbar: true, hScrollbar: true};
try {
var root = document.compatMode=='BackCompat'? document.body : document.documentElement;
//var root = document.body;
result.vScrollbar = root.scrollHeight > root.clientHeight;
result.hScrollbar = root.scrollWidth > root.clientWidth;
} catch(e) {}
return(result);
}
var prompt = {}
prompt.show = function(questionID, points)
{
game.current_points = points
game.current_questionID = questionID
$('#game').hide()
$('#question, #answer, #prompt').css({"display": "block"});
$('#question').html($('#' + questionID).html())
$('#answer').html($('#a' + questionID).html())
var font_size = 24;
do {
$('#question, #answer').css({"font-size": font_size});
font_size++;
} while(!getScrollBarState().vScrollbar && font_size < 72)
console.log(font_size)
$('#question, #answer').css({"font-size": Math.max(24, font_size-2)});
$('#question, #answer, #prompt').css({"visibility": "visible"});
$('#question, #prompt').hide();
$('#prompt').fadeIn(1000)
if($('#question').html().length == 0)
$('#correct-response').hide()
else
$('#correct-response').show();
}
prompt.hide = function()
{
$('#prompt').hide();
$('#game').show();
}
prompt.showQuestion = function()
{
$('#question').fadeIn(1000)
$(('#t' + game.current_questionID)).addClass("dirty");
}
</script>
</head>
<body>
<table id="game" cellspacing="5" cellpadding="0" class="hide">
<thead>
<tr>
<th>Plants</th>
<th>Birds</th>
<th>Small Mammals</th>
<th>Gulls</th>
<th>Oh Deer</th>
</tr>
</thead>
<tbody>
<tr>
<td id="tq00" class="cell clean" onclick="prompt.show('q00', 100)">
<h3>100</h3>
<div class="hide">
<div id="q00">What are leaves?</div>
<div id="aq00">These things fall off the tree during the fall</div>
</div>
</td>
<td id="tq01" class="cell clean" onclick="prompt.show('q01', 100)">
<h3>100</h3>
<div class="hide">
<div id="q01">What is an Eagle?</div>
<div id="aq01">The symbol of America or Philadelphia football team bird</div>
</div>
</td>
<td id="tq02" class="cell clean" onclick="prompt.show('q02', 100)">
<h3>100</h3>
<div class="hide">
<div id="q02">What are squirrels?</div>
<div id="aq02">These guys are grey in some areas and red in others, they are absolutely nutty when it comes to storing acorns and other small seeds in their nests.</div>
</div>
</td>
<td id="tq03" class="cell clean" onclick="prompt.show('q03', 100)">
<h3>100</h3>
<div class="hide">
<div id="q03">What is "Mine, Mine, Mine"?</div>
<div id="aq03">This is what the seagulls in Finding Nemo said...</div>
</div>
</td>
<td id="tq04" class="cell clean" onclick="prompt.show('q04', 100)">
<h3>100</h3>
<div class="hide">
<div id="q04">What is white (atleast underneath)?</div>
<div id="aq04">What color is a white-tailed deer's tail?</div>
</div>
</td>
</tr>
<tr>
<td id="tq10" class="cell clean" onclick="prompt.show('q10', 200)">
<h3>200</h3>
<div class="hide">
<div id="q10">What is Maple?</div>
<div id="aq10">This sweet pancake syrup is made from the sap of this tree.</div>
</div>
</td>
<td id="tq11" class="cell clean" onclick="prompt.show('q11', 200)">
<h3>200</h3>
<div class="hide">
<div id="q11">What is turkey?</div>
<div id="aq11">You might gobble down this bird at Thanksgiving...or see one walking around the parking lot near Bellmawr Park Elementary School.</div>
</div>
</td>
<td id="tq12" class="cell clean" onclick="prompt.show('q12', 200)">
<h3>200</h3>
<div class="hide">
<div id="q12">What are bats?</div>
<div id="aq12">These small mammals like to live in caves, eat bugs, sleep upside down and have wings.</div>
</div>
</td>
<td id="tq13" class="cell clean" onclick="prompt.show('q13', 200)">
<h3>200</h3>
<div class="hide">
<div id="q13">What is Water?</div>
<div id="aq13">Sea Gulls can drink salt and fresh types of this.</div>
</div>
</td>
<td id="tq14" class="cell clean" onclick="prompt.show('q14', 200)">
<h3>200</h3>
<div class="hide">
<div id="q14">What is (Dasher, Dancer, Prancer, Vixen, Comet, Cupid, Donner, Rudolph and Blitzen)?</div>
<div id="aq14">Name three of Santa's reindeer</div>
</div>
</td>
</tr>
<tr>
<td id="tq20" class="cell clean" onclick="prompt.show('q20', 300)">
<h3>300</h3>
<div class="hide">
<div id="q20">What is oxygen?</div>
<div id="aq20">Plants on Earth make this to help us breathe a little easier.</div>
</div>
</td>
<td id="tq21" class="cell clean" onclick="prompt.show('q21', 300)">
<h3>300</h3>
<div class="hide">
<div id="q21">What is chicken?</div>
<div id="aq21">KFC, the home of the Colonel, sells buckets of fried...</div>
</div>
</td>
<td id="tq22" class="cell clean" onclick="prompt.show('q22', 300)">
<h3>300</h3>
<div class="hide">
<div id="q22">What is a mouse?</div>
<div id="aq22">This "computer input device" has a wire and a clicky button or two. </div>
</div>
</td>
<td id="tq23" class="cell clean" onclick="prompt.show('q23', 300)">
<h3>300</h3>
<div class="hide">
<div id="q23">What is (fish, fries, chips,pizza...many answers)?</div>
<div id="aq23">Seagulls at the shore are known to eat...</div>
</div>
</td>
<td id="tq24" class="cell clean" onclick="prompt.show('q24', 300)">
<h3>300</h3>
<div class="hide">
<div id="q24">What is (pink, brown, black or red..if you are rudolph)?</div>
<div id="aq24">What color can deer noses be?</div>
</div>
</td>
</tr>
<tr>
<td id="tq30" class="cell clean" onclick="prompt.show('q30', 400)">
<h3>400</h3>
<div class="hide">
<div id="q30">What is Mistletoe or Holly?</div>
<div id="aq30">People sometimes hang these plants up to decorate the house around the ho-ho-holidays..</div>
</div>
</td>
<td id="tq31" class="cell clean" onclick="prompt.show('q31', 400)">
<h3>400</h3>
<div class="hide">
<div id="q31">What is Early Bird?</div>
<div id="aq31">They say that this kind of "bird catches the worm"...Late, Early, Afternoon or Evening</div>
</div>
</td>
<td id="tq32" class="cell clean" onclick="prompt.show('q32', 400)">
<h3>400</h3>
<div class="hide">
<div id="q32">What are chipmunks?</div>
<div id="aq32">Alvin, Simon and Theodore are singing, dancing examples of this animal.</div>
</div>
</td>
<td id="tq33" class="cell clean" onclick="prompt.show('q33', 400)">
<h3>400</h3>
<div class="hide">
<div id="q33">What are eggs?</div>
<div id="aq33">Like most birds, Seagulls hatch from..</div>
</div>
</td>
<td id="tq34" class="cell clean" onclick="prompt.show('q34', 400)">
<h3>400</h3>
<div class="hide">
<div id="q34">What are antlers?</div>
<div id="aq34">These pointy things grow on boy deer heads</div>
</div>
</td>
</tr>
<tr>
<td id="tq40" class="cell clean" onclick="prompt.show('q40', 500)">
<h3>500</h3>
<div class="hide">
<div id="q40">What is magic beans/beanstalk?</div>
<div id="aq40">Jack traded a cow for some of these which grew into a stalk...</div>
</div>
</td>
<td id="tq41" class="cell clean" onclick="prompt.show('q41', 500)">
<h3>500</h3>
<div class="hide">
<div id="q41">What is a crow?</div>
<div id="aq41">This black bird makes a caw noise</div>
</div>
</td>
<td id="tq42" class="cell clean" onclick="prompt.show('q42', 500)">
<h3>500</h3>
<div class="hide">
<div id="q42">What are cats?</div>
<div id="aq42">Gumball and Mrs. Watterson are what kind of small mammal?</div>
</div>
</td>
<td id="tq43" class="cell clean" onclick="prompt.show('q43', 500)">
<h3>500</h3>
<div class="hide">
<div id="q43">What is white?</div>
<div id="aq43">Most seagulls are this color...</div>
</div>
</td>
<td id="tq44" class="cell clean" onclick="prompt.show('q44', 500)">
<h3>500</h3>
<div class="hide">
<div id="q44">What is dear?</div>
<div id="aq44">Which word do you use for a letter? Deer or Dear</div>
</div>
</td>
</tr>
</tbody>
</table>
<div id="options">
<h1>2nd Grade Wildlife Game</h1>
<label>Number of Teams</label>
<select name="teams" id="teams">
<option value="1">1 team</option>
<option value="2">2 teams</option>
<option value="3">3 teams</option>
<option value="4">4 teams</option>
<option value="5">5 teams</option>
<option value="6">6 teams</option>
<option value="7">7 teams</option>
<option value="8">8 teams</option>
<option value="9">9 teams</option>
<option value="10">10 teams</option>
<option value="11">11 teams</option>
<option value="12">12 teams</option>
</select>
<input class="submit" type="button" id="submit" value="Start" onclick="game.init()" />
<p align="center">Press F11 for full-screen mode</p>
<div class="clear"></div>
</div>
<div id="stats">
</div>
<div id="prompt">
<h2 id="answer"></h2>
<p><span id="correct-response"><a href="javascript:prompt.showQuestion()">Correct Response</a> &nbsp;&nbsp;&nbsp;&nbsp; </span><a href="javascript:prompt.hide()">Continue</a></p>
<h2 id="question"></h2>
</div>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-6553843-3");
pageTracker._trackPageview();
} catch(err) {}</script>
</body>
</html>