/* Document   : ${name}
   Created on : ${date}, ${time}
   Author     : ${user} @eikonEMF
   Description: TODO complete this description
*/

$(document).ready(function(){

 $('#bg').css('display','inline');
 $('#downloadVcard').css({'opacity':0,marginTop:'-60px'});

$(function() {

        var theWindow        = $(window),
            $bg              = $("#bg"),
            aspectRatio      = $bg.width() / $bg.height();

        function resizeBg() {

                if ( (theWindow.width() / theWindow.height()) < aspectRatio ) {
                    $bg
                        .removeClass()
                        .addClass('bgheight');
                } else {
                    $bg
                        .removeClass()
                        .addClass('bgwidth');
                }

        }

        theWindow.resize(function() {
                resizeBg();
        }).trigger("resize");

});

$('#vcard').hover(function(){
    $('#downloadVcard').stop().animate({'opacity':1,marginTop:'0px'},250);
},function(){
    $('#downloadVcard').stop().animate({'opacity':0,marginTop:'-60px'},150);
})

})