var time = 12000;
var speed = 600;
var counter;
var last;
var interval;

jQuery(document).ready(function(){
    
    if(jQuery('#news-wrapper').length != 0) {
      counter = 0;
      last = parseInt(jQuery('.news.last').attr('id').replace('news-', ''));
      if(last > 0) {
        interval = setInterval(ShowNews, time);
        var pager = '<div id="pager">';
        for(var i=last;i>=0;i--) {
          pager += '<div id="pager-'+i+'" class="pager-item"></div>';
        }
        pager += '</div>';
        jQuery('#news-wrapper').append(pager);
        jQuery('#pager-0').addClass('active');
        jQuery('.pager-item').click(function(){ PagerClick(jQuery(this))});
      }
      ActivateNews();
    }
});

function PagerClick(__this) {
    var id = parseInt(__this.attr('id').replace('pager-', ''));
    counter = id-1;
    if(counter < 0) {
      counter = last;
    }
    if(last > 0) {
      clearInterval(interval);
      interval = setInterval(ShowNews, time);
    }
    ShowNews();
}

function ActivateNews() {
    
    jQuery('#news-inner').mouseenter(OnMouseEnter);
    jQuery('#news-inner').mouseleave(OnMouseLeave);
    
    jQuery('html').mousedown(function() {
        clearInterval(interval);
        jQuery('#news-button').stop(true, false).animate({left:0}, 'fast', function(){
          jQuery(this).addClass('active').click(ButtonClick);
        });
        jQuery('.news').stop(true, true).fadeOut(speed);
        jQuery('#pager').stop(true, false).fadeOut(speed);
        jQuery('#dim').stop(true, true).fadeOut(speed);
        jQuery('html').unbind('mousedown');
        jQuery('#news-wrapper').unbind('mousedown');
        jQuery('#news-inner').unbind('mouseenter');
        jQuery('#news-inner').unbind('mouseleave');
    });
    jQuery('#news-wrapper').mousedown(function(event){
        event.stopPropagation();
    });
}
function ButtonClick() {
  jQuery(this).unbind('click').removeClass('active').animate({left:-90}, 'fast');
  ActivateNews();
  ShowNews();
  jQuery('#pager').fadeIn(speed);
  jQuery('#dim').fadeIn(speed);
  if(last > 0)
    interval = setInterval(ShowNews, time);
}

function OnMouseEnter() {
    clearInterval(interval);
}
function OnMouseLeave() {
  if(last > 0)
    interval = setInterval(ShowNews, time);
}

function ShowNews() {
    
    jQuery('.pager-item.active').removeClass('active');
    jQuery('.news.active').stop(true, false).fadeOut(speed, function(){
        counter++;
        if(counter > last) {
          counter = 0;
        }
        jQuery(this).removeClass('active');
        jQuery('#pager-'+counter).addClass('active');
        jQuery('#news-'+counter).addClass('active').fadeIn(speed);
    });
}