JS скрипт не работает как должен

проблема в том, что первые две строки не срабатывают т.е. срабатывает только то что есть в Im.onload = function(){}, а мне нужно чтобы сначала основной контейнер под изображение не был виден "bigphoto", а появилась иконка загрузки. А когда загрузится, наоборот. В общем все банально и просто, но что я не так делаю?

<script type="text/javascript">

function show_image(id){

document.getElementById("loading").style.display = 'block';

document.getElementById("bigphoto").style.display = 'none';



var Im = new Image()

Im.src = "/photo/"+id+".jpg";



Im.onload = function(){

          document.getElementById("bigphoto").src = "/photo/"+id+".jpg";

          document.getElementById("loading").style.display = 'none';

          document.getElementById("bigphoto").style.display = 'block';

          }

Im.onload();



}

</script>