Image Zoom

function imgZoomIn(width, height) { imgURL = document.getElementById('original').value; browser = getBrowser(); if(browser == "ie5" || browser == "ie6") { win = open("", "ImgWin", "width="+width+",height="+height+",resizable=no"); win.document.write("Image Zoom"); win.document.write("

"); win.document.write(""); win.document.close(); } else { img = document.getElementById('original').value; var offset = 27; var zoom = document.getElementById("zoom"); zoom.style.display = "block"; var left = (getWidth()-width)/2; var top = (getHeight()-height)/2; var html = ""; html += ""; html += ""; html += ""; html += ""; html += ""; html += ""; html += ""; html += ""; html += ""; html += ""; html += ""; html += "


	"; html += " "; html += ""; html += " "; html += "

"; zoom.innerHTML = html; } } function imgZoomOut() { var zoom = document.getElementById("zoom"); zoom.style.display = "none"; zoom.innerHTML = ""; } function getBounds() { var viewportwidth; var viewportheight; // the more standards compliant browsers (mozilla/netscape/opera/IE7) use window.innerWidth and window.innerHeight if (typeof window.innerWidth != 'undefined') { viewportwidth = window.innerWidth, viewportheight = window.innerHeight } // IE6 in standards compliant mode (i.e. with a valid doctype as the first line in the document) else if (typeof document.documentElement != 'undefined' && typeof document.documentElement.clientWidth != 'undefined' && document.documentElement.clientWidth != 0) { viewportwidth = document.documentElement.clientWidth, viewportheight = document.documentElement.clientHeight } // older versions of IE else { viewportwidth = document.getElementsByTagName('body')[0].clientWidth, viewportheight = document.getElementsByTagName('body')[0].clientHeight } bounds = Array(); bounds[0] = viewportwidth; bounds[1] = viewportheight; return bounds; } function getWidth() { bounds = getBounds(); return bounds[0]; } function getHeight() { bounds = getBounds(); return bounds[1]; } function showImage(imgsrc, orgsrc) { document.getElementById('image').src = imgsrc; document.getElementById('original').value = orgsrc; } function getBrowser() { if(navigator.userAgent.toLowerCase().indexOf("msie 5") > 0) return "ie5"; else if(navigator.userAgent.toLowerCase().indexOf("msie 6") > 0) return "ie6"; else if(navigator.userAgent.toLowerCase().indexOf("msie 7") > 0) return "ie7"; else if(navigator.userAgent.toLowerCase().indexOf("firefox/2") > 0) return "ff2"; else return ""; }