$(function(){

  $(".image-div").hover(
    function(){
      $('#photo-controls').fadeIn();
    },
    function(){
      $('#photo-controls').fadeOut();
    }
  );

  $("#picture_image").change(function(){

      var undef = 'undefined' ;
      var urlAPI = (typeof window.createObjectURL !== undef && window) ||
                    (typeof URL !== undef && URL) ||
                    (typeof webkitURL !== undef && webkitURL);
      var url = urlAPI ? urlAPI.createObjectURL(this.files[0]) : false;

    $("#img-file").attr('src',url).load(
        function(){
        }
     )

  }); //change

}); //on load event