var topElementId = '0', topElementId1 = '0', topElementId2 = '0', t,g,h;
 

      
      
     
    function listSlideUp() {
      $('#row'+topElementId).slideUp(500, function(){
        if (topElementId > 0) {
          $first = $('#row'+topElementId); 
          $last = $('#frame0 div:last');
          $first.insertAfter($last).show();
        }
        topElementId++;
        if (topElementId >= jQuery('#frame0').children().size()) {
          topElementId = 1;
        }
      });
      t = setTimeout('listSlideUp()', 4000);
    } 



    function listSlideUp1() {
      $('#low'+topElementId1).slideUp(500, function(){
        if (topElementId1 > 0) {
          $first = $('#low'+topElementId1); 
          $last = $('#frame1 div:last');
          $first.insertAfter($last).show();
        }
        topElementId1++;
        if (topElementId1 >= jQuery('#frame1').children().size()) {
          topElementId1 = 1;
        }
      });
      g = setTimeout('listSlideUp1()', 4000);
    } 


 function listSlideUp2() {
      $('#wow'+topElementId2).slideUp(500, function(){
        if (topElementId2 > 0) {
          $first = $('#wow'+topElementId2); 
          $last = $('#frame2 div:last');
          $first.insertAfter($last).show();
        }
        topElementId2++;
        if (topElementId2 >= jQuery('#frame2').children().size()) {
          topElementId2 = 1;
        }
      });
      h = setTimeout('listSlideUp2()', 4000);
    } 
// 
// 
//     function listSlideUp3() {
//       $('#gow'+topElementId3).slideUp(500, function(){
//         if (topElementId3 > 0) {
//           $first = $('#gow'+topElementId3); 
//           $last = $('#frame3 div:last');
//           $first.insertAfter($last).show();
//         }
//         topElementId3++;
//         if (topElementId3 >= jQuery('#frame3').children().size()) {
//           topElementId3 = 1;
//         }
//       });
//       e = setTimeout('listSlideUp3()', 4000);
//     }





$(document).ready(function() {

      var el = $('#frame0').children();
      // проверяем количество элементов в списке: если элементов больше
      // чем вмещается в видимую область, то начинаем скролирование
      if (el.size() > 2) {
        // присваиваем каждому элементу списка свой ID
        el.each(function(i){
          $(this).attr('id','row'+i);
        });
        // запускаем таймер. число задает количество милисекунд между
        // загрузкой страницы и началом скролирования
        t = setTimeout('listSlideUp()', 3000);
      }
        var el1 = $('#frame1').children();
      // проверяем количество элементов в списке: если элементов больше
      // чем вмещается в видимую область, то начинаем скролирование
      if (el1.size() > 2) {
        // присваиваем каждому элементу списка свой ID
        el1.each(function(i){
          $(this).attr('id','low'+i);
        });
        // запускаем таймер. число задает количество милисекунд между
        // загрузкой страницы и началом скролирования
        g = setTimeout('listSlideUp1()', 3000);
      }
 var el2 = $('#frame2').children();
      // проверяем количество элементов в списке: если элементов больше
      // чем вмещается в видимую область, то начинаем скролирование
      if (el2.size() > 2) {
        // присваиваем каждому элементу списка свой ID
        el2.each(function(i){
          $(this).attr('id','wow'+i);
        });
        // запускаем таймер. число задает количество милисекунд между
        // загрузкой страницы и началом скролирования
        h = setTimeout('listSlideUp2()', 3000);
      }




$(".contentnav a:first").addClass("active");

var contentwidth = $(".contentholder").width();

var totalcontent = $(".contentss").size();

var allcontentwidth = contentwidth * totalcontent;

$(".contentslider").css({'width' : allcontentwidth});

rotate = function(){

var slideid = $active.attr("rel") - 1;

var slidedistance = slideid * contentwidth;

$(".contentnav a").removeClass('active');

$active.addClass('active');

$(".contentslider").css({

        left: -slidedistance});}; 

 rotation = function(){

play = setInterval(function(){

$active = $('.contentnav a.active').next();

if ( $active.length === 0) {

$active = $('.contentnav a:first');

}

rotate();

}, 5000);};

rotation();

$(".contentnav a").hover(function() {

$active = $(this);

clearInterval(play);

rotate();

rotation();

return false;

});



});