text:
/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

#preload { display: none; }

#play-toggle { display: block; position: fixed; width:30px; height: 35px; background: url(../img/global/controls.png) no-repeat -30px top; top:20px; right:50px; z-index: 50; text-indent: -9999px; line-height: 0; font-size: 0em; cursor: pointer;}
#play-toggle.paused { background-position: -30px -35px; }
#play-toggle.playing { background-position: -30px 0px; }
#rewind { display: block; position: fixed; width:30px; height: 35px; background: url(../img/global/controls.png) no-repeat 0px top; top:20px; right:80px; z-index: 50; text-indent: -9999px; line-height: 0; font-size: 0em;  cursor: pointer;}
#fastforward { display: block; position: fixed; width:30px; height: 35px; background: url(../img/global/controls.png) no-repeat -58px top; top:20px; right:20px; z-index: 50; text-indent: -9999px; line-height: 0; font-size: 0em; cursor: pointer;}

section { position: relative; }
.bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 60; overflow:hidden;}

.prev .bg { position: fixed; bottom: 0; z-index: 20; }
.active .bg { position: fixed; z-index: 40; }

div.animation { position: relative; margin: 2% 10%; width: 1050px; height: 100%; min-height: 700px; }

/* ===== Scenes ===== */

#scene1 { height: 3000px; }
#scene2 { height: 24000px; } /* 24000 */
#scene3 { height: 16000px; } /* 20000 */
#scene4 { height: 10000px; } /*10000 */
#scene5 { height: 7000px; } /* 7000 */
#scene6 { height: 10000px; }
#scene7 { height: 10000px; }
#scene8 { height: 10000px; }
#scene9 { height: 10000px; }
#scene10 { height: 12000px; }
#scene11 { height: 8000px; }
#scene12 { height: 12000px; }
#scene13 { height: 10000px; }
#scene14 { height: 10000px; }
#scene15 { height: 10000px; }
#scene16 { height: 10000px; }

/* ===== Backgrounds ===== */

#scene1 .bg { background: #B51428 url('../img/scene1/bg.jpg') left top no-repeat fixed; }
#scene2 .bg { background: #B51428 url('../img/scene2/bg-2.jpg') left top repeat fixed; }
#scene3 .bg { background: #B51428 url('../img/scene3/bg.jpg') left bottom repeat fixed; }
#scene4 .bg {background:  url('../img/scene4/bg-2.png') left 105% repeat fixed }
#scene4 .second-bg { background:url('../img/scene4/backroom-3.png') left 105% no-repeat fixed}
#scene5 .bg { background:  #B51428 url('../img/scene5/bg.jpg') left bottom repeat fixed; }
#scene6 .bg { background:  #B51428 url('../img/scene-garageband/bg.jpg') left bottom repeat fixed; }
#scene7 .bg { background: #B51428 url('../img/scene-miracle/bg.jpg') left bottom repeat fixed; }
#scene8 .bg { background:  #B51428 url('../img/scene-aquarium/bg.jpg') left bottom repeat fixed;}
#scene9 .bg { background:  #B51428 url('../img/scene-truck/bg.jpg') left bottom repeat fixed; }
#scene10 .bg { background:  #B51428 url('../img/scene-pool/bg.jpg') left bottom repeat fixed;}
#scene11 .bg { background:  #B51428 url('../img/scene-stieff/bg.jpg') left bottom repeat fixed;}
#scene12 .bg { background:  #B51428 url('../img/scene-sleeping/bg.jpg') left bottom repeat fixed;}
#scene13 .bg { background:  #B51428 url('../img/scene-celebration/bg.jpg') left bottom repeat fixed; }
#scene14 .bg { background:  #B51428 url('../img/scene-sky/bg.jpg') left bottom repeat fixed;}
#scene15 .bg { background:  blue;}
#scene16 .bg { background:  blue;}

.prev div { display: none; }
.next div { display: none; }

/* ===== Scene 1 ===== */

#text-dr-seuss { position: absolute; top: 4.4%; left: 4.7%; width: 232px; height: 55px; background: url('../img/scene1/sprite.png') no-repeat -15px -15px; }
#strike-through { position: absolute; top: 36.4%; left: 0%; width: 0; height: 10px; background: url('../img/scene1/sprite.png') no-repeat -340px -23px; }
#text-john-berndts { position: absolute; top: 11.2%; left: 5.9%; width: 223px; height: 40px; background: url('../img/scene1/sprite.png') no-repeat -348px -59px; opacity: 0; }
#text-how-the { position: absolute; top: 1.8%; left: 29.2%; width: 355px; height: 140px; background: url('../img/scene1/sprite.png') no-repeat -15px -120px; }
#text-grinch { position: absolute; top: 17.4%; left: 19.1%; width: 567px; height: 236px; background: url('../img/scene1/sprite.png') no-repeat -17px -274px; }
#text-stole { position: absolute; top: 41.4%; left: 36.8%; width: 306px; height: 109px; background: url('../img/scene1/sprite.png') no-repeat -54px -539px; }
#text-christmas { position: absolute; top: 49.1%; left: 19.8%; width: 557px; height: 152px; background: url('../img/scene1/sprite.png') no-repeat -22px -662px; }
#play { display: block; position: absolute; bottom: 12.3%; left: 42%; width: 130px; height: 59px; background: url('../img/scene1/sprite.png') no-repeat -441px -166px; cursor: pointer; }
#grinch-face { position: fixed; top: 0; right: 0; width: 416px; height: 100%; background: url('../img/scene1/grinch-face.png') no-repeat 100% 50%; }
#wings { position: absolute; bottom: 7.3%; left: 11%; width: 320px; height: 198px; background: url('../img/scene1/wings-sprite.png') no-repeat 0 0;}
#wings.wings1 { background-position: 0 0; }
#wings.wings2 { background-position: 0 -198px; }
#wings.wings3 { background-position: 0 -396px; }
#wings.wings4 { background-position: 0 -594px; }
#wings.wings5 { background-position: 0 -792px; }
#wings.wings6 { background-position: 0 -990px; }
#wings.wings7 { background-position: 0 -1188px; }
#wings.wings8 { background-position: 0 -1386px; }
#wings.wings9 { background-position: 0 -1584px; }

/* ===== Scene 2 ===== */

#textbox1 { position: absolute; top: 4.4%; left: 50%; margin-left:  -177px; width: 354px; height: 253px; background: url('../img/scene2/textbox1.png') no-repeat; opacity: 0; }
#textbox2 { position: absolute; top: 4.4%; left: 50%; margin-left: -177px; width: 354px; height: 253px; background: url('../img/scene2/textbox2.png') no-repeat; opacity: 0; }
#near-cliff  { position:absolute; height: 3187px; width: 588px; background: url('../img/scene2/near-cliff.png') no-repeat  0; right:0; top:0;  }
#far-cliff { position: absolute; height:3169px; width: 745px; background: url('../img/scene2/far-cliff.png') no-repeat 0 0; right: 0px; top:0; }
#ledge { position: absolute; width: 626px; height: 952px; background: url('../img/scene2/ledge.png') no-repeat 0 0; right:0px; bottom: -1100px; }
#lights { position: absolute; width: 1400px; height: 900px; background: url('../img/scene2/lights.png') no-repeat 0 0; left:-100px; bottom:-900px; opacity: .7;}
#textbox3 { position: absolute; top: 4.4%; left: 50%; margin-left: -177px; width: 354px; height: 325px; background: url('../img/scene2/textbox3.png') no-repeat; opacity: 0; }
#back-row-houses { position: absolute; width: 1399px; height: 770px; background: url('../img/scene2/back-row-houses.png') no-repeat 0 0; left: 0px; bottom: -770px; }
#front-row-houses  { position: absolute; width: 831px; height: 508px; background: url('../img/scene2/front-row-houses.png') no-repeat 0 0; left: 0px; bottom: -477px; }
#lawn-ornaments { position: absolute; width: 1235px; height: 380px; background: url('../img/scene2/lawn-ornaments.png') no-repeat 0 0; right: 0px; bottom: -380px; }
#gate { position: absolute; width: 1400px; height: 860px; background: url('../img/scene2/gate.png') no-repeat 0 0;left:0; bottom: -870px; }

#grinch { position:absolute;  background: url('../img/scene2/grinch.png') no-repeat; bottom:-696px; right:0px; }
#grinch.grinch1 { width: 399px; height: 696px; background-position: -0px -1414px; }
#grinch.grinch2 { width: 399px; height: 696px; background-position: -1230px -707px; }
#grinch.grinch3 { width: 399px; height: 696px; background-position: -1230px -0px; }
#grinch.grinch4 { width: 399px; height: 696px; background-position: -820px -707px; }
#grinch.grinch5 { width: 399px; height: 696px; background-position: -410px -707px; }
#grinch.grinch6 { width: 399px; height: 696px; background-position: -0px -707px; }
#grinch.grinch7 { width: 399px; height: 696px; background-position: -820px -0px; }
#grinch.grinch8 { width: 399px; height: 696px; background-position: -410px -0px; }
#grinch.grinch9 { width: 399px; height: 696px; background-position: -0px -0px; }

#max { position: absolute; right:306px; bottom:-262px; background: url('../img/scene2/max-sprite.png') no-repeat 0 0; width: 290px; height: 241px; }
#max.max1 { background-position: 0 0; }
#max.max2 { background-position: 0 -241px; }
#max.max3 { background-position: 0 -482px; }
#max.max4 { background-position: 0 -723px; }
#max.max5 { background-position: 0 -964px; }
#max.max6 { background-position: 0 -1205px; }
/* ===== Scene 3 ===== */

#bg-test { position:absolute; background: url('../img/scene3/bg.jpg') no-repeat 0 0; width:2866px; height:1000px; bottom: 0; left: 0; }
#bunny-2 { position:absolute; background: url('../img/scene3/bunny-2.png') no-repeat 0 0; width: 209px; height: 178px; left: 1182px; bottom:10px; }
#bunny-big { position:absolute; background: url('../img/scene3/bunny-big.png') no-repeat 0 0; width: 437px; height: 391px; left: 1642px; bottom: -20px; }
#know-your-memes {  position:absolute; background: url('../img/scene3/know-your-memes.png') no-repeat 0 0; width: 117px; height: 101px; left: 1542px; bottom: 300px; }
#doorway { position:absolute; background: url('../img/scene3/doorway.png') no-repeat 0 0; width: 253px; height: 706px; left: 1172px; bottom: 54px; }
#couch { position:absolute; background: url('../img/scene3/couch.png') no-repeat 0 0; width: 1328px; height: 486px; left: 1242px; bottom: 0px; }

#ericw { position: absolute; bottom: 3%; left: 35%; margin-left:  -215px; width: 350px; height: 606px; background: url('../img/scene3/ericw-sprite.png') no-repeat; background-position: 0px -48px; opacity: 0; }
#ericw.ericw0 { background-image: none; }
#ericw.ericw1 { height: 606px; background-position: 0px -48px; }
#ericw.ericw2 { height: 610px; background-position: 0px -657px; }
#ericw.ericw3 { height: 663px; background-position: 0px -1275px; }
#ericw.ericw4 { height: 608px; background-position: 0px -1972px; }
#ericw.ericw5 { height: 587px; background-position: 0px -2620px; }
#ericw.ericw6 { height: 589px; background-position: 0px -3248px; }
#ericw.ericw7 { height: 605px; background-position: 0px -3856px; }
#ericw.ericw8 { height: 688px; background-position: 0px -4471px; }
#ericw.ericw9 { height: 660px; background-position: 0px -5164px; }
#ericw.ericw10 { height: 655px; background-position: -358px 0px; }
#ericw.ericw11 { height: 603px; background-position: -358px -661px; }
#ericw.ericw12 { height: 605px; background-position: -358px -1333px; }
#ericw.ericw13 { height: 634px; background-position: -358px -1946px; }
#ericw.ericw14 { height: 628px; background-position: -358px -2580px; }
#ericw.ericw15 { height: 628px; background-position: -358px -3209px; }
#ericw.ericw16 { height: 608px; background-position: -358px -3853px; }
#ericw.ericw17 { height: 611px; background-position: -358px -4554px; }

#grinch-burbs { position:absolute; left: 1150px; bottom:220px; background: url('../img/scene3/grinch.png') no-repeat; }
#grinch-burbs.grinch-burbs0 { width: 1446px; height: 616px; background: url('../img/scene3/grinch-start.png') no-repeat;  }
#grinch-burbs.grinch-burbs1 { width: 1446px; height: 616px; background-position: -2914px -627px; }
#grinch-burbs.grinch-burbs2 { width: 1446px; height: 616px; background-position: -2914px -0px; }
#grinch-burbs.grinch-burbs3 { width: 1446px; height: 616px; background-position: -1457px -2508px; }
#grinch-burbs.grinch-burbs4 { width: 1446px; height: 616px; background-position: -0px -2508px; }
#grinch-burbs.grinch-burbs5 { width: 1446px; height: 616px; background-position: -1457px -1881px; }
#grinch-burbs.grinch-burbs6 { width: 1446px; height: 616px; background-position: -0px -1881px; }
#grinch-burbs.grinch-burbs7 { width: 1446px; height: 616px; background-position: -1457px -1254px; }
#grinch-burbs.grinch-burbs8 { width: 1446px; height: 616px; background-position: -0px -1254px; }
#grinch-burbs.grinch-burbs09 { width: 1446px; height: 616px; background-position: -1457px -627px; }
#grinch-burbs.grinch-burbs10 { width: 1446px; height: 616px; background-position: -0px -627px; }
#grinch-burbs.grinch-burbs11 { width: 1446px; height: 616px; background-position: -1457px -0px; }
#grinch-burbs.grinch-burbs12 { width: 1446px; height: 616px; background-position: -0px -0px; }
#grinch-burbs.grinch-burbs13 { width: 0px; height: 0px; background-position: -0px -0px; }

/* ===== Scene 4 ===== */

#poker { position: absolute; bottom: -40px; right: 12%; background: url('../img/scene4/poker-sprite.png') no-repeat; background-position: -0px -3260px; opacity: 0; }
#poker.poker1 { width: 1208px; height: 524px; background-position: -3657px -1070px; }
#poker.poker2 { width: 1208px; height: 524px; background-position: -0px -1605px; }
#poker.poker3 { width: 1208px; height: 524px; background-position: -0px -1070px; }
#poker.poker4 { width: 1208px; height: 524px; background-position: -2438px -535px; }
#poker.poker5 { width: 1208px; height: 524px; background-position: -1219px -535px; }
#poker.poker6 { width: 1208px; height: 524px; background-position: -0px -535px; }
#poker.poker7 { width: 1208px; height: 524px; background-position: -2438px -0px; }
#poker.poker8 { width: 1208px; height: 524px; background-position: -1219px -0px; }
#poker.poker9 { width: 1208px; height: 524px; background-position: -0px -0px; }
#poker.poker10 { width: 1208px; height: 524px; background-position: -3657px -535px; }
#poker.poker11 { width: 1208px; height: 524px; background-position: -3657px -0px; }
#poker.poker12 { width: 1208px; height: 524px; background-position: -2438px -2675px; }
#poker.poker13 { width: 1208px; height: 524px; background-position: -1219px -2675px; }
#poker.poker14 { width: 1208px; height: 524px; background-position: -0px -2675px; }
#poker.poker15 { width: 1208px; height: 524px; background-position: -2438px -2140px; }
#poker.poker16 { width: 1208px; height: 524px; background-position: -1219px -2140px; }
#poker.poker17 { width: 1208px; height: 524px; background-position: -0px -2140px; }
#poker.poker18 { width: 1208px; height: 524px; background-position: -2438px -1605px; }
#poker.poker19 { width: 1208px; height: 524px; background-position: -1219px -1605px; }
#poker.poker20 { width: 1208px; height: 524px; background-position: -2438px -1070px; }
#poker.poker21 { width: 1208px; height: 524px; background-position: -1219px -1070px; }

#dog { position: absolute; bottom: 0; right: 3%; width: 352px; height: 230px; background: url('../img/scene4/dog.png'); }
#bg-inner { z-index:0; bottom:-40px;}
#poker-text { position: absolute; bottom: 430px; left: 390px; width: 354px; height: 253px; background: url('../img/scene4/poker-text.png'); }

#grinch-poker {position:absolute; width: 1400px; height: 1000px; bottom:0px; left:0px; background: url('../img/scene4/grinch-poker-2b.jpg') no-repeat;   }
#grinch-poker.grinch-poker1 { width: 1400px; height: 1000px; background-position: -4233px -2022px; }
#grinch-poker.grinch-poker2 { width: 1400px; height: 1000px; background-position: -4233px -1011px; }
#grinch-poker.grinch-poker3 { width: 1400px; height: 1000px; background-position: -4233px -0px; }
#grinch-poker.grinch-poker4 { width: 1400px; height: 1000px; background-position: -2822px -3033px; }
#grinch-poker.grinch-poker5 { width: 1400px; height: 1000px; background-position: -1411px -3033px; }
#grinch-poker.grinch-poker6 { width: 1400px; height: 1000px; background-position: -0px -3033px; }
#grinch-poker.grinch-poker7 { width: 1400px; height: 1000px; background-position: -2822px -2022px; }
#grinch-poker.grinch-poker8 { width: 1400px; height: 1000px; background-position: -1411px -2022px; }
#grinch-poker.grinch-poker9 { width: 1400px; height: 1000px; background-position: -0px -2022px; }
#grinch-poker.grinch-poker10 { width: 1400px; height: 1000px; background-position: -2822px -1011px; }
#grinch-poker.grinch-poker11 { width: 1400px; height: 1000px; background-position: -1411px -1011px; }
#grinch-poker.grinch-poker12 { width: 1400px; height: 1000px; background-position: -0px -1011px; }
#grinch-poker.grinch-poker13 { width: 1400px; height: 1000px; background-position: -2822px -0px; }
#grinch-poker.grinch-poker14 { width: 1400px; height: 1000px; background-position: -1411px -0px; }
#grinch-poker.grinch-poker15 { width: 1400px; height: 1000px; background-position: -0px -0px; }

/* ===== Scene 5 - Drummers ===== */

#clouds-1 { position: absolute; width: 1800px; height: 376px; background: url('../img/scene5/clouds-1.png') no-repeat 0 0;left:0; top: -20px; }
#clouds-2 { position: absolute; width: 849px; height: 403px; background: url('../img/scene5/clouds-2.png') no-repeat 0 0;left:400px; top: -120px; }
#monument { position: absolute; width: 618px; height: 1000px; background: url('../img/scene5/monument.png') no-repeat 0 0;left:0px; top: 20px; }
#monument-lights { position: absolute; width: 252px; height: 702px; background: url('../img/scene5/monument-lights.png') no-repeat 0 0;left: 130px; top: 126px; }
#textbox-scene5 { position: absolute; width: 432px; height: 177px; background: url('../img/scene5/text-5.png') no-repeat 0 0;left: 50%; margin-left:  -177px; top: 30px; z-index: 50; opacity: 0;}
#symbols { position: absolute; width: 1363px; height: 585px; background: url('../img/scene5/symbols.png') no-repeat 0 0; right:10px; bottom: 30px;}
#feeling-it { position: absolute; width: 88px; height: 76px; background: url('../img/scene5/feeling-it.png') no-repeat 0 0; right:320px; bottom: 350px; opacity: 0;}
#didgeri-do { position: absolute; width: 95px; height: 91px; background: url('../img/scene5/didgeri-do.png') no-repeat 0 0; right:500px; bottom: 270px; opacity: 0;}

#drummers {  position: absolute; bottom: -80px; right:100px ; width: 857px; height: 490px; background: url('../img/scene5/drummers-sprite.png') no-repeat; background-position: 0px 0px; opacity: 0;  }
#drummers.drummers1 { background-position: 0 0; }
#drummers.drummers2 { background-position: 0 -490px; }
#drummers.drummers3 { background-position: 0 -980px; }
#drummers.drummers4 { background-position: 0 -1470px; }
#drummers.drummers5 { background-position: 0 -1960px; }
#drummers.drummers6 { background-position: 0 -2450px; }
#drummers.drummers7 { background-position: 0 -2940px; }
#drummers.drummers8 { background-position: 0 -3430px; }
#drummers.drummers9 { background-position: 0 -3920px; }
#drummers.drummers10 { background-position: 0 -4410px; }
#drummers.drummers11 { background-position: 0 -4900px; }
#drummers.drummers12 { background-position: 0 -5390px; }
#drummers.drummers13 { background-position: 0 -5880px; }
#drummers.drummers14 { background-position: 0 -6370px; }
#drummers.drummers15 { background-position: 0 -6860px; }
#drummers.drummers16 { background-position: 0 -7340px; }

#drummers {  position: absolute; bottom: 0px; right:100px ; background: url('../img/scene5/drummers-sprite.png') no-repeat; background-position: 0px 0px; opacity: 0;  }
#drummers.drummers1 { width: 825px; height: 442px; background-position: -0px -2265px; }
#drummers.drummers2 { width: 825px; height: 442px; background-position: -1672px -1812px; }
#drummers.drummers3 { width: 825px; height: 442px; background-position: -1672px -1359px; }
#drummers.drummers4 { width: 825px; height: 442px; background-position: -1672px -906px; }
#drummers.drummers5 { width: 825px; height: 442px; background-position: -1672px -453px; }
#drummers.drummers6 { width: 825px; height: 442px; background-position: -1672px -0px; }
#drummers.drummers7 { width: 825px; height: 442px; background-position: -836px -1812px; }
#drummers.drummers8 { width: 825px; height: 442px; background-position: -0px -1812px; }
#drummers.drummers9 { width: 825px; height: 442px; background-position: -836px -1359px; }
#drummers.drummers10 { width: 825px; height: 442px; background-position: -0px -1359px; }
#drummers.drummers11 { width: 825px; height: 442px; background-position: -836px -906px; }
#drummers.drummers12 { width: 825px; height: 442px; background-position: -0px -906px; }
#drummers.drummers13 { width: 825px; height: 442px; background-position: -836px -453px; }
#drummers.drummers14 { width: 825px; height: 442px; background-position: -0px -453px; }
#drummers.drummers15 { width: 825px; height: 442px; background-position: -836px -0px; }
#drummers.drummers16 { width: 825px; height: 442px; background-position: -0px -0px; }

/* ===== Scene 6 - Garage Band  ===== */

#garage-exterior { position: absolute; bottom: 0; right: 0; width: 1400px; height: 853px; background: url('../img/scene-garageband/garage-exterior.png') no-repeat; }
#garage-interior { position: absolute; bottom: 92px; right: 358px; width: 628px; height: 505px; background: url('../img/scene-garageband/garage-interior.jpg') no-repeat; }
#textbox-scene6 { position: absolute; bottom: 550px; right: 600px; width: 354px; height: 176px; background: url('../img/scene-garageband/text.png') no-repeat; opacity: 0; }

#garageband { position: absolute; bottom: 0; right: 12%; width: 788px; height: 485px; background: url('../img/scene-garageband/garageband-sprite.png') no-repeat; background-position: -0px -3113px; }
#garageband.garageband1 { width: 788px; height: 485px; right: 14%; background-position: -0px -3113px; }
#garageband.garageband2 { width: 755px; height: 484px; right: 15%; background-position: -1593px -3113px; }
#garageband.garageband3 { width: 833px; height: 487px; right: 10%; background-position: -2770px -1579px; }
#garageband.garageband4 { width: 840px; height: 507px; right: 17%; background-position: -1826px -2269px; }
#garageband.garageband5 { width: 789px; height: 494px; right: 16%; background-position: -2687px -2598px; }
#garageband.garageband6 { width: 820px; height: 499px; right: 18%; background-position: -2985px -1059px; }
#garageband.garageband7 { width: 899px; height: 495px; right: 8%; background-position: -0px -2269px; }
#garageband.garageband8 { width: 823px; height: 490px; right: 12%; background-position: -2765px -2087px; }
#garageband.garageband9 { width: 836px; height: 494px; right: 14%; background-position: -3050px -0px; }
#garageband.garageband10 { width: 763px; height: 495px; right: 16%; background-position: -809px -3113px; }
#garageband.garageband11 { width: 788px; height: 523px; right: 14%; background-position: -3050px -515px; }
#garageband.garageband12 { width: 862px; height: 528px; right: 11%; background-position: -1882px -1720px; }
#garageband.garageband13 { width: 880px; height: 525px; right: 9%; background-position: -0px -1720px; }
#garageband.garageband14 { width: 1053px; height: 548px; right: 10%; background-position: -0px -0px; }
#garageband.garageband15 { width: 921px; height: 547px; right: 13%; background-position: -2043px -564px; }
#garageband.garageband16 { width: 837px; height: 567px; right: 11%; background-position: -1912px -1132px; }
#garageband.garageband17 { width: 927px; height: 513px; right: 10%; background-position: -964px -1132px; }
#garageband.garageband18 { width: 943px; height: 515px; right: 8%; background-position: -0px -1132px; }
#garageband.garageband19 { width: 960px; height: 478px; right: 8%; background-position: -901px -1720px; }
#garageband.garageband20 { width: 986px; height: 543px; right: 6%; background-position: -2043px -0px; }
#garageband.garageband21 { width: 948px; height: 571px; right: 11%; background-position: -1074px -0px; }
#garageband.garageband22 { width: 885px; height: 496px; right: 12%; background-position: -920px -2269px; }

#garage-grinch { position: absolute; bottom: 196px; right: -15px; background: url('../img/scene-garageband/grinch-sprite.png') no-repeat; width: 1400px; height: 825px; background-position: -4203px -0px; opacity: 0; }
#garage-grinch.grinch1 { background-position: -4203px -0px; }
#garage-grinch.grinch2 { background-position: -2802px -3304px; }
#garage-grinch.grinch3 { background-position: -1401px -3304px; }
#garage-grinch.grinch4 { background-position: -0px -3304px; }
#garage-grinch.grinch5 { background-position: -2802px -2478px; }
#garage-grinch.grinch6 { background-position: -1401px -2478px; }
#garage-grinch.grinch7 { background-position: -0px -2478px; }
#garage-grinch.grinch8 { background-position: -2802px -1652px; }
#garage-grinch.grinch9 { background-position: -1401px -1652px; }
#garage-grinch.grinch10 { background-position: -0px -1652px; }
#garage-grinch.grinch11 { background-position: -2802px -826px; }
#garage-grinch.grinch12 { background-position: -1401px -826px; }
#garage-grinch.grinch13 { background-position: -0px -826px; }
#garage-grinch.grinch14 { background-position: -2802px -0px; }
#garage-grinch.grinch15 { background-position: -1401px -0px; }
#garage-grinch.grinch16 { background-position: -0px -0px; }

#garage-decorations { position: absolute; bottom: 581px; right: 207px; background: url('../img/scene-garageband/decorations-sprite.png') no-repeat; width: 1125px; height: 325px; background-position: -1126px -1630px; }
#garage-decorations.decorations1 { background-position: -1126px -1630px; }
#garage-decorations.decorations2 { background-position: -1126px -1304px; }
#garage-decorations.decorations3 { background-position: -1126px -978px; }
#garage-decorations.decorations4 { background-position: -1126px -652px; }
#garage-decorations.decorations5 { background-position: -1126px -326px; }
#garage-decorations.decorations6 { background-position: -1126px -0px; }
#garage-decorations.decorations7 { background-position: -0px -1630px; }
#garage-decorations.decorations8 { background-position: -0px -1304px; }
#garage-decorations.decorations9 { background-position: -0px -978px; }
#garage-decorations.decorations10 { background-position: -0px -652px; }
#garage-decorations.decorations11 { background-position: -0px -326px; }
#garage-decorations.decorations12 { background-position: -0px -0px; }
#garage-decorations.decorations13 { background: none; }

/* ===== Scene 7 - Miracle 34th ===== */

#text-miracle { position: absolute; bottom: 350px; right: 600px; width: 332px; height: 217px; background: url('../img/scene-miracle/text-miracle.png') no-repeat; opacity: 0; }
#flamingo { position:absolute;width:350px; height:605px; bottom: -30px; left: -20px; background: url('../img/scene-miracle/flamingo.png') no-repeat;  }
#snowman { position:absolute;width:300px; height:438px; bottom: 30px; right: -20px; background: url('../img/scene-miracle/snowman.png') no-repeat;  }
#teddy-bear { position:absolute;width:300px; height:438px; bottom: -170px; right: -20px; background: url('../img/scene-miracle/teddy-bear.png') no-repeat;  }

#carolers { position:absolute; width: 963px; height: 575px; background: url('../img/scene-miracle/carolers-sprite.png') no-repeat; bottom: 0; left: 200px;opacity: 0; }
#carolers.carolers1 { width: 963px; height: 575px; background-position: -974px -3516px; }
#carolers.carolers2 { width: 963px; height: 575px; background-position: -0px -3516px; }
#carolers.carolers3 { width: 963px; height: 575px; background-position: -2922px -2930px; }
#carolers.carolers4 { width: 963px; height: 575px; background-position: -2922px -2344px; }
#carolers.carolers5 { width: 963px; height: 575px; background-position: -2922px -1758px; }
#carolers.carolers6 { width: 963px; height: 575px; background-position: -2922px -1172px; }
#carolers.carolers7 { width: 963px; height: 575px; background-position: -2922px -586px; }
#carolers.carolers8 { width: 963px; height: 575px; background-position: -2922px -0px; }
#carolers.carolers9 { width: 963px; height: 575px; background-position: -1948px -2930px; }
#carolers.carolers10 { width: 963px; height: 575px; background-position: -974px -2930px; }
#carolers.carolers11 { width: 963px; height: 575px; background-position: -0px -2930px; }
#carolers.carolers12 { width: 963px; height: 575px; background-position: -1948px -2344px; }
#carolers.carolers13 { width: 963px; height: 575px; background-position: -974px -2344px; }
#carolers.carolers14 { width: 963px; height: 575px; background-position: -0px -2344px; }
#carolers.carolers15 { width: 963px; height: 575px; background-position: -1948px -1758px; }
#carolers.carolers16 { width: 963px; height: 575px; background-position: -974px -1758px; }
#carolers.carolers17 { width: 963px; height: 575px; background-position: -0px -1758px; }
#carolers.carolers18 { width: 963px; height: 575px; background-position: -1948px -1172px; }
#carolers.carolers19 { width: 963px; height: 575px; background-position: -974px -1172px; }
#carolers.carolers20 { width: 963px; height: 575px; background-position: -0px -1172px; }
#carolers.carolers21 { width: 963px; height: 575px; background-position: -1948px -586px; }
#carolers.carolers22 { width: 963px; height: 575px; background-position: -974px -586px; }
#carolers.carolers23 { width: 963px; height: 575px; background-position: -0px -586px; }
#carolers.carolers24 { width: 963px; height: 575px; background-position: -1948px -0px; }
#carolers.carolers25 { width: 963px; height: 575px; background-position: -974px -0px; }
#carolers.carolers26 { width: 963px; height: 575px; background-position: -0px -0px; }

#miracle-grinch { position:absolute; background: url('../img/scene-miracle/miracle-grinch.png') no-repeat; bottom: 400px; left: 0px;}
#miracle-grinch.miracle-grinch1 { width: 1400px; height: 600px; background-position: -0px -3666px; }
#miracle-grinch.miracle-grinch2 { width: 1400px; height: 600px; background-position: -2822px -3055px; }
#miracle-grinch.miracle-grinch3 { width: 1400px; height: 600px; background-position: -2822px -2444px; }
#miracle-grinch.miracle-grinch4 { width: 1400px; height: 600px; background-position: -2822px -1833px; }
#miracle-grinch.miracle-grinch5 { width: 1400px; height: 600px; background-position: -2822px -1222px; }
#miracle-grinch.miracle-grinch6 { width: 1400px; height: 600px; background-position: -2822px -611px; }
#miracle-grinch.miracle-grinch7 { width: 1400px; height: 600px; background-position: -2822px -0px; }
#miracle-grinch.miracle-grinch8 { width: 1400px; height: 600px; background-position: -1411px -3055px; }
#miracle-grinch.miracle-grinch9 { width: 1400px; height: 600px; background-position: -0px -3055px; }
#miracle-grinch.miracle-grinch10 { width: 1400px; height: 600px; background-position: -1411px -2444px; }
#miracle-grinch.miracle-grinch11 { width: 1400px; height: 600px; background-position: -0px -2444px; }
#miracle-grinch.miracle-grinch12 { width: 1400px; height: 600px; background-position: -1411px -1833px; }
#miracle-grinch.miracle-grinch13 { width: 1400px; height: 600px; background-position: -0px -1833px; }
#miracle-grinch.miracle-grinch14 { width: 1400px; height: 600px; background-position: -1411px -1222px; }
#miracle-grinch.miracle-grinch15 { width: 1400px; height: 600px; background-position: -0px -1222px; }
#miracle-grinch.miracle-grinch16 { width: 1400px; height: 600px; background-position: -1411px -611px; }
#miracle-grinch.miracle-grinch17 { width: 1400px; height: 600px; background-position: -0px -611px; }
#miracle-grinch.miracle-grinch18 { width: 1400px; height: 600px; background-position: -1411px -0px; }
#miracle-grinch.miracle-grinch19 { width: 1400px; height: 600px; background-position: -0px -0px; }
/* ===== Scene 8 - Aquarium  ===== */

#bubbles-1 { position:absolute; width:844px; height:648px; background:url('../img/scene-aquarium/bubbles-1.png') no-repeat; top: 0px;left:-200px;}
#bubbles-2 { position:absolute; width:844px; height:648px; background:url('../img/scene-aquarium/bubbles-1.png') no-repeat; top: 300px;left:200px;}
#bubbles-3 { position:absolute; width:844px; height:648px; background:url('../img/scene-aquarium/bubbles-1.png') no-repeat; top: 800px;left:-420px;}
#tree { position:absolute; width:363px;height:461px; background:url('../img/scene-aquarium/tree.png') no-repeat; bottom: 0;left:20px; }
#garland { position:absolute; width:1400px; height:150px;background:url('../img/scene-aquarium/garland.png') no-repeat; bottom: 200px;left:0; }
#big-fish { position:absolute; width:542px; height:289px; background:url('../img/scene-aquarium/big-fish.png') no-repeat; top:450px; right:200px; opacity: 0;}
#little-fish-1 { position:absolute; width:352px;height:297px; background:url('../img/scene-aquarium/little-fish-9.png') no-repeat; top:150px; right:200px; opacity: 0;  }
#little-fish-2 { position:absolute; width:480px;height:307px; background:url('../img/scene-aquarium/little-fish-18.png') no-repeat; top:50px; left:200px; opacity: 0;}
#text-aquarium { position:absolute; width:505px;height:177px; background:url('../img/scene-aquarium/text-aquarium.png') no-repeat;left: 50%; margin-left:  -177px; top: 50px; z-index: 50; opacity: 0; }
#shark { position:absolute; width:1066px;height:374px; background:url('../img/scene-aquarium/shark.png') no-repeat; top:10px; right:-1087px; z-index: 60;  }

#aquarium-people { position:absolute; width:960px; height:492px; background: url('../img/scene-aquarium/aquarium-sprite.png') no-repeat; bottom: 0; right: 100px;opacity: 0;  }
#aquarium-people.aqua1 { width: 969px; height: 492px; background-position: -1960px -503px; }
#aquarium-people.aqua2 { width: 969px; height: 492px; background-position: -1960px -0px; }
#aquarium-people.aqua3 { width: 969px; height: 492px; background-position: -980px -1509px; }
#aquarium-people.aqua4 { width: 969px; height: 492px; background-position: -0px -1509px; }
#aquarium-people.aqua5 { width: 969px; height: 492px; background-position: -980px -1006px; }
#aquarium-people.aqua6 { width: 969px; height: 492px; background-position: -0px -1006px; }
#aquarium-people.aqua7 { width: 969px; height: 492px; background-position: -980px -503px; }
#aquarium-people.aqua8 { width: 969px; height: 492px; background-position: -0px -503px; }
#aquarium-people.aqua9 { width: 969px; height: 492px; background-position: -980px -0px; }
#aquarium-people.aqua0 { width: 969px; height: 492px; background-position: -0px -0px; }

/* ===== Scene 9 - Truck ===== */

#truck { position:absolute; width:1181px; height:568px; background:url('../img/scene-truck/truck.png') no-repeat; bottom: 0;left:0px; }
#text-truck { position:absolute; width:314px; height:175px; background:url('../img/scene-truck/text-truck.png') no-repeat; bottom: 119px;left:162px; }

#businessmen { position:absolute; bottom: 0; left:400px;background: url('../img/scene-truck/businessmen.png') no-repeat; opacity: 0; }
#businessmen.businessmen1 { width: 638px; height: 480px; background-position: -2245px -2445px; }
#businessmen.businessmen2 { width: 638px; height: 480px; background-position: -2260px -1954px; }
#businessmen.businessmen3 { width: 638px; height: 480px; background-position: -2318px -1463px; }
#businessmen.businessmen4 { width: 766px; height: 488px; background-position: -0px -1089px; }
#businessmen.businessmen5 { width: 643px; height: 471px; background-position: -3049px -0px; }
#businessmen.businessmen6 { width: 680px; height: 482px; background-position: -2387px -970px; }
#businessmen.businessmen7 { width: 714px; height: 483px; background-position: -1520px -2089px; }
#businessmen.businessmen8 { width: 751px; height: 474px; background-position: -0px -2089px; }
#businessmen.businessmen9 { width: 747px; height: 475px; background-position: -762px -2089px; }
#businessmen.businessmen10 { width: 765px; height: 483px; background-position: -777px -1089px; }
#businessmen.businessmen11 { width: 754px; height: 486px; background-position: -1553px -1089px; }
#businessmen.businessmen12 { width: 688px; height: 491px; background-position: -2350px -0px; }
#businessmen.businessmen13 { width: 734px; height: 488px; background-position: -777px -1586px; }
#businessmen.businessmen14 { width: 723px; height: 457px; background-position: -2387px -502px; }
#businessmen.businessmen15 { width: 727px; height: 492px; background-position: -1522px -1586px; }
#businessmen.businessmen17 { width: 797px; height: 604px; background-position: -771px -0px; }
#businessmen.businessmen18 { width: 760px; height: 639px; background-position: -0px -0px; }
#businessmen.businessmen19 { width: 760px; height: 568px; background-position: -1579px -0px; }
#businessmen.businessmen20 { width: 797px; height: 499px; background-position: -1579px -579px; }

/* ===== Scene 10 - Pool ===== */

#decorations { position:absolute; width:1400px; height:312px; background:url('../img/scene-pool/decorations.png') no-repeat; bottom: 466px;left:0px; }
#text-pool { position:absolute; width:333px;height:177px; background:url('../img/scene-pool/text-pool.png') no-repeat;left: 50%; margin-left:  -177px; bottom: 450px; z-index: 50; opacity: 0; }
#back-splash { position:absolute; width:654px; height:437px; background:url('../img/scene-pool/back-splash.png') no-repeat; bottom: 164px;left:640px;  }
#front-splash { position:absolute; width:1147px; height:385px; background:url('../img/scene-pool/front-splash.png') no-repeat; bottom: 0;left:144px;  }

#phelps { position:absolute;background: url('../img/scene-pool/phelps-sprite.png') no-repeat; left:100px; bottom:400px; }

#phelps.phelps1 {  bottom: 440px; left:1358px; width: 54px; height: 84px; background-position: -1681px -1368px; }
#phelps.phelps2 {  bottom: 430px; left:1258px; width: 138px; height: 103px; background-position: -607px -756px; }
#phelps.phelps3 {  bottom: 404px; left:1116px; width: 150px; height: 117px; background-position: -1320px -1424px; }
#phelps.phelps4 {  bottom: 400px; left:1040px; width: 190px; height: 129px; background-position: -1480px -1284px; }
#phelps.phelps5 {  bottom: 400px; left:939px; width: 203px; height: 131px; background-position: -739px -1284px; }
#phelps.phelps6 {  bottom: 400px; left:918px; width: 205px; height: 131px; background-position: -523px -1284px; }
#phelps.phelps7 {  bottom: 340px; left:757px; width: 242px; height: 164px; background-position: -1524px -201px; }
#phelps.phelps8 {  bottom: 260px; left:725px; width: 227px; height: 167px; background-position: -1503px -949px; }
#phelps.phelps9 {  bottom: 280px; left:628px; width: 288px; height: 166px; background-position: -1454px -381px; }
#phelps.phelps10 { bottom: 270px; left:488px;  width: 247px; height: 187px; background-position: -1506px -558px; }
#phelps.phelps11 { bottom: 259px; left:265px;  width: 403px; height: 208px; background-position: -414px -925px; }
#phelps.phelps12 { bottom: 260px; left:156px;  width: 403px; height: 217px; background-position: -0px -925px; }
#phelps.phelps13 { bottom: 250px; left:87px;  width: 447px; height: 217px; background-position: -761px -697px; }
#phelps.phelps14 { bottom: 230px; left:33px;  width: 359px; height: 216px; background-position: -828px -925px; }
#phelps.phelps15 { bottom: 200px; left:0px;  width: 271px; height: 214px; background-position: -1198px -1139px; }
#phelps.phelps16 { bottom: 200px; left:0px;  width: 171px; height: 165px; background-position: -341px -1284px; }
#phelps.phelps19 { bottom: 240px; left:175px;  width: 184px; height: 108px; background-position: -953px -1424px; }
#phelps.phelps20 { bottom: 240px; left:145px;  width: 223px; height: 146px; background-position: -1503px -1127px; }
#phelps.phelps21 { bottom: 250px; left:83px;  width: 257px; height: 190px; background-position: -1524px -0px; }
#phelps.phelps22 { bottom: 230px; left:82px;  width: 276px; height: 229px; background-position: -1219px -669px; }
#phelps.phelps23 { bottom: 230px; left:68px;  width: 317px; height: 277px; background-position: -1126px -381px; }
#phelps.phelps24 { bottom: 230px; left:44px;  width: 369px; height: 328px; background-position: -381px -381px; }
#phelps.phelps25 { bottom: 220px; left:44px;  width: 370px; height: 370px; background-position: -0px -381px; }
#phelps.phelps26 { bottom: 220px; left:44px;  width: 370px; height: 370px; background-position: -1143px -0px; }
#phelps.phelps27 { bottom: 220px; left:44px;  width: 370px; height: 370px; background-position: -762px -0px; }
#phelps.phelps28 { bottom: 220px; left:44px;  width: 370px; height: 370px; background-position: -381px -0px; }
#phelps.phelps29 { bottom: 220px; left:44px;  width: 370px; height: 370px; background-position: -0px -0px; }
#phelps.phelps30 { bottom: 220px; left:44px;  width: 354px; height: 305px; background-position: -761px -381px; }
#phelps.phelps31 { bottom: 220px; left:44px;  width: 273px; height: 219px; background-position: -1219px -909px; }
#phelps.phelps32 { bottom: 220px; left:111px;  width: 223px; height: 114px; background-position: -953px -1284px; }
#phelps.phelps35 { bottom: 180px; left:298px;  width: 246px; height: 182px; background-position: -1506px -756px; }
#phelps.phelps36 { bottom: 230px; left:266px;  width: 330px; height: 168px; background-position: -0px -1152px; }
#phelps.phelps37 { bottom: 300px; left:535px;  width: 215px; height: 152px; background-position: -381px -756px; }
#phelps.phelps38 { bottom: 350px; left:719px;  width: 186px; height: 121px; background-position: -0px -1424px;}
#phelps.phelps39 { bottom: 390px; left:857px;  width: 161px; height: 115px; background-position: -1148px -1424px; }
#phelps.phelps40 { bottom: 430px; left:1063px;  width: 140px; height: 91px; background-position: -1481px -1424px;}
#phelps.phelps41 { bottom: 440px; left:1221px;  width: 99px; height: 73px; background-position: -1681px -1284px; }
#phelps.phelps42 { bottom: 450px; left:1334px;  width: 89px; height: 66px; background-position: -197px -1368px;}

#swimmers { position:absolute; bottom: 0; left:485px; background: url('../img/scene-pool/swimmers.png') no-repeat; opacity: 0;  }
#swimmers.swimmers1 { width: 546px; height: 363px; background-position: -2339px -404px; }
#swimmers.swimmers2 { width: 546px; height: 393px; background-position: -2339px -0px; }
#swimmers.swimmers3 { width: 555px; height: 397px; background-position: -1751px -1771px; }
#swimmers.swimmers4 { width: 581px; height: 396px; background-position: -0px -1771px; }
#swimmers.swimmers5 { width: 541px; height: 462px; background-position: -1475px -823px; }
#swimmers.swimmers6 { width: 510px; height: 464px; background-position: -1751px -1296px; }
#swimmers.swimmers7 { width: 642px; height: 441px; background-position: -1686px -0px; }
#swimmers.swimmers8 { width: 639px; height: 407px; background-position: -825px -452px; }
#swimmers.swimmers9 { width: 624px; height: 367px; background-position: -592px -1771px; }
#swimmers.swimmers10 { width: 614px; height: 399px; background-position: -614px -1296px; }
#swimmers.swimmers11 { width: 708px; height: 360px; background-position: -1475px -452px; }
#swimmers.swimmers12 { width: 850px; height: 364px; background-position: -825px -0px; }
#swimmers.swimmers13 { width: 680px; height: 369px; background-position: -0px -823px; }
#swimmers.swimmers14 { width: 814px; height: 471px; background-position: -0px -0px; }
#swimmers.swimmers15 { width: 603px; height: 414px; background-position: -0px -1296px; }
#swimmers.swimmers16 { width: 501px; height: 480px; background-position: -1239px -1296px; }
#swimmers.swimmers17 { width: 591px; height: 332px; background-position: -2194px -778px; }
#swimmers.swimmers18 { width: 567px; height: 329px; background-position: -2272px -1121px; }
#swimmers.swimmers19 { width: 567px; height: 299px; background-position: -2272px -1461px; }
#swimmers.swimmers20 { width: 567px; height: 279px; background-position: -2317px -2150px; }
#swimmers.swimmers21 { width: 356px; height: 342px; background-position: -2632px -2440px; }
#swimmers.swimmers22 { width: 368px; height: 415px; background-position: -2253px -2440px; }
#swimmers.swimmers23 { width: 368px; height: 415px; background-position: -1874px -2440px; }
#swimmers.swimmers24 { width: 442px; height: 368px; background-position: -592px -2150px; }
#swimmers.swimmers25 { width: 368px; height: 415px; background-position: -1495px -2440px; }
#swimmers.swimmers26 { width: 442px; height: 368px; background-position: -2317px -1771px; }
#swimmers.swimmers27 { width: 439px; height: 368px; background-position: -1045px -2150px; }
#swimmers.swimmers28 { width: 430px; height: 368px; background-position: -0px -2440px; }

/* ===== Scene 11  ===== */

#stieff-text { position:absolute; width:332px;height:217px; background:url('../img/scene-stieff/stieff-text.png') no-repeat;left: 50%; margin-left:  -177px; bottom:364px; opacity: 0; }
#foreground {  position:absolute;bottom:0; left:329px; background:url('../img/scene-stieff/foreground.png') no-repeat; width: 824px; height:101px; }
#lights-out { position:absolute; bottom: 407px; left:0; width:1399px; height:593px; background:url('../img/scene-stieff/lights-out.jpg') no-repeat; opacity: 0; }
#midground { position:absolute; bottom: 0px; left:0; width:1400px; height:388px; background:url('../img/scene-stieff/midground.png') no-repeat; opacity: 0;  }

#fire { position:absolute; bottom: 0; left:651px;width: 381px; height: 370px; background: url('../img/scene-stieff/fire.png') no-repeat;  }
#fire.fire1 { width: 381px; height: 370px; background-position: -784px -381px; }
#fire.fire2 { width: 381px; height: 370px; background-position: -784px -0px; }
#fire.fire3 { width: 381px; height: 370px; background-position: -392px -381px; }
#fire.fire4 { width: 381px; height: 370px; background-position: -0px -381px; }
#fire.fire5 { width: 381px; height: 370px; background-position: -392px -0px; }
#fire.fire6 { width: 381px; height: 370px; background-position: -0px -0px; }

#stieff { position:absolute; bottom: 0; left:342px;width: 879px; height: 474px; background: url('../img/scene-stieff/conor.png') no-repeat; }
#stieff.stieff1 { width: 879px; height: 474px; background-position: -2670px -485px; }
#stieff.stieff2 { width: 879px; height: 474px; background-position: -2670px -0px; }
#stieff.stieff3 { width: 879px; height: 474px; background-position: -1780px -2425px; }
#stieff.stieff4 { width: 879px; height: 474px; background-position: -890px -2425px; }
#stieff.stieff5 { width: 879px; height: 474px; background-position: -0px -2425px; }
#stieff.stieff6 { width: 879px; height: 474px; background-position: -1780px -1940px; }
#stieff.stieff7 { width: 879px; height: 474px; background-position: -890px -1940px; }
#stieff.stieff8 { width: 879px; height: 474px; background-position: -0px -1940px; }
#stieff.stieff9 { width: 879px; height: 474px; background-position: -1780px -1455px; }
#stieff.stieff10 { width: 879px; height: 474px; background-position: -890px -1455px; }
#stieff.stieff11 { width: 879px; height: 474px; background-position: -0px -1455px; }
#stieff.stieff12 { width: 879px; height: 474px; background-position: -1780px -970px; }
#stieff.stieff13 { width: 879px; height: 474px; background-position: -890px -970px; }
#stieff.stieff14 { width: 879px; height: 474px; background-position: -0px -970px; }
#stieff.stieff15 { width: 879px; height: 474px; background-position: -1780px -485px; }
#stieff.stieff16 { width: 879px; height: 474px; background-position: -890px -485px; }
#stieff.stieff17 { width: 879px; height: 474px; background-position: -0px -485px; }
#stieff.stieff18 { width: 879px; height: 474px; background-position: -1780px -0px; }
#stieff.stieff19 { width: 879px; height: 474px; background-position: -890px -0px; }
#stieff.stieff20 { width: 879px; height: 474px; background-position: -0px -0px; }

#grinch-stieff { position:absolute; bottom: 0; left:752px;width: 480px; height: 579px; background: url('../img/scene-stieff/grinch-stieff.png') no-repeat; opacity: 0;  }
#grinch-stieff.grinch-stieff1 { width: 480px; height: 579px; background-position: -0px -1770px; }
#grinch-stieff.grinch-stieff2 { width: 480px; height: 579px; background-position: -1473px -1180px; }
#grinch-stieff.grinch-stieff3 { width: 480px; height: 579px; background-position: -1473px -590px; }
#grinch-stieff.grinch-stieff4 { width: 480px; height: 579px; background-position: -1473px -0px; }
#grinch-stieff.grinch-stieff5 { width: 480px; height: 579px; background-position: -982px -1180px; }
#grinch-stieff.grinch-stieff6 { width: 480px; height: 579px; background-position: -491px -1180px; }
#grinch-stieff.grinch-stieff7 { width: 480px; height: 579px; background-position: -0px -1180px; }
#grinch-stieff.grinch-stieff8 { width: 480px; height: 579px; background-position: -982px -590px; }
#grinch-stieff.grinch-stieff9 { width: 480px; height: 579px; background-position: -491px -590px; }
#grinch-stieff.grinch-stieff10 { width: 480px; height: 579px; background-position: -0px -590px; }
#grinch-stieff.grinch-stieff11 { width: 480px; height: 579px; background-position: -982px -0px; }
#grinch-stieff.grinch-stieff12 { width: 480px; height: 579px; background-position: -491px -0px; }
#grinch-stieff.grinch-stieff13 { width: 480px; height: 579px; background-position: -0px -0px; }

/* ===== Scene 12  ===== */

#beds-back { position:absolute; width: 1302px; height:716px; background: url('../img/scene-sleeping/beds-back.png') no-repeat; left: 5px; bottom:154px;  }
#beds-mid { position:absolute; width: 1302px; height:716px; background: url('../img/scene-sleeping/beds-mid.png') no-repeat; left: 291px; bottom:444px; }
#beds-front { position:absolute; width: 1077px; height:1059px; background: url('../img/scene-sleeping/beds-front.png') no-repeat; left: 210px; bottom:50px; }

#audrey { position:absolute; bottom: 182px; left:405px;background: url('../img/scene-sleeping/audrey.png') no-repeat; opacity: 0; }
#audrey.audrey1 { width: 457px; height: 287px; background-position: -936px -298px; }
#audrey.audrey2 { width: 457px; height: 287px; background-position: -936px -0px; }
#audrey.audrey3 { width: 457px; height: 287px; background-position: -468px -596px; }
#audrey.audrey4 { width: 457px; height: 287px; background-position: -0px -596px; }
#audrey.audrey5 { width: 457px; height: 287px; background-position: -468px -298px; }
#audrey.audrey6 { width: 457px; height: 287px; background-position: -0px -298px; }
#audrey.audrey7 { width: 457px; height: 287px; background-position: -468px -0px; }
#audrey.audrey8 { width: 457px; height: 287px; background-position: -0px -0px; }

#diana { position:absolute; bottom: 890px; left:362px;background: url('../img/scene-sleeping/diana.png') no-repeat; opacity: 0;  }
#diana.diana1 { width: 358px; height: 232px; background-position: -738px -0px; }
#diana.diana2 { width: 358px; height: 232px; background-position: -369px -486px; }
#diana.diana3 { width: 358px; height: 232px; background-position: -0px -486px; }
#diana.diana4 { width: 358px; height: 232px; background-position: -369px -243px; }
#diana.diana5 { width: 358px; height: 232px; background-position: -0px -243px; }
#diana.diana6 { width: 358px; height: 232px; background-position: -369px -0px; }
#diana.diana7 { width: 358px; height: 232px; background-position: -0px -0px; }

#eric { position:absolute; bottom: 452px; left:284px;background: url('../img/scene-sleeping/eric.png') no-repeat; opacity: 0; }
#eric.eric1 { width: 408px; height: 333px; background-position: -0px -1032px; }
#eric.eric2 { width: 408px; height: 333px; background-position: -838px -688px; }
#eric.eric3 { width: 408px; height: 333px; background-position: -838px -344px; }
#eric.eric4 { width: 408px; height: 333px; background-position: -838px -0px; }
#eric.eric5 { width: 408px; height: 333px; background-position: -419px -688px; }
#eric.eric6 { width: 408px; height: 333px; background-position: -0px -688px; }
#eric.eric7 { width: 408px; height: 333px; background-position: -419px -344px; }
#eric.eric8 { width: 408px; height: 333px; background-position: -0px -344px; }
#eric.eric9 { width: 408px; height: 333px; background-position: -419px -0px; }
#eric.eric10 { width: 408px; height: 333px; background-position: -0px -0px; }

#erika{ position:absolute; bottom: 494px; left:916px;background: url('../img/scene-sleeping/erika.png') no-repeat; opacity: 0; }
#erika.erika1 { width: 364px; height: 265px; background-position: -750px -276px; }
#erika.erika2 { width: 364px; height: 265px; background-position: -750px -0px; }
#erika.erika3 { width: 364px; height: 265px; background-position: -375px -552px; }
#erika.erika4 { width: 364px; height: 265px; background-position: -0px -552px; }
#erika.erika5 { width: 364px; height: 265px; background-position: -375px -276px; }
#erika.erika6 { width: 364px; height: 265px; background-position: -0px -276px; }
#erika.erika7 { width: 364px; height: 265px; background-position: -375px -0px; }
#erika.erika8 { width: 364px; height: 265px; background-position: -0px -0px; }

#julia { position:absolute; bottom: 230px; left:970px;background: url('../img/scene-sleeping/julia.png') no-repeat; opacity: 0;  }
#julia.julia1 { width: 328px; height: 235px; background-position: -678px -246px; }
#julia.julia2 { width: 328px; height: 235px; background-position: -678px -0px; }
#julia.julia3 { width: 328px; height: 235px; background-position: -339px -492px; }
#julia.julia4 { width: 328px; height: 235px; background-position: -0px -492px; }
#julia.julia5 { width: 328px; height: 235px; background-position: -339px -246px; }
#julia.julia6 { width: 328px; height: 235px; background-position: -0px -246px; }
#julia.julia7 { width: 328px; height: 235px; background-position: -339px -0px; }
#julia.julia8 { width: 328px; height: 235px; background-position: -0px -0px; }

#katie { position:absolute; bottom: 650px; left:40px;background: url('../img/scene-sleeping/katie.png') no-repeat; opacity: 0; }
#katie.katie1 { width: 330px; height: 231px; background-position: -682px -0px; }
#katie.katie2 { width: 330px; height: 231px; background-position: -341px -484px; }
#katie.katie3 { width: 330px; height: 231px; background-position: -0px -484px; }
#katie.katie4 { width: 330px; height: 231px; background-position: -341px -242px; }
#katie.katie5 { width: 330px; height: 231px; background-position: -0px -242px; }
#katie.katie6 { width: 330px; height: 231px; background-position: -341px -0px; }
#katie.katie7 { width: 330px; height: 231px; background-position: -0px -0px; }

#matt {  position:absolute; bottom: 801px; left:799px;background: url('../img/scene-sleeping/matt.png') no-repeat; opacity: 0; }
#matt.matt1 { width: 396px; height: 275px; background-position: -814px -286px; }
#matt.matt2 { width: 396px; height: 275px; background-position: -814px -0px; }
#matt.matt3 { width: 396px; height: 275px; background-position: -407px -572px; }
#matt.matt4 { width: 396px; height: 275px; background-position: -0px -572px; }
#matt.matt5 { width: 396px; height: 275px; background-position: -407px -286px; }
#matt.matt6 { width: 396px; height: 275px; background-position: -0px -286px; }
#matt.matt7 { width: 396px; height: 275px; background-position: -407px -0px; }
#matt.matt8 { width: 396px; height: 275px; background-position: -0px -0px; }

#sleeping-grinch { position:absolute; bottom: 300px; left:50%; margin-left: -147px; background: url('../img/scene-sleeping/sleeping-grinch.png') no-repeat; opacity: 0;}
#sleeping-grinch.sleeping-grinch1{ width: 294px; height: 403px; background-position: -610px -828px; }
#sleeping-grinch.sleeping-grinch2{ width: 294px; height: 403px; background-position: -915px -414px; }
#sleeping-grinch.sleeping-grinch3{ width: 294px; height: 403px; background-position: -915px -0px; }
#sleeping-grinch.sleeping-grinch4{ width: 294px; height: 403px; background-position: -610px -414px; }
#sleeping-grinch.sleeping-grinch5{ width: 294px; height: 403px; background-position: -305px -414px; }
#sleeping-grinch.sleeping-grinch6{ width: 294px; height: 403px; background-position: -0px -414px; }
#sleeping-grinch.sleeping-grinch7{ width: 294px; height: 403px; background-position: -610px -0px; }
#sleeping-grinch.sleeping-grinch8{ width: 294px; height: 403px; background-position: -305px -0px; }
#sleeping-grinch.sleeping-grinch9{ width: 294px; height: 403px; background-position: -0px -0px; }
#sleeping-grinch.sleeping-grinch10 { width: 294px; height: 403px; background-position: -305px -828px; }
#sleeping-grinch.sleeping-grinch11 { width: 294px; height: 403px; background-position: -0px -828px; }

/* ===== Scene 13 - Celebration ===== */
#globe { position:absolute; width:1707px;height:681px;background: url('../img/scene-celebration/globe.png') no-repeat; bottom: -681px; left: 0px; }
#text-celebration { position:absolute; width:315px;height:357px;background: url('../img/scene-celebration/text-celebration.png') no-repeat; bottom: 0; left: 50px; }

#celebration { position:absolute; bottom: -600px; left:300px;background: url('../img/scene-celebration/celebration-sprite.png') no-repeat; opacity: 0; }
#celebration.celebration1 { width: 903px; height: 673px; background-position: -1828px -684px; }
#celebration.celebration2 { width: 903px; height: 673px; background-position: -1828px -0px; }
#celebration.celebration3 { width: 903px; height: 673px; background-position: -914px -1368px; }
#celebration.celebration4 { width: 903px; height: 673px; background-position: -0px -1368px; }
#celebration.celebration5 { width: 903px; height: 673px; background-position: -914px -684px; }
#celebration.celebration6 { width: 903px; height: 673px; background-position: -0px -684px; }
#celebration.celebration7 { width: 903px; height: 673px; background-position: -914px -0px; }
#celebration.celebration8 { width: 903px; height: 673px; background-position: -0px -0px; }

#celebration-light { position:absolute; left: 440px; bottom: 230px; background: url('../img/scene-celebration/celebration-light-sprite.png') no-repeat; opacity: 0; }
#celebration-light.celebration-light1 { width: 631px; height: 587px; background-position: -1284px -0px; }
#celebration-light.celebration-light2 { width: 631px; height: 587px; background-position: -642px -598px; }
#celebration-light.celebration-light3 { width: 631px; height: 587px; background-position: -0px -598px; }
#celebration-light.celebration-light4 { width: 631px; height: 587px; background-position: -642px -0px; }
#celebration-light.celebration-light5 { width: 631px; height: 587px; background-position: -0px -0px; }

/*=== Scene 14  - Sky ===== */

.sky { position:absolute;background-image: url('../img/scene-sky/sky-sprite.png'); background-repeat: no-repeat; }
#hearts-large { position:absolute; left: 0; bottom: -100px; width: 1116px; height: 1107px; background-image: url('../img/scene-sky/hearts-large.png'); background-repeat: no-repeat; opacity: 0; }
#hearts-medium { position:absolute; left: 0; bottom: -100px; width: 1200px; height: 800px; background-image: url('../img/scene-sky/hearts-medium.png'); background-repeat: no-repeat; opacity: 0;}
#hearts-small {position:absolute; left: 0; bottom: -100px;width: 1000px; height: 800px; background-image: url('../img/scene-sky/hearts-small.png'); background-repeat: no-repeat; opacity: 0;}
#questions-large {position:absolute; left: 0; bottom: -100px; width: 1116px; height: 1107px; background-image: url('../img/scene-sky/questions-large.png'); background-repeat: no-repeat; }
#questions-medium {position:absolute; left: 0; bottom: -100px; width: 1200px; height: 800px;background-image: url('../img/scene-sky/questions-medium.png'); background-repeat: no-repeat; }
#questions-small {position:absolute; left: 0; bottom: -100px;width: 1000px; height: 800px; background-image: url('../img/scene-sky/questions-small.png'); background-repeat: no-repeat; }
#text-sky-1 { position:absolute; width: 354px; height: 253px; background-position: -924px -328px;background-image: url('../img/scene-sky/sky-sprite.png'); background-repeat:  no-repeat; left: 50%; margin-left:  -177px; top: 30px; z-index: 50; opacity: 0;}
#text-sky-2 { position:absolute; width: 353px; height: 317px; background-position: -924px -0px; background-image: url('../img/scene-sky/sky-sprite.png'); background-repeat:  no-repeat;left: 50%; margin-left:  -177px; top: 10px; z-index: 50; opacity: 0;}

/* ===== Independent Animations ===== */

#candycane1 { position: fixed; top: 21%; right: 19%; width: 287px; height: 198px; background: url('../img/global/candycane.png') no-repeat; z-index: 200; }
#candycane2 { position: absolute; top: px; left: px; width: px; height: px; background: url('../img/scene1/sprite.png') no-repeat -px -px; }
#snowflakes-mid { position: fixed; top: -800px; left:200px; width: 842px; height: 798px; background: url('../img/global/snowflakes-mid.png') no-repeat; z-index: 200; }
#snowflakes-top { position: fixed; top: -1000px;  width: 1342px; height: 964px; background: url('../img/global/snowflakes-top.png') no-repeat; z-index: 200; }
#snowflakes-bottom { position: fixed; top: -1200px;  width: 1342px; height: 964px; background: url('../img/global/snowflakes-bottom.png') no-repeat; z-index: 200; }

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (max-height: 700px) {

}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 144dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}


text:
@extends('layouts.default')

@section('title')
    {{{ $user->username }}} {{ trans('hifone.threads.list') }}_@parent
@stop

@section('content')

            @include('users.partials.basicinfo')

                    @include('users.partials.infonav')
                    @if (count($threads))
                        @include('users.partials.threads')

                            {{ $threads->render() }}

                    @else

{{ trans('hifone.threads.noitem') }}

                    @endif

@stop

redpajama_set_name: RedPajamaGithub


text:
var Handlebars = require('handlebars')

var log = require('./log')('plan-response-narrative-view')
var ItineraryNarrativeView = require('./itinerary-narrative-view')

var Backbone = require('backbone')

var narrativeNewTemplate = Handlebars.compile(require('./templates/narrative-new.html'))
var narrativeAdjustTemplate = Handlebars.compile(require('./templates/narrative-adjust.html'))
var narrativeErrorTemplate = Handlebars.compile(require('./templates/narrative-error.html'))

var PlanResponseNarrativeView = Backbone.View.extend({
  initialize: function (options) {
    this.options = options || {}
  },

  render: function () {
    log('rendering model: %s, error: %s', !!this.model, !!this.error)

    if (this.error) {
      return this.$el.html(narrativeErrorTemplate({
        message: this.error
      }))
    }

    if (this.model) {
      if (!this.error) this.$el.html(narrativeAdjustTemplate())

      var itins = this.model.get('itineraries')
      _.each(itins.models, this.processItinerary, this)
    } else {
      this.$el.html(narrativeNewTemplate())
    }
  },

  processItinerary: function (itin, index) {
    var itinView = new ItineraryNarrativeView({
      model: itin,
      planView: this,
      index: index
    })

    itinView.render()
    this.$el.find('.itineraries').append(itinView.el)
  }
})

module.exports = PlanResponseNarrativeView


text:
<?php
  // This is only here to keep Heroku happy
  // Use public/index.php instead!


text:
<?xml version="1.0"?>
<jeus-ejb-dd xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://www.tmaxsoft.com/xml/ns/jeus"
             xsi:schemaLocation="http://www.tmaxsoft.com/xml/ns/jeus schema/v5_0/jeus-ejb-dd.xsd">
	<module-info>
		<role-permission>
			<principal>peter</principal>
			<role>manager</role>
		</role-permission>
	</module-info>
	<beanlist>
		<jeus-bean>
			<ejb-name>counter</ejb-name>
			<export-name>counterEJB</export-name>
			<local-export-name>counterEJB_Local</local-export-name>
			<export-port>7654</export-port>
			<!--<export-iiop>true</export-iiop> -->
			<export-iiop>
				<only-iiop>false</only-iiop>
			</export-iiop>
			<single-vm-only>true</single-vm-only>
			<local-invoke-optimize>true</local-invoke-optimize>
			<use-access-control>true</use-access-control>
			<run-as-identity>
				<principal-name><![CDATA[principal]]></principal-name>
			</run-as-identity>
			<security-interop>
				<client-auth>Requires</client-auth>
				<identity-assertion>NotSupported</identity-assertion>
			</security-interop>
			<ejb-ref>
				<jndi-info>
					<ref-name>AccountEJB</ref-name>
					<export-name>ACCEJB</export-name>
				</jndi-info>
			</ejb-ref>
			<res-ref>
				<jndi-info>
					<ref-name>jdbc/DBDS</ref-name>
					<export-name>ACCOUNTDB</export-name>
				</jndi-info>
			</res-ref>
			<res-env-ref>
				<jndi-info>
					<ref-name>jdbc/DBDS</ref-name>
					<export-name>ACCOUNTDB</export-name>
				</jndi-info>
			</res-env-ref>
			<service-ref>
				<service-client>
					<service-ref-name>ServiceJNDI</service-ref-name>
				</service-client>
			</service-ref>
			<thread-max>200</thread-max>
			<clustering>
				<enable-clustering>true</enable-clustering>
			</clustering>
			<invoke-http>
				<url>/mycontext/RMIServletHandler</url>
				<http-port>80</http-port>
			</invoke-http>
			<pooling-bean>true</pooling-bean>
			<object-management>
				<bean-pool>
					<pool-min>10</pool-min>
					<pool-max>200</pool-max>
				</bean-pool>
				<connect-pool>
					<pool-min>10</pool-min>
					<pool-max>200</pool-max>
				</connect-pool>
				<passivation-timeout>10000</passivation-timeout>
				<disconnect-timeout>1800000</disconnect-timeout>
			</object-management>
			<schema-info>
				<table-name>ACCOUNT</table-name>
				<cm-field>
					<field>id</field>
					<column-name>ID</column-name>
					<type>NUMERIC</type>
					<exclude-field>false</exclude-field>
				</cm-field>
				<cm-field>
					<field>customer_addr</field>
					<column-name>customer_address</column-name>
					<type>VARCHAR(30)</type>
					<exclude-field>false</exclude-field>
				</cm-field>
				<creating-table>
					<use-existing-table />
				</creating-table>
				<deleting-table>true</deleting-table>
				<prim-key-field>
					<field>id</field>
				</prim-key-field>
				<find-method>
					<query-method>
						<method-name>findByAddress</method-name>
						<method-params>
							<method-param>java.lang.String</method-param>
							<method-param>java.lang.Integer</method-param>
						</method-params>
					</query-method>
					<sql>customer_address=?</sql>
					<include-updates>true</include-updates>
				</find-method>
				<jeus-query>
					<query-method>
						<method-name>findByTitle</method-name>
						<method-params>
							<method-param>java.lang.String</method-param>
						</method-params>
					</query-method>
					<sql>
						SELECT OBJECT(b) FROM Book b
						WHERE b.title = ?1 ORDERBY b.price
					</sql>
					<include-updates>true</include-updates>
				</jeus-query>
				<db-vendor>oracle</db-vendor>
				<data-source-name>MYDB</data-source-name>
				<auto-key-generator>
					<generator-type>ORACLE</generator-type>
					<generator-name>my_generator</generator-name>
					<sequence-column>PrimKeyGeneratorColumn</sequence-column>
					<key-cache-size>20</key-cache-size>
				</auto-key-generator>
			</schema-info>
			<cm-persistence-optimize>
				<subengine-type>WriteLocking</subengine-type>
				<fetch-size>80</fetch-size>
				<init-caching>true</init-caching>
			</cm-persistence-optimize>
			<enable-instant-ql>true</enable-instant-ql>
			<ack-mode>Auto-acknowledge</ack-mode>
			<durable>Durable</durable>
			<durable-timer-service>
				<ignore-durable-timers-at-deploy>true</ignore-durable-timers-at-deploy>
			</durable-timer-service>
		</jeus-bean>
	</beanlist>
	<ejb-relation-map>
		<relation-name>student-course</relation-name>
		<table-name>STUDENTCOURSEJOIN</table-name>
		<jeus-relationship-role>
			<relationship-role-name>student</relationship-role-name>
			<column-map>
				<foreign-key-column>
					student-id <!--This column in join table -->
				</foreign-key-column>
				<target-primary-key-column>
					stu-id <!--This column in student table -->
				</target-primary-key-column>
			</column-map>
		</jeus-relationship-role>
		<jeus-relationship-role>
			<relationship-role-name>course</relationship-role-name>
			<column-map>
				<foreign-key-column>
					course-id <!--This column in join table -->
				</foreign-key-column>
				<target-primary-key-column>
					cou-id <!--This column in course table -->
				</target-primary-key-column>
			</column-map>
		</jeus-relationship-role>
	</ejb-relation-map>
	<message-destination>
		<jndi-info>
			<ref-name>ejb/AccountEJB</ref-name>
			<export-name>ACCEJB</export-name>
		</jndi-info>
	</message-destination>
</jeus-ejb-dd>


text:
/*
  DO NOT EDIT THIS FILE - the content was created using a source code generator
*/

#include "QMainWindowSlots.h"

QMainWindowSlots::QMainWindowSlots( QObject * parent ) : QObject( parent )
{
}

QMainWindowSlots::~QMainWindowSlots()
{
}

void QMainWindowSlots::iconSizeChanged( const QSize & iconSize )
{
  QObject * object = qobject_cast< QObject * >( sender() );

  PHB_ITEM cb = Qt4xHb::Signals_return_codeblock( object, "iconSizeChanged(QSize)" );

  if( cb )
  {
    PHB_ITEM pSender = Qt4xHb::Signals_return_qobject( object, "QMAINWINDOW" );
    PHB_ITEM pIconSize = Qt4xHb::Signals_return_object( ( void * ) &iconSize, "QSIZE" );

    hb_vmEvalBlockV( cb, 2, pSender, pIconSize );

    hb_itemRelease( pSender );
    hb_itemRelease( pIconSize );
  }
}

void QMainWindowSlots::toolButtonStyleChanged( Qt::ToolButtonStyle toolButtonStyle )
{
  QObject * object = qobject_cast< QObject * >( sender() );

  PHB_ITEM cb = Qt4xHb::Signals_return_codeblock( object, "toolButtonStyleChanged(Qt::ToolButtonStyle)" );

  if( cb )
  {
    PHB_ITEM pSender = Qt4xHb::Signals_return_qobject( object, "QMAINWINDOW" );
    PHB_ITEM pToolButtonStyle = hb_itemPutNI( NULL, static_cast< int >( toolButtonStyle ) );

    hb_vmEvalBlockV( cb, 2, pSender, pToolButtonStyle );

    hb_itemRelease( pSender );
    hb_itemRelease( pToolButtonStyle );
  }
}

void QMainWindowSlots_connect_signal( const QString & signal, const QString & slot )
{
  QMainWindow * obj = qobject_cast< QMainWindow * >( Qt4xHb::getQObjectPointerFromSelfItem() );

  if( obj )
  {
    QMainWindowSlots * s = QCoreApplication::instance()->findChild<QMainWindowSlots *>();

    if( s == NULL )
    {
      s = new QMainWindowSlots();
      s->moveToThread( QCoreApplication::instance()->thread() );
      s->setParent( QCoreApplication::instance() );
    }

    hb_retl( Qt4xHb::Signals_connection_disconnection( s, signal, slot ) );
  }
  else
  {
    hb_retl( false );
  }
}


text:
import React from 'react'
import Layout from '../components/layout'

import Header from '../components/Header'
import Main from '../components/Main'
import Footer from '../components/Footer'

class IndexPage extends React.Component {
  constructor(props) {
    super(props)
    this.state = {
      isArticleVisible: false,
      timeout: false,
      articleTimeout: false,
      article: '',
      loading: 'is-loading'
    }
    this.handleOpenArticle = this.handleOpenArticle.bind(this)
    this.handleCloseArticle = this.handleCloseArticle.bind(this)
    this.setWrapperRef = this.setWrapperRef.bind(this);
    this.handleClickOutside = this.handleClickOutside.bind(this);
  }

  componentDidMount () {
    this.timeoutId = setTimeout(() => {
        this.setState({loading: ''});
    }, 100);
    document.addEventListener('mousedown', this.handleClickOutside);
  }

  componentWillUnmount () {
    if (this.timeoutId) {
        clearTimeout(this.timeoutId);
    }
    document.removeEventListener('mousedown', this.handleClickOutside);
  }

  setWrapperRef(node) {
    this.wrapperRef = node;
  }

  handleOpenArticle(article) {

    this.setState({
      isArticleVisible: !this.state.isArticleVisible,
      article
    })

    setTimeout(() => {
      this.setState({
        timeout: !this.state.timeout
      })
    }, 325)

    setTimeout(() => {
      this.setState({
        articleTimeout: !this.state.articleTimeout
      })
    }, 350)

  }

  handleCloseArticle() {

    this.setState({
      articleTimeout: !this.state.articleTimeout
    })

    setTimeout(() => {
      this.setState({
        timeout: !this.state.timeout
      })
    }, 325)

    setTimeout(() => {
      this.setState({
        isArticleVisible: !this.state.isArticleVisible,
        article: ''
      })
    }, 350)

  }

  handleClickOutside(event) {
    if (this.wrapperRef && !this.wrapperRef.contains(event.target)) {
      if (this.state.isArticleVisible) {
        this.handleCloseArticle();
      }
    }
  }

  render() {
    return (
      <Layout location={this.props.location}>
        <div className={`body ${this.state.loading} ${this.state.isArticleVisible ? 'is-article-visible' : ''}`}>

      </Layout>
    )
  }
}

export default IndexPage


text:
var Yacht = function _Yacht(dataset) {
    this._dataset = dataset
    this.yacht_name = dataset.yacht_name
    this.racing_class = dataset.race_class
    this.handicap = dataset.handicap
    this.colour = YachtColour.class_colour(0.7, dataset.race_class)  // dataset.colour_string
    this._track = null
}

Yacht.prototype.add_track_to_map = function(map_obj) {
    this._track = new YachtTrack(this, map_obj)
}

Yacht.prototype.update = function(t) {
    this._track.setProgress(t*3600)
}


text:
package org.zaproxy.zap.db.sql;

import java.io.File;
import java.io.FileInputStream;
import java.io.IOException;
import java.io.InputStream;
import java.sql.CallableStatement;
import java.sql.Connection;
import java.sql.SQLException;
import java.util.Properties;
import org.apache.logging.log4j.LogManager;
import org.apache.logging.log4j.Logger;

public class HsqldbDatabaseServer extends SqlDatabaseServer {

    public static final int DEFAULT_SERVER_PORT = 9001;

    private static final Logger logger = LogManager.getLogger(HsqldbDatabaseServer.class);

    public HsqldbDatabaseServer(String dbname) throws ClassNotFoundException, Exception {
        super(dbname);

        // hsqldb only accept '/' as path;
        dbname = dbname.replaceAll("\\\\", "/");

        // ZAP: Check if old database should be compacted
        boolean doCompact = false;
        File propsFile = new File(dbname + ".properties");
        if (propsFile.exists()) {
            Properties dbProps = new Properties();
            InputStream propsStream = null;
            try {
                propsStream = new FileInputStream(propsFile);
                dbProps.load(propsStream);
            } finally {
                try {
                    if (propsStream != null) {
                        propsStream.close();
                    }
                } catch (IOException e) {
                    logger.debug(e.getMessage(), e);
                }
            }
            String version = (String) dbProps.get("version");
            if (version.charAt(0) < '2') {
                // got version < 2.0.0
                // => SHUTDOWN COMPACT database
                // and reconnect again
                doCompact = true;
            }
        }

        this.setDbUrl("jdbc:hsqldb:file:" + dbname);
        this.setDbUser(DbSQL.getSingleton().getDbUser());
        this.setDbPassword(DbSQL.getSingleton().getDbPassword());

        // ZAP: If old database is in load => shutdown & reconnect
        if (doCompact) {
            shutdown(true);
        }
    }

    @Override
    void shutdown(boolean compact) throws SQLException {
        super.shutdown(compact);
        try (Connection conn = getNewConnection()) {
            String statement;

            if (compact) {
                // db is not new and useful for future.  Compact it.
                statement = "SHUTDOWN COMPACT";

            } else {
                // new need to compact database.  just shutdown.
                statement = "SHUTDOWN";
            }

            try (CallableStatement psCompact = conn.prepareCall(statement)) {
                psCompact.execute();
            }
        }
    }
}


text:
from random import choice
import time
from game import Game

class Bot:
    pass

class RandomBot(Bot):
    def move(self, state):
        game = Game(state)
        dirs = ['Stay', 'North', 'South', 'East', 'West']
        return choice(dirs)


text:
/*
 * DocuSign REST API
 *
 * The DocuSign REST API provides you with a powerful, convenient, and simple Web services API for interacting with DocuSign.
 *
 * OpenAPI spec version: v2.1
 * Contact: devcenter@docusign.com
 * Generated by: https://github.com/swagger-api/swagger-codegen.git
 */

using System;
using System.Linq;
using System.IO;
using System.Text;
using System.Text.RegularExpressions;
using System.Collections;
using System.Collections.Generic;
using System.Collections.ObjectModel;
using System.Runtime.Serialization;
using Newtonsoft.Json;
using Newtonsoft.Json.Converters;
using System.ComponentModel.DataAnnotations;
using SwaggerDateConverter = DocuSign.eSign.Client.SwaggerDateConverter;

namespace DocuSign.eSign.Model
{
    /// <summary>
    /// LocalePolicyTab
    /// </summary>
    [DataContract]
    public partial class LocalePolicyTab :  IEquatable<LocalePolicyTab>, IValidatableObject
    {
        public LocalePolicyTab()
        {
            // Empty Constructor
        }

        /// <summary>
        /// Initializes a new instance of the <see cref="LocalePolicyTab" /> class.
        /// </summary>
        /// <param name="AddressFormat">AddressFormat.</param>
        /// <param name="CalendarType">CalendarType.</param>
        /// <param name="CultureName">CultureName.</param>
        /// <param name="CurrencyCode">CurrencyCode.</param>
        /// <param name="CurrencyNegativeFormat">CurrencyNegativeFormat.</param>
        /// <param name="CurrencyPositiveFormat">CurrencyPositiveFormat.</param>
        /// <param name="CustomDateFormat">CustomDateFormat.</param>
        /// <param name="CustomTimeFormat">CustomTimeFormat.</param>
        /// <param name="DateFormat">DateFormat.</param>
        /// <param name="InitialFormat">InitialFormat.</param>
        /// <param name="NameFormat">NameFormat.</param>
        /// <param name="TimeFormat">TimeFormat.</param>
        /// <param name="TimeZone">TimeZone.</param>
        public LocalePolicyTab(string AddressFormat = default(string), string CalendarType = default(string), string CultureName = default(string), string CurrencyCode = default(string), string CurrencyNegativeFormat = default(string), string CurrencyPositiveFormat = default(string), string CustomDateFormat = default(string), string CustomTimeFormat = default(string), string DateFormat = default(string), string InitialFormat = default(string), string NameFormat = default(string), string TimeFormat = default(string), string TimeZone = default(string))
        {
            this.AddressFormat = AddressFormat;
            this.CalendarType = CalendarType;
            this.CultureName = CultureName;
            this.CurrencyCode = CurrencyCode;
            this.CurrencyNegativeFormat = CurrencyNegativeFormat;
            this.CurrencyPositiveFormat = CurrencyPositiveFormat;
            this.CustomDateFormat = CustomDateFormat;
            this.CustomTimeFormat = CustomTimeFormat;
            this.DateFormat = DateFormat;
            this.InitialFormat = InitialFormat;
            this.NameFormat = NameFormat;
            this.TimeFormat = TimeFormat;
            this.TimeZone = TimeZone;
        }

        /// <summary>
        /// Gets or Sets AddressFormat
        /// </summary>
        [DataMember(Name="addressFormat", EmitDefaultValue=false)]
        public string AddressFormat { get; set; }
        /// <summary>
        /// Gets or Sets CalendarType
        /// </summary>
        [DataMember(Name="calendarType", EmitDefaultValue=false)]
        public string CalendarType { get; set; }
        /// <summary>
        /// Gets or Sets CultureName
        /// </summary>
        [DataMember(Name="cultureName", EmitDefaultValue=false)]
        public string CultureName { get; set; }
        /// <summary>
        /// Gets or Sets CurrencyCode
        /// </summary>
        [DataMember(Name="currencyCode", EmitDefaultValue=false)]
        public string CurrencyCode { get; set; }
        /// <summary>
        /// Gets or Sets CurrencyNegativeFormat
        /// </summary>
        [DataMember(Name="currencyNegativeFormat", EmitDefaultValue=false)]
        public string CurrencyNegativeFormat { get; set; }
        /// <summary>
        /// Gets or Sets CurrencyPositiveFormat
        /// </summary>
        [DataMember(Name="currencyPositiveFormat", EmitDefaultValue=false)]
        public string CurrencyPositiveFormat { get; set; }
        /// <summary>
        /// Gets or Sets CustomDateFormat
        /// </summary>
        [DataMember(Name="customDateFormat", EmitDefaultValue=false)]
        public string CustomDateFormat { get; set; }
        /// <summary>
        /// Gets or Sets CustomTimeFormat
        /// </summary>
        [DataMember(Name="customTimeFormat", EmitDefaultValue=false)]
        public string CustomTimeFormat { get; set; }
        /// <summary>
        /// Gets or Sets DateFormat
        /// </summary>
        [DataMember(Name="dateFormat", EmitDefaultValue=false)]
        public string DateFormat { get; set; }
        /// <summary>
        /// Gets or Sets InitialFormat
        /// </summary>
        [DataMember(Name="initialFormat", EmitDefaultValue=false)]
        public string InitialFormat { get; set; }
        /// <summary>
        /// Gets or Sets NameFormat
        /// </summary>
        [DataMember(Name="nameFormat", EmitDefaultValue=false)]
        public string NameFormat { get; set; }
        /// <summary>
        /// Gets or Sets TimeFormat
        /// </summary>
        [DataMember(Name="timeFormat", EmitDefaultValue=false)]
        public string TimeFormat { get; set; }
        /// <summary>
        /// Gets or Sets TimeZone
        /// </summary>
        [DataMember(Name="timeZone", EmitDefaultValue=false)]
        public string TimeZone { get; set; }
        /// <summary>
        /// Returns the string presentation of the object
        /// </summary>
        /// <returns>String presentation of the object</returns>
        public override string ToString()
        {
            var sb = new StringBuilder();
            sb.Append("class LocalePolicyTab {\n");
            sb.Append("  AddressFormat: ").Append(AddressFormat).Append("\n");
            sb.Append("  CalendarType: ").Append(CalendarType).Append("\n");
            sb.Append("  CultureName: ").Append(CultureName).Append("\n");
            sb.Append("  CurrencyCode: ").Append(CurrencyCode).Append("\n");
            sb.Append("  CurrencyNegativeFormat: ").Append(CurrencyNegativeFormat).Append("\n");
            sb.Append("  CurrencyPositiveFormat: ").Append(CurrencyPositiveFormat).Append("\n");
            sb.Append("  CustomDateFormat: ").Append(CustomDateFormat).Append("\n");
            sb.Append("  CustomTimeFormat: ").Append(CustomTimeFormat).Append("\n");
            sb.Append("  DateFormat: ").Append(DateFormat).Append("\n");
            sb.Append("  InitialFormat: ").Append(InitialFormat).Append("\n");
            sb.Append("  NameFormat: ").Append(NameFormat).Append("\n");
            sb.Append("  TimeFormat: ").Append(TimeFormat).Append("\n");
            sb.Append("  TimeZone: ").Append(TimeZone).Append("\n");
            sb.Append("}\n");
            return sb.ToString();
        }

        /// <summary>
        /// Returns the JSON string presentation of the object
        /// </summary>
        /// <returns>JSON string presentation of the object</returns>
        public string ToJson()
        {
            return JsonConvert.SerializeObject(this, Formatting.Indented);
        }

        /// <summary>
        /// Returns true if objects are equal
        /// </summary>
        /// <param name="obj">Object to be compared</param>
        /// <returns>Boolean</returns>
        public override bool Equals(object obj)
        {
            // credit: http://stackoverflow.com/a/10454552/677735
            return this.Equals(obj as LocalePolicyTab);
        }

        /// <summary>
        /// Returns true if LocalePolicyTab instances are equal
        /// </summary>
        /// <param name="other">Instance of LocalePolicyTab to be compared</param>
        /// <returns>Boolean</returns>
        public bool Equals(LocalePolicyTab other)
        {
            // credit: http://stackoverflow.com/a/10454552/677735
            if (other == null)
                return false;

            return
                (
                    this.AddressFormat == other.AddressFormat ||
                    this.AddressFormat != null &&
                    this.AddressFormat.Equals(other.AddressFormat)
                ) &&
                (
                    this.CalendarType == other.CalendarType ||
                    this.CalendarType != null &&
                    this.CalendarType.Equals(other.CalendarType)
                ) &&
                (
                    this.CultureName == other.CultureName ||
                    this.CultureName != null &&
                    this.CultureName.Equals(other.CultureName)
                ) &&
                (
                    this.CurrencyCode == other.CurrencyCode ||
                    this.CurrencyCode != null &&
                    this.CurrencyCode.Equals(other.CurrencyCode)
                ) &&
                (
                    this.CurrencyNegativeFormat == other.CurrencyNegativeFormat ||
                    this.CurrencyNegativeFormat != null &&
                    this.CurrencyNegativeFormat.Equals(other.CurrencyNegativeFormat)
                ) &&
                (
                    this.CurrencyPositiveFormat == other.CurrencyPositiveFormat ||
                    this.CurrencyPositiveFormat != null &&
                    this.CurrencyPositiveFormat.Equals(other.CurrencyPositiveFormat)
                ) &&
                (
                    this.CustomDateFormat == other.CustomDateFormat ||
                    this.CustomDateFormat != null &&
                    this.CustomDateFormat.Equals(other.CustomDateFormat)
                ) &&
                (
                    this.CustomTimeFormat == other.CustomTimeFormat ||
                    this.CustomTimeFormat != null &&
                    this.CustomTimeFormat.Equals(other.CustomTimeFormat)
                ) &&
                (
                    this.DateFormat == other.DateFormat ||
                    this.DateFormat != null &&
                    this.DateFormat.Equals(other.DateFormat)
                ) &&
                (
                    this.InitialFormat == other.InitialFormat ||
                    this.InitialFormat != null &&
                    this.InitialFormat.Equals(other.InitialFormat)
                ) &&
                (
                    this.NameFormat == other.NameFormat ||
                    this.NameFormat != null &&
                    this.NameFormat.Equals(other.NameFormat)
                ) &&
                (
                    this.TimeFormat == other.TimeFormat ||
                    this.TimeFormat != null &&
                    this.TimeFormat.Equals(other.TimeFormat)
                ) &&
                (
                    this.TimeZone == other.TimeZone ||
                    this.TimeZone != null &&
                    this.TimeZone.Equals(other.TimeZone)
                );
        }

        /// <summary>
        /// Gets the hash code
        /// </summary>
        /// <returns>Hash code</returns>
        public override int GetHashCode()
        {
            // credit: http://stackoverflow.com/a/263416/677735
            unchecked // Overflow is fine, just wrap
            {
                int hash = 41;
                // Suitable nullity checks etc, of course :)
                if (this.AddressFormat != null)
                    hash = hash * 59 + this.AddressFormat.GetHashCode();
                if (this.CalendarType != null)
                    hash = hash * 59 + this.CalendarType.GetHashCode();
                if (this.CultureName != null)
                    hash = hash * 59 + this.CultureName.GetHashCode();
                if (this.CurrencyCode != null)
                    hash = hash * 59 + this.CurrencyCode.GetHashCode();
                if (this.CurrencyNegativeFormat != null)
                    hash = hash * 59 + this.CurrencyNegativeFormat.GetHashCode();
                if (this.CurrencyPositiveFormat != null)
                    hash = hash * 59 + this.CurrencyPositiveFormat.GetHashCode();
                if (this.CustomDateFormat != null)
                    hash = hash * 59 + this.CustomDateFormat.GetHashCode();
                if (this.CustomTimeFormat != null)
                    hash = hash * 59 + this.CustomTimeFormat.GetHashCode();
                if (this.DateFormat != null)
                    hash = hash * 59 + this.DateFormat.GetHashCode();
                if (this.InitialFormat != null)
                    hash = hash * 59 + this.InitialFormat.GetHashCode();
                if (this.NameFormat != null)
                    hash = hash * 59 + this.NameFormat.GetHashCode();
                if (this.TimeFormat != null)
                    hash = hash * 59 + this.TimeFormat.GetHashCode();
                if (this.TimeZone != null)
                    hash = hash * 59 + this.TimeZone.GetHashCode();
                return hash;
            }
        }

        public IEnumerable<ValidationResult> Validate(ValidationContext validationContext)
        {
            yield break;
        }
    }
}


text:
from msrest.serialization import Model

class TaskAddResult(Model):
    """Result for a single task added as part of an add task collection operation.

    :param status: The status of the add task request. Possible values
     include: 'success', 'clientError', 'serverError'
    :type status: str or :class:`TaskAddStatus
     <azure.batch.models.TaskAddStatus>`
    :param task_id: The ID of the task for which this is the result.
    :type task_id: str
    :param e_tag: The ETag of the task, if the task was successfully added.
    :type e_tag: str
    :param last_modified: The last modified time of the task.
    :type last_modified: datetime
    :param location: The URL of the task, if the task was successfully added.
    :type location: str
    :param error: The error encountered while attempting to add the task.
    :type error: :class:`BatchError <azure.batch.models.BatchError>`
    """

    _validation = {
        'status': {'required': True},
        'task_id': {'required': True},
    }

    _attribute_map = {
        'status': {'key': 'status', 'type': 'TaskAddStatus'},
        'task_id': {'key': 'taskId', 'type': 'str'},
        'e_tag': {'key': 'eTag', 'type': 'str'},
        'last_modified': {'key': 'lastModified', 'type': 'iso-8601'},
        'location': {'key': 'location', 'type': 'str'},
        'error': {'key': 'error', 'type': 'BatchError'},
    }

    def __init__(self, status, task_id, e_tag=None, last_modified=None, location=None, error=None):
        self.status = status
        self.task_id = task_id
        self.e_tag = e_tag
        self.last_modified = last_modified
        self.location = location
        self.error = error


text:
package io.github.mmhelloworld.idrisjvm.runtime;

@FunctionalInterface
public interface IntThunk extends Thunk {
}