-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathsub-ac-greece-gilgamesh.html
158 lines (138 loc) · 7.63 KB
/
sub-ac-greece-gilgamesh.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
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
<!-- i-C-a -->
<div id="gilgamesh" data-role="page">
<script src="js/hammer.js"></script>
<script src="js/jquery.hammer.js"></script>
<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 class="bptitleholder" style="padding-top:14px;"><h1>Gilgamesh</h1></div>
<div id="anisold"><div id="animatedsoldier"></div>
<div id="acgreecechar">
<div data-role="content" class="kidzcontent">
<div class="v-spacer"></div>
<div class="sidebarleft-half">
<div id="f1_container" style="visibility:hidden;position:absolute;left:100px;top:270px;">
<div id="f1_card">
<div class="front face">
<img id="dopple" src="css/images/5-8/Ancient_Civilizations/Greece/World_around_Greece/hearinbabpol.jpg" alt="" />
</div>
<div id="backofcard" class="back face center">
<p>Gilgamesh in Babylonian</p>
<audio id="gilgab" controls preload onpause="playagbg()" onplay="pauseagbg()">
<source src="http://back.uvmate.com/sites/default/files/subjectsaudio/gilgameshbabylonian.mp3" type="audio/mpeg">
</audio>
<p><a href="#" id="donegiglgababy">Done</a></p>
</div>
</div><!--/f1+card-->
</div>
<div id="f2_container" style="visibility:hidden;position:absolute;left:100px;top:270px;">
<div id="f2_card">
<div class="front face">
<img id="dopple" src="css/images/5-8/Ancient_Civilizations/Greece/World_around_Greece/hearinengpol.jpg" alt="" />
</div>
<div id="backofcard2" class="back face center">
<p>Gilgamesh in English</p>
<audio id="gilgae" controls preload onpause="playagbg()" onplay="pauseagbg()">
<source src="http://back.uvmate.com/sites/default/files/subjectsaudio/gilgameshenglish.mp3" type="audio/mpeg">
</audio>
<p><a href="#" id="donegiglgaeng">Done</a></p>
</div>
</div><!--/f1+card-->
</div>
<div id="zoomwrapper">
<div id="polb1" class="pPiece" style="left:100px;top:270px;">
<img src="css/images/5-8/Ancient_Civilizations/Greece/World_around_Greece/hearinbabpol.jpg" alt="" />
</div>
<div id="polb2"class="pPiece" style="left:75px;top:290px;">
<img src="css/images/5-8/Ancient_Civilizations/Greece/World_around_Greece/hearinengpol.jpg" alt="" />
</div>
</div>
</div>
<div class="bpcontent">
<p>"The story of Gilgamesh is one of the oldest recorded stories, anywhere on earth. The story is well over 4,000 years old and we have clay tablets from 3,000 years ago that tell the story.</p>
<p>Gilgamesh was a Babylonian King, who sought eternal life, according to the story. Gilgamesh met strange and terrifying creatures, powerful goddesses, and wise elders. He fought terrible monsters like Humbaba, together with his friend Enkidu.</p>
<p>In part of the tale, Gilgamesh speaks to the immortal Uta-napisti to ask him about the secret of eternal life. Here is an excerpt from that part of the story. You can listen to it in English, or in the ancient language of the Babylonians…!”</p>
</div>
<div class="botlogoholder"><a href="home.html" class="homelinkag"><img src="css/images/5-8/bottomhome.png"></a></div>
</div><!-- end of content -->
</div></div><!--/anisold-->
<script>
(function() {
$('div#polb1 > img').css("-webkit-transform", "rotate(0deg)");
$('div#polb1').css("z-index", 1);
$('div#polb2 > img').css("-webkit-transform", "rotate(5deg)");
$('#f1_container').css({"visibility":"hidden", "z-index":0});
$('#f2_container').css({"visibility":"hidden", "z-index":0});
var url = "http://back.uvmate.com/jeuel_services/educ.json?nid=101";
$.getJSON( url, function( data ) {
/* $('#node-body-hittites').html(data[0].Body);*/
});
$("#gilgamesh").swipe( { swipeRight:goBack, allowPageScroll:"auto"} );
})();
function goBack() {
$.mobile.changePage("sub-ac-greece-babylonians.html");
gilgab.pause();
gilgae.pause();
agsoundbg.play();
}
/*$('#start-hittites').on('click', function() {
$('#actualaudio-hittites').show();
});*/
$('.homelinkag').on('tap', function() {
mainaudiobg.play(); agsoundbg.pause(); agsoundbg.currentTime = 0;
});
$("#donegiglgababy").on('tap', function() {
$('#f1_card').css({"-webkit-transform": "rotateY(0deg)"});
$('#f1_card').css({"-moz-transform": "rotateY(0deg)"});
$('#f1_card').css({"-o-transform": "rotateY(0deg)"});
$('#f1_card').css({"transform": "rotateY(0deg)"});
gilgab.pause();
agsoundbg.play();
setTimeout(function() {
$("#polb1").css({"visibility":"visible", "z-index":3});
$('#f1_container').css({"visibility":"hidden", "z-index":0});
}, 1000);
//$("#hittites").swipe( { swipeRight:goBack, allowPageScroll:"auto"} );
//$("#hittites").swipe("enable");
});
$("#polb1").on('tap', function() {
$('#f1_container').css({"visibility":"visible", "z-index":10});
$(this).css({"visibility":"hidden"});
$('#f1_card').css({"-webkit-transform": "rotateY(180deg)", "-webkit-box-shadow" : "-5px 5px 5px #aaa;"});
$('#f1_card').css({"-moz-transform": "rotateY(180deg)", "-moz-box-shadow" : "-5px 5px 5px #aaa;"});
$('#f1_card').css({"-o-transform": "rotateY(180deg)"});
$('#f1_card').css({"transform": "rotateY(180deg)", "box-shadow" : "-5px 5px 5px #aaa;"});
//$("#hittites").swipe("disable");
//$("#dopple").css({"visibility":"hidden"});
});
$("#donegiglgaeng").on('tap', function() {
$('#f2_card').css({"-webkit-transform": "rotateY(0deg)"});
$('#f2_card').css({"-moz-transform": "rotateY(0deg)"});
$('#f2_card').css({"-o-transform": "rotateY(0deg)"});
$('#f2_card').css({"transform": "rotateY(0deg)"});
gilgae.pause();
agsoundbg.play();
setTimeout(function() {
$("#polb2").css({"visibility":"visible", "z-index":3});
$('#f2_container').css({"visibility":"hidden", "z-index":0});
}, 1000);
//$("#hittites").swipe( { swipeRight:goBack, allowPageScroll:"auto"} );
//$("#hittites").swipe("enable");
});
$("#polb2").on('tap', function() {
$('#f2_container').css({"visibility":"visible", "z-index":10});
$(this).css({"visibility":"hidden"});
$('#f2_card').css({"-webkit-transform": "rotateY(180deg)", "-webkit-box-shadow" : "-5px 5px 5px #aaa;"});
$('#f2_card').css({"-moz-transform": "rotateY(180deg)", "-moz-box-shadow" : "-5px 5px 5px #aaa;"});
$('#f2_card').css({"-o-transform": "rotateY(180deg)"});
$('#f2_card').css({"transform": "rotateY(180deg)", "box-shadow" : "-5px 5px 5px #aaa;"});
//$("#hittites").swipe("disable");
//$("#dopple").css({"visibility":"hidden"});
});
</script>
<script src="js/twocardLogicb.js"></script>
</div>