$(document).ready(function() {

  var mainbanner_bg = $(".mainbanner .nav .bg");
  $(".mainbanner .nav .bg .nav-mid").css("width", mainbanner_bg.width()-14+"px");
  ;
  $(".mainbanner .nav .bg .nav-right").css("left", mainbanner_bg.width()-7+"px");
  ;


  changeHomebanner = function(id) {
    $.getJSON('json.php?controller=jsonservices&action=homebanner', {
      id: id
    }, function(json) {
      if (json.status == 'ok') {
        $('.mainbanner .images').html(json.source);
        $('.mainbanner .caption').html(json.title);
        $('.mainbanner .bullets a').removeClass('selected');
        $('a#homebanner' + id).addClass('selected');
      }
    });
  }

  $('.mainbanner').find('.bullets a').click(function() {
    id = $(this).attr('id');
    changeHomebanner(id.substr(10));

    return false;
  })

  $(document).everyTime(5000, function() {
    bullets = $('.mainbanner .bullets a');

    if(bullets.length) {
      for(i = 0; i < bullets.length; i++) {
        if (bullets[i].className == 'selected') {
          next = (i == bullets.length - 1) ? 0 : i + 1;
          break;
        }
      }

      id = bullets[next].id;
      changeHomebanner(id.substr(10));
    }
  })

});