/*¸ð¹ÙÀϸ޴º¹öÆ°*/
$(function() {
$("#callNav").click(function() {
$(".mobile_menu").animate({right:"0px"},300,"easeOutQuart");
if(!$(this).hasClass('active')) {
$(this).addClass('active');
} else {
$(this).removeClass('active');
$(".mobile_menu").animate({right:"-250px"},300,"easeOutQuart");
}
});
});
/*¸ð¹ÙÀϸ޴º¹öÆ°*/

// ¿À·ù¹æÁö¿ë Àӽà ÇÔ¼ö
function SVGHover() {
}
$(function() {
 // ¸ÞÀÎÆäÀÌÁö °¢ ¾ÆÀÌÅÛ ¸¶¿ì½º ¿À¹ö½Ã ¹Ú½º ½½¶óÀ̵ù
 $("#Content .ItemWrap .Item").bind('mouseenter mouseleave', function(e) {
  var pageX = e.offsetX;
  var pageY = e.offsetY;
  var itemWn = (pageX * 100) / $(this).width();
  var itemHn = (pageY * 100) / $(this).height();
  var posX;
  var posY;
  var wSize = $(window).width();
 
  if(wSize>480) {
   if(e.type === 'mouseenter') {
    if(itemHn < itemWn) {
     if(itemWn > 90) {
      posX = 100;
      posY = 0;
     } else {
      posX = 0;
      posY = -100;
     }
    } else if (itemWn < itemHn) {
     if(itemHn > 90) {
      posX = 0;
      posY = 100;
     } else {
      posX = -100;
      posY = 0;
     }
    }
    $(this).find('.slipbox').css({top:posY+'%', left:posX+'%'});
    $(this).find('.slipbox').stop(true,true).animate({top:0, left:0}, 500);
   } else {
    if(itemHn < itemWn) {
     if(itemWn > 90) {
      posX = 100;
      posY = 0;
     } else {
      posX = 0;
      posY = -100;
     }
    } else if(itemWn < itemHn) {
     if(itemHn > 90) {
      posX = 0;
      posY = 100;
     } else {
      posX = -100;
      posY = 0;
     }
    }
    $(this).find('.slipbox').stop(true,false).animate({top:posY+'%', left:posX+'%'}, 300);
   }
  } else {
   $(this).find('.slipbox').css({top:'-100%', left:'-100%'});
  }
 });
});