<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<!-- DW6 -->
<head>
<title> Asian Civilisations Museum</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta content="The Asian Civilisations Museum (ACM) is the first museum in the region to present a broad yet integrated perspective of pan-Asian cultures and civilisations."
name=description>
<meta content="As one of the National Museums of Singapore under the National Heritage Board, we seek to promote a better appreciation of the rich cultures that makeup Singapore’s multi-ethnic society."
name=keywords>
<meta http-equiv="imagetoolbar" content="no">

<style type="text/css">

#mainlearnart {
  min-height:380px;
  height:auto !important;
  height:380px;
}
#mainlearnart .container,
#mainlearnart .container .decoration {
  display: block;
  position: relative;
  width:420px; height:320px;
  overflow: hidden;
}
#mainlearnart .container .decoration {
  background: url('/img/learning/home/big_white_box.png') 0 0 no-repeat;
  position: absolute;
  left: 0; top: 0;
}

.thumb-container,
.thumb-container .decoration {
  display: block;
  width: 48px; height: 48px;
  overflow: hidden;
  pointer: cursor;
}
.thumb-container {
  position: relative;
  float: left;
}
.thumb-container .decoration {
  position: absolute;
  top: 0; left: 0;
  background: url('/img/learning/home/small_boxes.png') 0 0 no-repeat;
}
.gallery-item .title {
  display: block; 
  float: left; 
  width: 87px; 
  padding-left: 5px;
}
.details {
  margin: 15px 0;
}
</style>

<script type="text/javascript" src="../inc/js/flashObjectHandle.js"></script>
<script type="text/javascript" src="../inc/js/MM_functions.js"></script>
<script type="text/javascript" src="../inc/js/dom.js"></script>
<script language="javascript">
<!--
var numOfLearnArts=3;
function displayLearnArt(id) {
  //var numOfLearnArts=3;
  for(var i=1;i<=numOfLearnArts;i++){
    //document.getElementById('learnart'+i).style.backgroundImage = "url(../img/common/spacer.gif)";
    //alert(document.getElementById('learnart_'+i+'_img').src);
    //alert(document.getElementById('learnart_'+i+'_img').style.borderColor);
    //document.getElementById('learnart_'+i+'_img').style.borderColor = '#000000';
    //document.getElementById('learnart_'+i+'_img').border = '2px';
  }
  if (numOfLearnArts > 0) {
    //document.getElementById('learnart_'+id+'_img').style.borderColor = '#ffffff';
    //document.getElementById('mainlearnart').innerHTML=document.getElementById('learnart'+id+'_details').innerHTML;
    //document.getElementById('mainlearnart_img').border='2px';
  }
  return;
}
//-->
</script>
<link rel="stylesheet" href="../inc/css/acm.css" type="text/css">
<LINK REL="SHORTCUT ICON" HREF="../img/common/favicon.ico">
</head>
<body bgcolor="#FFFFFF" text="#000000" topmargin="0">
<script src="../inc/js/AC_RunActiveContent.js" type="text/javascript"></script>
  <table width="929" border="0" align="center" cellpadding="0" cellspacing="0" background="../img/common/new_acm_bg.gif">
  <tr>
      <td><div align="center">
        <script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','915','height','87','src','../../flash/header_top','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','../../flash/header_top' ); //end AC code
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="915" height="87">
          <param name="movie" value="../../flash/header_top.swf" />
          <param name="quality" value="high" />
          <embed src="../../flash/header_top.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="915" height="87"></embed>
        </object></noscript>
    </div></td>
    </tr>
    <tr>
      <td><div align="center">
        <script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','915','height','220','src','../../flash/masthead','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','../../flash/masthead' ); //end AC code
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="915" height="220">
          <param name="movie" value="../../flash/masthead.swf" />
          <param name="quality" value="high" />
          <embed src="../../flash/masthead.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="915" height="220"></embed>
        </object></noscript>
      </div></td>
    </tr>
  </table>

<table width="929" border="0" align="center" cellpadding="0" cellspacing="0" background="../img/common/new_acm_bg.gif">
  <tr>
    <td><img src="../img/common/spacer.gif" width="25" height="15"></td>
    <td valign="top"><img src="../img/common/spacer.gif" width="879" height="15"></td>
    <td><img src="../img/common/spacer.gif" width="25" height="15"></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td valign="top">
      <table width="720" border="0" align="center" cellpadding="0" cellspacing="0">
        <tr>
          <td><img src="/img/learning/learning_header.gif" width="720" height="58"></td>
        </tr>
      </table>
      <table width="720" border="0" align="center" cellpadding="0" cellspacing="0">
        <tr>
          <td><img src="/img/learning/home_topblackbar.gif" width="720" height="22"></td>
        </tr>
      </table>
      <table width="720px" border="0" align="center" cellpadding="0" cellspacing="0" background="/img/learning/home_contentbg1.gif">
        <tr>
          <td>
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr valign="top">
                <td><img src="/img/learning/spacer.gif" width="17px" height="10"></td>
                <td width="68%" style="overflow: hidden;">
<!--<span class="thumb" style='padding-left:4px;display:inline-block;vertical-align:top;cursor:pointer;'>
  <img src="/learningblog_image/placeimage1.jpg" alt="Showcase 1" title="Showcase&lt;br /&gt;title 1" longdesc="/learningblog_image/placeimage1.jpg" />
</span>
<span style='padding-left:4px;display:inline-block;vertical-align:top;cursor:pointer;'>
  <img src="/learningblog_image/placeimage1.jpg" alt="Showcase 1" title="Showcase&lt;br /&gt;title 1" longdesc="/learningblog_image/placeimage1.jpg" />
  <br />Title 1<br />Title 1<br />Title 1<br />Title 1<br />Title 1<br />Title 1<br />Title 1
</span>
<span style='padding-left:4px;display:inline-block;vertical-align:top;cursor:pointer;'>
  <img src="/learningblog_image/placeimage1.jpg" alt="Showcase 1" title="Showcase&lt;br /&gt;title 1" longdesc="/learningblog_image/placeimage1.jpg" />
  <br />Title 3
</span>-->
                  <table width="100%" border="0" cellspacing="0" cellpadding="5">
                    <tr>
                      <td valign="top" style="padding: 18px; padding-bottom: 0;">
                        <div id="mainlearnart">
                          
                        </div>
                      </td>
                    </tr>
                    <tr>
                      <td style="padding: 5px 18px;"><img src="../img/learning/whiteline.gif" height="1" width="100%"></td>
                    </tr>
                    <tr>
                      <td valign="top" style="padding: 5px 10px 5px 18px;"><div id='learnart1' class='gallery-item' style='float: left; overflow:hidden; width: 140px;'>
  <div class='thumb-container'><img id='learnart_1_img' src='/resources/learning/Workshop Icon4.jpg' width='48' height='48' style='cursor:pointer;'><div class='decoration'></div></div><div class='title'>Discovering History Through Artefacts Workshop</div>
<div class='details' style='display: none;'><div class='title'><b>Discovering History Through Artefacts Workshop</b></div><div class='summary'>Students will learn how to answer source-based questions and get to know skills and methods used by historians.</div></div></div>
<div id='learnart2' class='gallery-item' style='float: left; overflow:hidden; width: 140px;'>
  <div class='thumb-container'><img id='learnart_2_img' src='/resources/learning/icon.jpg' width='48' height='48' style='cursor:pointer;'><div class='decoration'></div></div><div class='title'>Rainbow Safari</div>
<div class='details' style='display: none;'><div class='title'><b>Rainbow Safari</b></div><div class='summary'>Explore different mythical animals through storytelling, crafts and games in this fun and interactive session!</div></div></div>
<div id='learnart3' class='gallery-item' style='float: left; overflow:hidden; width: 140px;'>
  <div class='thumb-container'><img id='learnart_3_img' src='/resources/learning/SMS Trail email.JPG' width='48' height='48' style='cursor:pointer;'><div class='decoration'></div></div><div class='title'>SMS Treasure Hunt</div>
<div class='details' style='display: none;'><div class='title'><b>SMS Treasure Hunt</b></div><div class='summary'>Don't miss this exciting post exam ACM Open House for Primary and Secondary stchools</div></div></div>
<script>numOfLearnArts=3;</script></td>
                    </tr>
                  </table>
                  </td>
                <td><img src="/img/learning/spacer.gif" width="10px" height="10"></td>
                <td width="32%" style="padding: 5px 10px;"><div style='width: 200px;'>
<div style="text-align: center;"><img src='' border='0' align='' /></div>
<p><b><a href='/students/readingMaterials.asp'>ramayana conference Information about the speakers</a></b></p>
</div></td>
                <td><img src="/img/learning/spacer.gif" width="17px" height="10"></td>
              </tr>
              <!--<tr valign="top">
                <td><img src="/img/learning/spacer.gif" width="17" height="5"></td>
                <td style="overflow: hidden;"><img src="/img/learning/spacer.gif" width="455" height="5"></td>
                <td><img src="/img/learning/spacer.gif" width="10" height="5"></td>
                <td><img src="/img/learning/spacer.gif" width="220" height="5"></td>
                <td><img src="/img/learning/spacer.gif" width="17" height="5"></td>
              </tr>-->
            </table>
          </td>
        </tr>
      </table>
      <table width="720" border="0" align="center" cellpadding="0" cellspacing="0">
        <tr>
          <td><img src="/img/learning/home_topblackbar2.gif" width="720" height="38"></td>
        </tr>
      </table>
      <table width="720" height="162px" border="0" align="center" cellpadding="0" cellspacing="0" background="/img/learning/flash_bg.jpg">
        <tr>
          <td>
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td valign="top"><img src="/img/learning/spacer.gif" width="18" height="10"></td>
                <td valign="top"><div id="flash_students"></div></td>
                <td valign="top"><img src="/img/learning/spacer.gif" width="8" height="10"></td>
                <td valign="top"><div id="flash_teachers"></div></td>
                <td valign="top"><img src="/img/learning/spacer.gif" width="9" height="10"></td>
                <td valign="top"><div id="flash_partners"></div></td>
                <td valign="top"><img src="/img/learning/spacer.gif" width="17" height="10"></td>
              </tr>
              <tr>
                <td valign="top"><img src="/img/learning/spacer.gif" width="10" height="14"></td>
                <td valign="top">&nbsp;</td>
                <td valign="top">&nbsp;</td>
                <td valign="top">&nbsp;</td>
                <td valign="top">&nbsp;</td>
                <td valign="top">&nbsp;</td>
                <td valign="top">&nbsp;</td>
              </tr>
            </table>
          </td>
        </tr>
      </table>
    </td>
    <td>&nbsp;</td>
  </tr>
</table>
<table width="929" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td><img src="../img/common/new_footer.gif" width="929" height="27" /></td>
  </tr>
  <tr>
    <td background="../img/common/new_footerbg.gif"><div align="center"><a href="http://acm.org.sg/privacy/privacy.asp" class="footer">Privacy Policy |</a> <a href="http://acm.org.sg/legal/legal.asp" class="footer">Legal</a><br />
    <span class="smalltxtfooter">Copyright 2009 &copy; Asian Civilisations Museum. All rights reserved.<br />
    Asian Civilisations Museum. 1 Empress Place Singapore 179555. Tel: 65-6332 2982, 65-6332 7798</span></div></td>
  </tr>
  <tr>
    <td background="../img/common/new_footerbg.gif"><img src="../img/common/spacer.gif" width="929" height="10" /></td>
  </tr>
</table>
<script type="text/javascript">
  var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
  document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
  try {
  var pageTracker = _gat._getTracker("UA-7823790-1");
  pageTracker._trackPageview();
  } catch(err) {}
</script>


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="../inc/js/DD_belatedPNG_0.0.8a-min.js"></script>
<script type="text/javascript">
//<![CDATA[
  DD_belatedPNG.fix('.thumb-container .decoration');
(function($){
  $.fn.acmGallery = function(mainContainer){
    
    loadItem($(this).eq(0));
    
    return this.each(function(){
      var $this = $(this);
      
      $this
        .hover(function(){
          
          loadItem($(this));
          
        });
    });
    
    function loadItem($el){
      var $display = $('<div class="container"></div>'),
            imgSrc = $el.children('img').attr('src'),
            $img = $('<img width="420" height="320" src="' + imgSrc + '" />'),
            $details = $el.siblings('.details').clone();
            
        $display.append($img);
        $display.append($('<div class="decoration" />'));
        
        $details.css('display', 'block');
        
        $(mainContainer)
          .html('')
          .append($display.wrap('<div class="container"></div>'))
          .append($details);
        
        DD_belatedPNG.fix('#mainlearnart .container .decoration');
        
        $el
          .children('.decoration')
            .css('background-position', '-48px 0')
            .end()
          .parent()
            .siblings()
              .children('.thumb-container').children('.decoration')
                .css('background-position', '0 0');
    }
    
  }
  
  $(function(){
    $('.thumb-container').acmGallery('#mainlearnart');
    
    $('.gallery-item .title:visible').each(function(){
      var $this = $(this),
          height = $this.height();
      
      if (height > 50){
        $this.html($this.html().substring(0,27) + '...');
      }
    });
  });
})(jQuery);

//]]>
</script><!-- end script -->
<script language="javascript" type="text/javascript">
<!--
  var oFlash = new Flash_FSControl({
      'flash_students': ['/flash/students_v2.swf', '220', '146', '8'],
      'flash_teachers': ['/flash/teachers_v2.swf', '228', '146', '8'],
      'flash_partners': ['/flash/learning_partners_v2.swf', '220', '146', '8']
    },{
      fs: {
        btnClickHere_onclick: function (arg) {
          window.location = arg;
        }
      }
    });

//-->
</script>
</body>
</html>
