var currentGame = 1;
var timersArr   = new Array()
var timerID     = 1;


$(document).ready(function(){
  var screenWidth = 0;
  if (self.screen)
    screenWidth = screen.width
  else if (self.java)
  {
    var jkit    = java.awt.Toolkit.getDefaultToolkit();
    var scrsize = jkit.getScreenSize();
    screenWidth       = scrsize.width;
  }
  var url = $('.head-banner .hrefto img').attr('src');
  url = url.substring(0, url.lastIndexOf('/'));
  if (screenWidth < 1280)
    document.body.style.backgroundImage = 'url("' + url + '/1024x768.jpg")';
  else if (screenWidth < 1360)
    document.body.style.backgroundImage = 'url("' + url + '/1280x800.jpg")';
  else if (screenWidth < 1440)
    document.body.style.backgroundImage = 'url("' + url + '/1366x768.jpg")';
  else if (screenWidth < 1680)
    document.body.style.backgroundImage = 'url("' + url + '/1440x900.jpg")';
  else if (screenWidth < 1920)
    document.body.style.backgroundImage = 'url("' + url + '/1680x1050.jpg")';
  else
    document.body.style.backgroundImage = 'url("' + url + '/1920x1200.jpg")';

  var zoomListeners = [];
  
  // slider init 
  $('.main-slider.container tr.navbar td a').click(changeSlot);
  // game hover init
  $('.game-m .inner-game').hover(mainpageGameHover,mainpageGameOver);
  //search 
  setTimeout(function () {timerID = scrollerByTimeOut()},5000);
  // change platform
  $('#changeTopPlatform').change(getTopList);
  initWebApp();
  $('input.placeholder').placeholder();
});

function scroller(aId) {
  if (currentGame != aId)
  {
    $('.main-slider.container a.anchor').attr('href',$('.main-slider.container tr.navbar td a.game-'+aId).attr('href'));
    $('.main-slider.container tr.navbar td a.current').removeClass('current');
    $('.main-slider.container tr.navbar td a.game-'+aId).addClass('current');
    $('.main-slider.container .slot.game-'+currentGame).fadeOut('300');
    $('.main-slider.container .slot.game-'+aId).fadeIn('300');
    currentGame = aId;
  }
  
  clearTimeout(timerID);
  timerID = setTimeout(function () {scrollerByTimeOut()},5000);
}

function changeSlot() {
  clearTimeout(timerID);
  var args = $(this).attr('id').split(/\./);
  if (currentGame != args[1])
    scroller(args[1]);
  return false;
}

function scrollerByTimeOut() {
  currentGame = parseInt(currentGame);
  if (currentGame >= 3) 
    var nextItem = 1;
  else
    var nextItem = parseInt(currentGame) + 1;
  return scroller(nextItem);
}

function getTopList() {
  var data = {
    sendtype : 'ajax',
    action : 'gettoplist',
    platform : $(this).val()
  }
  var platform_str = $(this).find('option:selected').text();
  
  $(this).siblings('.select_active').html(platform_str);
  
  $.ajax({
      'url'         : '/index.php',
      'dataType'    : 'json',
      'data'        : data,
      'cache'       : false,
      'success'     : topListRequest,
      'type'        : 'post'
  });
  return false;
}

function topListRequest(request) {
  $('div.top10_list').html(request.list);
}

function mainpageGameHover() {
  var showBox = $(this);
  var args = showBox.attr('id').split(/\./);
  
  showBox.addClass('onhover');
  showBox.find('.hover').fadeIn(500, function() {
    if (showBox.hasClass('onhover') && (showBox.find('.also-box img').length > 0))
      timersArr[args[2]] = setTimeout(function () {
        if (showBox.hasClass('onhover'))
          showBox.find('.also-box img').animate({marginRight:0}, 350);
      },100);
  });
}

function mainpageGameOver() {
  var showBox = $(this);
  var args = showBox.attr('id').split(/\./);
  clearTimeout(timersArr[args[2]]);
  showBox.removeClass('onhover');
  if (showBox.find('.also-box img').length > 0)
    showBox.find('.also-box img').animate({marginRight:'-' + (showBox.find('.also-box img').width()) + 'px'}, 300, function() {
      showBox.find('.hover').fadeOut(200);
    });
  else
    showBox.find('.hover').fadeOut(200);
}