		$.ajaxSetup({ cache: false });
		var scrolltop = 0;
		var scrollleft = 0;
		window.onresize = function(event) {
			resizeImage();
		}

		function toggleImageOverlay() {
			if($("#sizable_canvas"+imageid).css("display") == "block") {
				image.animate({ opacity: 0.0 }, 300, function(){
					$("#sizable_canvas"+imageid).hide(300);
					$(".scrollable_homepage").show();
					$(window).scrollTop(scrolltop); 
					$(window).scrollLeft(scrollleft); 
					$(".scrollable_homepage").animate({ opacity: 1.0 }, 300);
				});
			} else {
				scrolltop = $(window).scrollTop(); 
				scrollleft = $(window).scrollLeft(); 
				image = $("#resizable_image"+imageid);
				image.animate({ opacity: 0.0 }, 1, function(){
					$(".scrollable_homepage").animate({ opacity: 0.0 }, 300, function(){
						$(".scrollable_homepage").hide();
					});
					$("#sizable_canvas"+imageid).show(300, function(){
						resizeImage();
						image.animate({ opacity: 1.0 }, 300);
					});
				});
			}
		}

		function resizeImage() {
			var h = 0.96*(typeof window.innerHeight != 'undefined' ? window.innerHeight : document.body.offsetHeight);
			var w = 0.96*(typeof window.innerWidth != 'undefined' ? window.innerWidth : document.body.offsetWidth);
			$("#sizable_canvas"+imageid).height(h+"px");
			$("#sizable_canvas"+imageid).width(w+"px");

		    image.removeAttr("width");
		    image.removeAttr("height");
		    image.css({ width: "", height: "" });

			image.attr("originalWidth", image.attr("offsetWidth"));
			image.attr("originalHeight", image.attr("offsetHeight"));

			var horizontal_ratio = (w / image.attr("originalWidth"));
			var vertical_ratio = ((h-130) / image.attr("originalHeight"));

			if (horizontal_ratio > vertical_ratio) {
				image.attr("height", image.attr("originalHeight") * vertical_ratio);
				image.attr("width", image.attr("originalWidth") * vertical_ratio);
			} else {
				image.attr("height", image.attr("originalHeight") * horizontal_ratio);
				image.attr("width", image.attr("originalWidth") * horizontal_ratio);
			}
		}
