/**
* Init
*--------------------------------------------------------------------------*/
$(document).ready(function () {
  
  //default size for background images
  var originalWidth = 1920;
  var originalHeight = 1080;
  
  var fitToScreen = function (screenWidth, screenHeight){
      var ratioW = screenWidth/originalWidth
      var ratioH = screenHeight/originalHeight
      
      ratio = ratioW < ratioH ? ratioH : ratioW
      
      var width = originalWidth*ratio
      var height = originalHeight*ratio
      
      var x = (screenWidth - width)/2
      var y = (screenHeight - height)/2
      
      var target = $('#bg_photos');
      var img = $('img', target);
      target.css({top: y+'px', left: x+'px'});
      img.css({width: width+'px', height: height+'px'})
  }
  
  
  $(window).resize(function(){
    var wh = $(window).height();
    var ww = $(window).width();
    fitToScreen(ww, wh);
  })
  
  
  //firts time
  var wh = $(window).height();
  var ww = $(window).width();
  fitToScreen(ww, wh);

 
});