java script for image thumbnail? :   
My image thumbnails are cropping not showing the original image 

blog link : ravitejasps.blogspot.in

[This is the original image on my blog.][2]

[On home page it is showing cropped image][3]
  

    <a expr:href='data:post.url'><div class='img-thumbnail'><span class='overlay'/><script type='text/javascript'>
        	document.write(bp_thumbnail_resize(&quot;<data:post.thumbnailUrl/>&quotenter code here;,&#39;<data:post.title/>&#39;));
        	</script></div>
        	</a>
        
            function bp_thumbnail_resize(image_url,post_title)
            {
            var image_width=200;
            var image_height=160;
            image_tag='<img width="'+image_width+'" height="'+image_height+'" src="'+image_url.replace('/s72-c/','/w'+image_width+'-h'+image_height+'-c/')+'" alt="'+post_title.replace(/"/g,"")+'" title="'+post_title.replace(/"/g,"")+'"/>';
            if(post_title!="") return image_tag; else return ""; 
            }


  [1]: http://ravitejasps.blogspot.in/
  [2]: https://i.stack.imgur.com/lF3HH.png
  [3]: https://i.stack.imgur.com/NuHT9.png