var loginyahoo = 'yahoo!JAPAN IDでログインします。<br />ギフトナウに登録済みで未連携の方はギフトナウのIDでログインして先に<br />連携をしてください。';
var loginmixi = 'mixi IDでログインします。<br />ギフトナウに登録済みで未連携の方はギフトナウのIDでログインして先に<br />連携をしてください。';
var loginface = 'Facebook IDでログインします。<br />ギフトナウに登録済みで未連携の方はギフトナウのIDでログインして先に<br />連携をしてください。';
var logintwtr = 'Twitter IDでログインします。<br />ギフトナウに登録済みで未連携の方はギフトナウのIDでログインして先に<br />連携をしてください。';
var cprtmixi = 'mixi IDと連携します。<br />連携するとマイミクにプレゼントが<br />贈れます。';
var cprtface = 'Facebook IDと連携します。<br />連携するとFacebookのフレンドに<br />プレゼントが贈れます。';
var cprttwtr = 'Twitter IDと連携します。<br />連携するとほしい!機能が使えたり、<br />Twitterのフレンドにプレゼントが<br />贈れます。';
var set_x, set_y;
$(function(){
  $('#loginOpn').click(function(){
    $('#loginArea').toggle();
    if($('#loginArea').css('display') == 'block'){
      $('#loginoverlay').show();
      $('#loginOpn').attr('src', $('#loginOpn').attr('src').replace('.gif', '_on.gif'));
    }else{
      $('#loginoverlay').hide();
      $('#loginOpn').attr('src', $('#loginOpn').attr('src').replace('_on.gif', '.gif'));
    }
  });
  $('#loginoverlay').click(function(){
    $('#loginArea').hide();
    $(this).hide();
    $('#loginOpn').attr('src', $('#loginOpn').attr('src').replace('_on.gif', '.gif'));
  });
  
  $('.popup').hover(function(e){
    set_x = e.pageX - $(this).offset()["left"];
    set_y = e.pageY - $(this).offset()["top"];
    set_x = set_x + $(this).position().left - 300;
    set_y = 0;
    var elem1 = '<div id="popup1" class="popBox" style="display:none;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;background-color:#333;width:220px;height:80px;opacity:0.8;top:'+set_y+'px;left:'+set_x+'px;position:absolute;z-index:9998;"> </div><div id="popup2" class="popBox" style="display:none;background:none;color:#fff;width:220px;height:80px;top:'+set_y+'px;left:'+set_x+'px;padding:5px;position:absolute;z-index:9999;">';
    var elem2 = '</div>';
    $('.socialMnu').after(elem1+eval($(this).attr('id'))+elem2);
    $('.popBox').fadeIn();
  },
  function(){
    $('.popBox').remove();
  })
});