var oneEm=0;

$(function()
{
  $(window).resize(windowResize);
  windowResize();
  generateQR();
  $('#card-box').removeClass('hidden');

  if(Modernizr.touch)
  {
    $(document).bind('touchmove',function(e){e.preventDefault();});
    $('#front').swipe({
         swipeLeft: function(){$('#card').addClass('back');},
         swipeRight: function(){$('#card').addClass('back');}
    });

    $('#back').swipe({
         swipeLeft: function(){$('#card').removeClass('back');},
         swipeRight: function(){$('#card').removeClass('back');}

    });
  }
  else if(Modernizr.csstransitions)
  {
    $('#front').click(function(){$('#card').addClass('back');});
    $('#back').click(function(){$('#card').removeClass('back');});
  }
  else
  {
    $('#front').click(function(){$('#front').fadeOut(1000);});
    $('#back').click(function(){$('#front').fadeIn(1000);});
  }

  if(!Modernizr.touch)
  {
    $('#body').append('<div id="popover-box"><div id="popover"></div><div id="popover-arrow"></div></div>');
    $('#skills strong').hover(skillOver,skillOut);
  }

  if($('#body').hasClass('ipad') || $('#body').hasClass('iphone'))
    {$('#body').append('<div id="rotate"></div>');}
});

function windowResize()
{
  oneEm=($(window).height()/50)
  $('#body').css('font-size',oneEm);
}

function generateQR()
{
  var qrData="0000000000000000000000000000000011111110011010101010001111111001000001001010001011000100000100101110100010000001110010111010010111010110100100110001011101001011101000101001101010101110100100000101011100011101010000010011111110101010101010101111111000000000011110111001110000000000011000100000010100110011010000010011101011000011001101101111000011101011101011011100010100100101000011111110110100110010000001010110000001101001011101010001100010010100010010110100100100000001111001101100010011011010001000101001011100001110011010001001101000000000100110110001100010000011101011001011111010010011001010010011110101100001101000001010111111100100011111100000110100101101000000001111100110000000000100111011001100011001001111111001000101001010101110100100000100110100100111000110110010111010000110111001111110011001011101001111001100111011000100101110101110010101001001110110010000010110011111010100001000001111111001010010000011011100100000000000000000000000000000000";

  for(var i=0;i<qrData.length;i++)
  {
    if(i%31==0)
      {$('#qr').append('<div class="qr-row"></div>');}

    $('#qr div:last-child').append('<span class="'+((qrData[i]=='1')?'black':'white')+'"></span>');
  }
}

function skillOver()
{
  $('#popover').html($('#'+$(this).parent().attr('id')+'-def').html());
  $('#popover-arrow').css('margin-top',($('#popover').outerHeight()-$('#popover-arrow').outerHeight())/2);
  $('#popover-box').appendTo($(this).parent());
  if(Modernizr.csstransforms3d && Modernizr.csstransitions)
    {$('#popover-box').css({'top':$(this).offset().top-$('#card').offset().top-$('#popover').outerHeight()/2+$(this).outerHeight()/2,'left':$(this).offset().left-$('#card').offset().left-$('#popover').outerWidth()-4*oneEm});}
  else if(Modernizr.csstransforms && Modernizr.csstransitions && !$('#body').hasClass('opera'))
    {$('#popover-box').css({'top':$(this).offset().top-$('#card').offset().top-$('#popover').outerHeight()/2-oneEm*50+$(this).outerHeight()/2,'left':$(this).offset().left-$('#card').offset().left-$('#popover').outerWidth()-3*oneEm});}
  else if(Modernizr.csstransforms)
    {$('#popover-box').css({'top':$(this).offset().top-$('#card').offset().top-$('#popover').outerHeight()/2+$(this).outerHeight()/2,'left':$(this).offset().left-$('#card').offset().left-$('#popover').outerWidth()-4*oneEm});}
  $('#popover-box').addClass('visible');
}


function skillOut()
{
  $('#popover-box').removeClass('visible');
}