<?
if (!defined('SITE'))
    exit('Access Denied');
?>
<? template('html_head'); ?>
<script type="text/javascript" src="js/slides/slides.min.jquery.js"></script>
<script type="text/javascript">
    $(function(){
        $('#slides').slides({
            preload: true,
            preloadImage: 'images/loading.gif',
            pagination: false,
            generatePagination :false,
            effect: 'fade'
        });            
    });
</script>
<style type="text/css" media="screen">
    #slides {
        position:absolute;
        z-index:100;
    }
    .slides_container {
        width:1230px;
        overflow:hidden;
        position:relative;
        display:none;
    }
    .slides_container a {
        width:570px;
        height:270px;
        display:block;
    }

    .slides_container a img {
        display:block;
    }

    #slides .next,#slides .prev {
        position:absolute;
        bottom:40px;
        right:20px;
        width:16px;
        height:16px;
        display:block;
        z-index:101;
    }

    #slides .next {
        bottom:20px;
        right:20px;
    }
</style>
<? template('page_header'); ?>
<div id="body">
    <div style="width:1230px;margin:0 auto;">
        <div id="slides">
            <div class="slides_container">
                <?php echo $base['content']['data']; ?>
            </div>
            <a href="#" class="prev"><img src="images/arrow_up.png" width="16" height="16" alt="Arrow Prev"></a>
            <a href="#" class="next"><img src="images/arrow_down.png" width="16" height="16" alt="Arrow Next"></a>
        </div>

        <br style="clear:both;"/>
    </div>
</div>
<? template('page_footer'); ?>