forked from jeuelc/mworld-flat
-
Notifications
You must be signed in to change notification settings - Fork 0
/
sub-ac-greece-olympics.html
106 lines (93 loc) · 5.84 KB
/
sub-ac-greece-olympics.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
<div id="olympics" data-role="page">
<script src="js/slidebar.js"></script>
<div class="menuhousing"></div>
<div class="homebtnholder"><img class="homebtn" src="css/images/5-8/Ancient_Civilizations/Greece/homebtn.png"></div>
<div class="cpbtnholder"><img class="cpbtn" src="css/images/5-8/Ancient_Civilizations/Greece/cpbtn.png"></div>
<div class="buildbtnholder"><img class="buildbtn" src="css/images/5-8/Ancient_Civilizations/Greece/buildbtn.png"></div>
<div class="mpbtnholder"><img class="mpbtn" src="css/images/5-8/Ancient_Civilizations/Greece/mpbtn.png"></div>
<div class="menubtnholder"><img class="menubtn" src="css/images/5-8/Ancient_Civilizations/Greece/menubtn.png"></div>
<div id="olympicq" class="talkbubble" style="background:url(css/images/5-8/Ancient_Civilizations/Greece/game/olympicq.png) no-repeat; width:421px;height:305px;position:absolute;left:310px;top:20px;visibility:hidden;padding:100px 0 0 50px;">
<div id="discus" class="olym" style="float:left;background:url(css/images/5-8/Ancient_Civilizations/Greece/game/olym-disc.png) no-repeat;width:150px;height:85px;margin-right:50px;"> </div>
<div id="javelin" class="olym" style="float:left;background:url(css/images/5-8/Ancient_Civilizations/Greece/game/olym-jave.png) no-repeat;width:175px;height:85px;"> </div>
<div id="wrestling" class="olym" style="float:left;background:url(css/images/5-8/Ancient_Civilizations/Greece/game/olym-wrest.png) no-repeat;width:154px;height:88px;margin-right:50px;"> </div>
<div id="beachv" class="olym" style="float:left;background:url(css/images/5-8/Ancient_Civilizations/Greece/game/olym-bv.png) no-repeat;width:177px;height:83px;"> </div>
</div><!--/olympicq-->
<div id="anisold"><div id="animatedsoldier"></div>
<div id="acgreecechar">
<div data-role="content" class="kidzcontent">
<div class="storypagetitle"><h1>The Olympic Games</h1></div>
<div id="node-body-holder" class="storypage">
<p>According to historical records, the first ancient Olympic Games can be traced back to 776 BCE. They were dedicated to the god Zeus and were staged on the plains of Olympia in the Peloponnese. They continued for nearly 12 centuries, until they were banned by the Roman Emperor Theodosius.</p>
<p>The Olympic Games played a unique role in promoting peace in ancient times. Wars were suspended for ten days before and after the Games to allow for spectators to travel safely to the Games and back to their cities. The Games were also an opportunity for Greeks to celebrate their language, religion, and way of life. The founders of the modern Olympic Games hoped to recapture this spirit and to promote peace and the celebration of life.</p>
<p>Do you like sports? Maybe one day you will compete in the modern Olympic Games. You might be competing in a sport that the ancient Greeks played too!</p>
</div><!--/node-content/half-->
<div class="botlogoholder"><a href="home.html" class="homelinkag"><img src="css/images/5-8/bottomhome.png"></a></div>
</div><!--/.kidzcontent-->
</div><!--/acgreecechar-->
</div><!--/anisold-->
<section class="container" style="height:670px;margin-top:0px;">
<div class="spriteComing"></div>
</section>
<script src="js/spritespin.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript" src="js/script.js"></script>
<div class="audiopanel">
<div class="bbh"><img id="olympicsaudiobbtn" src="css/images/audio/audio-back.png"></div>
<div class="plbh"><img id="olympicsaudioplbtn" src="css/images/audio/audio-play.png"></div>
<div class="psbh"><img id="olympicsaudiopsbtn" src="css/images/audio/audio-pause.png"></div>
<div class="fbh"><img id="olympicsaudiofbtn" src="css/images/audio/audio-forw.png"></div>
<div id="actualaudio-olympics" style="visibility:hidden;"></div>
</div>
<script>
(function() {
if(sound.canPlayType('audio/mpeg')) {
$('#actualaudio-olympics').html('<audio id="olympicsnar" controls preload onpause="playolympics()" onplay="pauseolympics()"><source src="http://back.uvmate.com/sites/default/files/subjectsaudio/Page14.mp3" type="audio/mpeg"></audio>');
}
$("#olympics").swipe( { swipeRight:goBack, allowPageScroll:"auto"} );
})();
$('#start-olympics').on('click', function() {
$('#actualaudio-olympics').show();
var oldHeight = $('#node-body-holder').height();
var newHeight = oldHeight - $('#actualaudio-olympics').height();
$('#node-body-holder').height(newHeight);
});
function playolympics() {
olympicsaudiobg.pause();
}
function playolympics() {
olympicsaudiobg.play();
}
function goBack() {
$.mobile.changePage("sub-ac-greece-lifeinag.html");
olympicsaudiobg.pause();
agsoundbg.play();
}
$('.homelinkag').on('tap', function() {
mainaudiobg.play(); agsoundbg.pause(); agsoundbg.currentTime = 0;
});
$(".olym").on('tap', function() {
var ansId = $(this).attr("id");
if(ansId == "beachv") {
alert("You're right! Beach volleyball did not originate from Ancient Greece.");
} else {
alert("Sorry, you got it wrong.");
}
});
/* ******************** */
$("#olympicsaudioplbtn").on('tap', function() {
olympicsnar.play();
agsoundbg.pause(); agsoundbg.currentTime = 0;
$(".audiopanel").css({"backgroundPosition":"-197px 0px"});
});
$("#olympicsaudiofbtn").on('tap', function() {
var ctime = olympicsnar.currentTime;
olympicsnar.currentTime = ctime + 10;
});
$("#olympicsaudiobbtn").on('tap', function() {
var ctime = olympicsnar.currentTime;
olympicsnar.currentTime = ctime - 10;
});
$("#olympicsaudiopsbtn").on('tap', function() {
olympicsnar.pause();
});
</script>
</div>