<script type="text/javascript">
$(function(){
    $('.fadein img:gt(0)').hide();

    setInterval(function () {
        $('.fadein :first-child').fadeOut()
        .next('img')
        .fadeIn()
        .end()
        .appendTo('.fadein');
    }, 3000); // 4 seconds
})
</script>

<style type="text/css">
    body {
        background-image: url('images/images-web/intro-bg.jpg');
        background-repeat: repeat-x;
        background-size: cover;
    }

    .fadein {
        position:absolute;
        border: #333 solid 1px;
        
        margin-left: 114px;
        margin-top: 108px;
        width: 600px;
        height: 340px;
    }

    .fadein img {
        position:absolute;
        left:0;
        top:0;
    }


    /* bottom goto */
    .bt-goto {
        background: url('images/images-web/intro-goto.png');
        background-position: 0px 0px;
        width: 460px;
        height: 82px;
    }
    .bt-goto:hover {
        background: url('images/images-web/intro-goto.png');
        background-position: 0px -82px;
        width: 460px;
        height: 82px;

        cursor: pointer;
    }
    /* end bottom goto */
</style>

<div style="width: 960px; margin: auto; margin-top: 125px; margin-bottom: 40px;">

    <!-- LOGO -->
    <div style="position: absolute; margin-top: -67px; margin-left: -20px; z-index: 4;">
        <img src="<?php echo Yii::app()->baseUrl . '/images/images-web/logo-text.png'; ?>">
    </div>

    <!-- FRAME -->
    <div style="position: relative; width: 100%; z-index: 1;">
        <div style="background-image: url('images/images-web/intro-frame.png'); width: 829px; height: 557px; margin: auto;">

            <!-- IMAGES SLIDE -->
            <div class="fadein">
                <img src="<?php echo Yii::app()->baseUrl . '/images/images-slide/01.jpg' ?>">
                <img src="<?php echo Yii::app()->baseUrl . '/images/images-slide/02.jpg' ?>">
                <img src="<?php echo Yii::app()->baseUrl . '/images/images-slide/03.jpg' ?>">
                <img src="<?php echo Yii::app()->baseUrl . '/images/images-slide/04.jpg' ?>">
                <img src="<?php echo Yii::app()->baseUrl . '/images/images-slide/05.jpg' ?>">
                <img src="<?php echo Yii::app()->baseUrl . '/images/images-slide/06.jpg' ?>">
            </div>
        </div>
    </div>
    <div style="clear: both;"></div>

    <!-- Bottom -->
    <div style="position: relative; margin-top: 30px;">
        <a href="<?php echo Yii::app()->controller->createUrl('Main/MainHomepage'); ?>">
            <div class="bt-goto" style="margin: auto;"></div>
        </a>
    </div>
</div>