<p></p>
<div id="fader">
<img src="http://yourwebsitehere.xyz/media/images/banners/banner1.jpg" />
<img src="http://yourwebsitehere.xyz/media/images/banners/banner2.jpg" />
<img src="http://yourwebsitehere.xyz/media/images/banners/banner3.jpg" />
<img src="http://yourwebsitehere.xyz/media/images/banners/banner999.jpg" />
</div>
<p>
<script language="Javascript" type="text/javascript">// <![CDATA[
$(function() {
    $('#fader img:not(:first)').hide();

    $('#fader img').each(function() {
        var img = $(this);

    });

    var pause = false;
    
    function fadeNext() {
        $('#fader img').first().fadeOut("slow").appendTo($('#fader'));
        $('#fader img').last().hide();
        $('#fader img').first().fadeIn("slow");
    }

    function fadePrev() {
        $('#fader img').first().fadeOut("slow");
        $('#fader img').first().hide();
        $('#fader img').last().prependTo($('#fader')).fadeIn("slow");
    }

    $('#fader, #next').click(function() {
        fadeNext();
    });

    $('#prev').click(function() {
        fadePrev();
    });

    $('#fader, .button').hover(function() {
        pause = true;
    },function() {
        pause = false;
    });

    function doRotate() {
        if(!pause) {
            fadeNext();
        }    
    }
    
    var rotate = setInterval(doRotate, 5000);
});
// ]]></script>
</p>
<div class="bx-splash-txt-bg" style="position: absolute; z-index: 1; bottom: 0px; width: 100%; height: 96px; background-color: #ffffff; opacity: 0.3;"><img src="http://yourwebsitehere.xyz/templates/base/images/spacer.gif" /></div>
<div class="bx-splash-txt" style="position: absolute; z-index: 2; bottom: 0px; width: 100%; height: 96px;">
<div class="bx-splash-txt-cnt bx-def-margin" style="position: relative; opacity: 1.0;">
<div class="bx-splash-txt-l1" style="font-size: 36px;">Optional Text!</div>
<div class="bx-splash-txt-l2 bx-def-font-grayed" style="font-size: 14px;">Some More Optional Text.</div>
<div class="bx-splash-action bx-def-padding-sec-topbottom" style="position: absolute; top: 0px; right: 0px;"><button class="bx-btn bx-btn-primary" onclick="window.open ('join.php','_self');">Join</button> <button class="bx-btn" style="margin-left: 10px;" onclick="showPopupLoginForm(); return false;">Login</button></div>
</div>
</div>