/// <reference path="jquery.js" />
$(function () {
   $('.pgBox').each(function () {
      var $box = $(this);

      var $divs = $box.children('div');
      var count = $divs.length;

      $divs.addClass('pg').height($box.height()).width($box.width()).hide().children('div').width($box.width() - 20);
      if (count > 1) {
         $box.append('<div id="to_' + $box.attr('id') + '" class="pager"></div>');
         var $pager = $('.pager', $box);
         for (var i = 1; i <= count; i++) {
            $pager.append('<a href="#' + i + '"><span class="border">' + i + '</span></a>');
         }
         $pager.append('<div class="timer"></div>');
         var $links = $('.pager').children('a');
         $links.click(function () {
            var $a = $(this);
            if ($a.hasClass('selected')) return false;
            $pager.children('.timer').width(0);
            $links.removeClass('selected');
            $a.addClass('selected');
            var i = $a.attr('href').substring($a.attr('href').indexOf('#') + 1, $a.attr('href').length);
            $($divs.get(i - 1)).css('z-index', '1000').fadeIn('normal', function () {
               $box.children('div.active').hide().removeClass('active').children('div').hide();
               $(this).children('div').slideDown('fast');
               $(this).addClass('active').css('z-index', '1');
            });
            return false;
         });

         $($links.get(0)).click();
         if ($box.hasClass('scroll')) {
            setInterval(function () {
               var next = $links.index($pager.children('a.selected')) + 1;
               if (next >= $links.length) next = 0;
					var left = ($links.index($pager.children('a.selected')) * 27) + 3;
               $pager.children('.timer').css('top', 18).css('left', left);
               if ($pager.children('.timer').width() == 20) {
                  $($links.get(next)).trigger('click');
               } else {
                  $pager.children('.timer').width($pager.children('.timer').width() + 1);
               }
            }, 250);
         }
      } else {
         $($divs.get(0)).show().addClass('active').children('div').slideDown('fast');
      }
   });
});