Ротатор контента в модальном окне

<ul id="tips">
        <li><img style="float: left; margin: 5px 10px 5px 0;" src="klen.png" alt="" /> ... Вы смотрите один из примеров создания модального окна с помощью CSS и немного jQuery, с возможностью вставки изображения.</li>
        <li>... В данном примере показано окно шириной 500px.</li>
        <li>...Для вывода других окон просто присваиваете имя новому окну, прописываете в атрибуте <strong>rel</strong>, типа <strong>popup1,2,3</strong> и т.д,</li>
        <li>... и конечно не забываем про идентификатор id, соответственно выставляем такой же.</li>
        <li>... Устанавливаете ширину окна в теге <code>&lt;a&gt;</code> и c чуством непомерной гордости за себя, любуетесь результатом.</li>
</ul>

<div id="popup_name" class="popup_block">
<h2>Ротатор текста</h2>
<ul id="tips">
        <li><img style="float: left; margin: 5px 10px 5px 0;" src="klen.png" alt="" /> ... Вы смотрите один из примеров создания модального окна с помощью CSS и немного jQuery, с возможностью вставки изображения.</li>
        <li>... В данном примере показано окно шириной 500px.</li>
        <li>...Для вывода других окон просто присваиваете имя новому окну, прописываете в атрибуте <strong>rel</strong>, типа <strong>popup1,2,3</strong> и т.д,</li>
        <li>... и конечно не забываем про идентификатор id, соответственно выставляем такой же.</li>
        <li>... Устанавливаете ширину окна в теге <code>&lt;a&gt;</code> и c чувством непомерной гордости за себя, любуетесь результатом.</li>
</ul>
<p style="text-align: right;"><a href="">Shurawi</a></p>
</div>

<a class="poplight" href="#?w=500" rel="popup_name">Открыть Окно - Ширина = 500px</a>

#tips, #tips li {
        margin:0;
        padding:0;
        list-style:none;
        }
#tips {
        width:100%;
        font-size:14px;
        line-height:1.3em;
        }
#tips li {
        padding:20px;
        display:none; 
}

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

<script type="text/javascript">
    // Модальное окно
$(document).ready(function(){
//При нажатии на ссылку с классом poplight и href атрибутом тега <a> с #
    $('a.poplight[href^=#]').click(function() {
        var popID = $(this).attr('rel'); //получаем имя окна, важно не забывать, при добавлении новых, менять имя в атрибуте rel ссылки
        var popURL = $(this).attr('href'); //получаем размер из href атрибута ссылки
 
        //запрос и переменные из href url
        var query= popURL.split('?');
        var dim= query[1].split('&');
        var popWidth = dim[0].split('=')[1]; //первое значение строки запроса
 
        //Добавляем к окну кнопку закрытия
        $('#' + popID).fadeIn().css({ 'max-width': Number( popWidth ) }).prepend('<a href="#" title="Закрыть" class="close"></a>');
 
        //Определяем маржу(запас) для выравнивания по центру (по вертикали и горизонтали) - мы добавляем 80 к высоте / ширине с учетом отступов + ширина рамки определённые в css
        var popMargTop = ($('#' + popID).height() + 80) / 2;
        var popMargLeft = ($('#' + popID).width() + 80) / 2;
 
        //Устанавливаем величину отступа
        $('#' + popID).css({ 
            'margin-top' : -popMargTop,
            'margin-left' : -popMargLeft
        });
 
        //Добавляем полупрозрачный фон затемнения
        $('body').append('<div id="fade"></div>'); //div-контейнер будет прописан перед тегом </body>.
        $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //полупрозрачность слоя, фильтр для тупого IE
 
        return false;
    });
 
    //Закрываем окно и фон затемнения
    $(document).on('click', 'a.close, #fade', function() { //закрытие по клику вне окна, т.е. по фону...
    $('#fade , .popup_block').fadeOut(function() {
        $('#fade, a.close').remove();  //плавно исчезают 
    });
    return false;
   });
});
// Ротатор контента
this.randomtip = function(){
 
    var pause = 5000; // пауза между показом контента (в милесекундах) увеличивая или уменьшая регулируете скорость ротации :)
    var length = $("#tips li").length; 
    var temp = -1;          
 
    this.getRan = function(){
        // получить случайное число
        var ran = Math.floor(Math.random()*length) + 1;
        return ran;
    };
    this.show = function(){
        var ran = getRan();
        // чтобы избежать повторения необходимо проверить,
        while (ran == temp){
            ran = getRan();
        }; 
        temp = ran;
        $("#tips li").hide();      
        $("#tips li:nth-child(" + ran + ")").fadeIn("fast");               
    };
    // инициировать сценарий, а также задать интервал
    show(); setInterval(show,pause);
 
};
 
$(document).ready(function(){       
    randomtip();
});        
</script>