/* HOMPAGE SLIDER */

function resizeSlider() {
  var width = $(window).width();
  var left = ($(window).width() - 996) / 2;
  $('#slider-viewport').css('width',width).css('left','-'+left+'px');
  var sliderOffset = (width-1557) / 2;
  $('#slider-wrapper').css('left',sliderOffset+'px')
}

$(function(){
  $(window).resize(function() {
    resizeSlider()
  }).triggerHandler('resize');
});

var interval;

$('#homepage-banner').ready(function(){  
  // handle click action
  $('#homepage-banner .dot').click(function(){
    var _this = $(this);
    $('#slider').queue(function () {
      $('#homepage-banner .dot').removeClass('selected');
      _this.addClass('selected');
      $('#slider').animate({'marginLeft':'-'+1557*(_this.attr('value')-1)+'px'},700);
      $('#interface .read').attr('href',$('#slider .item[value='+_this.attr('value')+']').attr('rel'));
      window.clearInterval(interval);
      interval = window.setInterval('switchBanner()', 8000);
      $(this).dequeue();
    });
    return false;
  });
  $('#homepage-banner .dot:first').triggerHandler('click');
});

function switchBanner() {
  if($('#homepage-banner .dot.selected ~ .dot').length) {
    $('#homepage-banner .dot.selected ~ .dot').triggerHandler('click');
  } else {
    $('#homepage-banner .dot:first').triggerHandler('click');
  }
}