homebanner.php

<script type="text/javascript" src="includes/templates/luoine_template_1/jscript/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="includes/templates/luoine_template_1/jscript/gslider.js"></script>

<script type="text/javascript">
/***********************************************
 * GXBanner Images Slideshow - (c) www.12leaves.com - ecommerce webdesign services
 ***********************************************/
var $gslider_options = {
 pause: 3000, // Pause between automatic slide changes in milliseconds
 effect: "fadeOut", // one of "slideLeft", "fadeOut", "slideUp", "slideLeftBoth", "slideLeftOrRight", "slideLeftOrRightBoth"
 speed: 300, // number in milliseconds
 pages_opacity: 1, // pagination opacity
 pages_effect: "fade", // one of  "slide", "fade"
 pages_speed: 100 // number in milliseconds
};
</script>

<div class="mainbanners">
<div class="home-banner">
 
<div id="gslider">
 <div class="slides">

    <div class="slide present" style="z-index: 99; display: block;">
       <a href="specials.html"><img  alt="" src="images/banners/01.jpg"></a>
    </div>

    <div class="slide" style="z-index: 100; display: none;">
      <a href="peuterey-lovers-c-6.html"><img  alt="" src="images/banners/02.jpg"></a>
    </div>
    <div class="slide" style="z-index: 100; display: none;">
      <a href="index.php?main_page=new_products"><img  alt="" src="images/banners/03.jpg"></a>
    </div>
    </div>
 

<ul class="pages">
   <li class="prev page"><a><img width="9" height="9" alt="" src="images/banners/spacer.gif"></a></li>
   <li class="page present"><a><img width="9" height="9" alt="" src="images/banners/space.gif"></a></li>
   <li class="page "><a><img width="9" height="9" alt="" src="images/banners/space.gif"></a></li>
   <li class="page"><a><img width="9" height="9" alt="" src="images/banners/space.gif"></a></li>
   <li class="next page"><a><img width="9" height="9" alt="" src="images/banners/spacer.gif"></a></li>
 </ul>
 </div>
</div>
</div>