$(function() {
  // login_box
  $("#login_box ul.pointinfo").mouseover(function(){
    $(".rank1").css("background-position","-250px -89px");
    $(".rank2").css("background-position","-500px -89px");
    $(".rank3").css("background-position","-750px -89px");
    $(".rank4").css("background-position","-1000px -89px");
    $(".rank5").css("background-position","-1250px -89px");
  }).mouseout(function(){
    $(".rank1").css("background-position","-250px 0");
    $(".rank2").css("background-position","-500px 0");
    $(".rank3").css("background-position","-750px 0");
    $(".rank4").css("background-position","-1000px 0");
    $(".rank5").css("background-position","-1250px 0");
  });

  // login_box checkbox
  $('#login_box input.save_id').prettyCheckboxes({
    checkboxWidth: 12, // The width of your custom checkbox
    checkboxHeight: 12, // The height of your custom checkbox
    className : 'prettyCheckbox', // The classname of your custom checkbox
    display: 'inline' // The style you want it to be display (inline or list)
   });

  // global nav, sub nav
  $("#global_nav li a").mouseover(function(){
    $("#global_nav li a").removeClass("focus");
    $("#sub_nav").css("background-position","0 -143px");
    $("#sub_nav li").css("display","none");
  });
  $(".logo, #login_box, #contents").mouseover(function(){
    $("#global_nav li a").removeClass("focus");
    $("#sub_nav").css("background-position","0 -108px");
    $("#sub_nav li").css("display","none");
    $("#sub_nav li.current").css("display","block");
  });
  $("#global_nav li.special a").mouseover(function(){
    $(this).addClass("focus");
    $("#sub_nav li.special").css("display","block");
  });
  $("#global_nav li.webgame a").mouseover(function(){
    $(this).addClass("focus");
    $("#sub_nav li.webgame").css("display","block");
  });
  $("#global_nav li.community a").mouseover(function(){
    $(this).addClass("focus");
    $("#sub_nav li.community").css("display","block");
  });
  $("#global_nav li.avatar a").mouseover(function(){
    $(this).addClass("focus");
    $("#sub_nav li.avatar").css("display","block");
  });
  $("#global_nav li.download a").mouseover(function(){
    $(this).addClass("focus");
    $("#sub_nav li.download").css("display","block");
  });
  $("#global_nav li.store a").mouseover(function(){
    $(this).addClass("focus");
    $("#sub_nav li.store").css("display","block");
  });
  $("#global_nav li.point a").mouseover(function(){
    $(this).addClass("focus");
    $("#sub_nav li.point").css("display","block");
  });



});

//ログインボタン
function loginSubmit() {
  document.login.submit();
}