sub-artmusic.html

<!-- i-C-a -->
<div data-role="page" id="artandmusic2">
  <div data-role="content" style="overflow:hidden !important;">
    
    <div id="titleb-holder"><h1 style="margin-top:184px;">Art and Music</h1></div>
    
    <div style="width:90%;margin:auto;">
      <div class="aclink"><a href="#" data-transition="slide" id="agmovielink"><img src="css/images/9-12/Art_and_Music/writeasongbtn.png"></a></div>
      <div class="aclink"><a href="#" data-transition="slide"><img src="css/images/9-12/Art_and_Music/streetartbtn.png"></a></div>
      <div class="aclink"><a href="#" data-transition="slide"><img src="css/images/9-12/Art_and_Music/chineseopbtn.png"></a></div>
      <div class="aclink"><a href="#" data-transition="slide"><img src="css/images/9-12/Art_and_Music/famouspaintsbtn.png"></a></div><br>
      <div class="aclink"><a href="#" data-transition="slide"><img src="css/images/9-12/Art_and_Music/paintlikemasbtn.png"></a></div>
      <div class="aclink"><a href="#" data-transition="slide"><img src="css/images/9-12/Art_and_Music/jazzjambtn.png"></a></div>
      <div class="aclink"><a href="#" data-transition="slide"><img src="css/images/9-12/Art_and_Music/modernartbtn.png"></a></div>
      <div class="aclink"><a href="#" data-transition="slide"><img src="css/images/9-12/Art_and_Music/hiphopbtn.png"></a></div>
    </div>
    <div class="botlogoholder"><a href="home.html" class="homelinkbh"><img src="css/images/9-12/bottomhome.png"></a></div>
  </div> <!-- end content -->  
    <script>
				$(function() {
					$("#artandmusic2").swipe( { swipeRight:goBack, allowPageScroll:"auto"} );
				});
        
    function goBack() {
      $.mobile.changePage("home.html");
      artmusicsoundbg.pause(); artmusicsoundbg.currentTime = 0;
      mainaudiobg.play();
    }
    
    $('.homelinkbh').on('tap', function() { 
      mainaudiobg.play(); artmusicsoundbg.pause(); artmusicsoundbg.currentTime = 0;
    });
			</script>
</div>