<!DOCTYPE html PUBLIC "-//W3C/DTD HTML 4.1 Transitional//EN" > <html xmlns:sr="http://musictoday.com/StoreService/StoreResponse"><head><META http-equiv="Content-Type" content="text/html; charset=utf-16"><title>Cooley Chiropractic</title><style type="text/css"> body {background-color: #ffffff; margin: 15px;} .imgNavArea {color: #999999; font-family: Verdana, Helvetica, Arial; font-size: 9pt; font-weight: normal; text-decoration: none;} .imgNavArea A:link, A:active, A:visited {color: #2b6285; font-family: Verdana, Helvetica, Arial; font-size: 9pt; font-weight: normal; text-decoration: none;} .imgNavArea A:hover {color: #FF6600; font-family: Verdana, Helvetica, Arial; font-size: 9pt; font-weight: normal; text-decoration: none;} .imgZoomArea {color: #000000; font-family: Verdana, Helvetica, Arial; font-size: 9pt; font-weight: normal; text-decoration: none;} .imgZoomArea A:link, A:active, A:visited, A:hover {color: #000000; font-family: Verdana, Helvetica, Arial; font-size: 9pt; font-weight: normal; text-decoration: none;} .closeLink {} .closeLink A:link, A:active, A:visited {color: #999999; font-family: Verdana, Helvetica, Arial; font-size: 9pt; font-weight: normal; text-decoration: none;} .closeLink A:hover {color: #000000; font-family: Verdana, Helvetica, Arial; font-size: 9pt; font-weight: normal; text-decoration: none;} .border_def{border:2px outset white;cursor:hand;cursor:pointer;background-color:#aaaaaa;margin-right:20px;} .borderover{border:2px outset white;cursor:hand;cursor:pointer;background-color:#555555;margin-right:20px;} .borderdown{border:2px inset white;cursor:hand;cursor:pointer;background-color:#000000;margin-right:20px;} </style><script type="text/javascript" language="javascript"> //loosely based on the zoom/scroll script from www.jdstiles.com var myImage; var imageWidth; var imageHeight; myImage = new Image; myImage.src = "images/web/cooley_web_big.jpg"; function init() { myImage.name = "imgProduct"; imageWidth = myImage.width; imageHeight = myImage.height; if (imageWidth == 0) { imageWidth = 600; imageHeight = 600; } document.getElementById("container").style.width = (imageWidth) + "px"; document.getElementById("container").style.height = (imageHeight) + "px"; container_width = parseInt(document.getElementById("container").style.width); container_height = parseInt(document.getElementById("container").style.height); obj = document.getElementById("picture"); obj.src = "images/web/cooley_web_big.jpg"; image_width = imageWidth; image_height = imageHeight; pos_x = 0; pos_y = 0; now_left = 0; now_top = 0; obj.style.width = image_width; obj.style.height = image_height; container_width = parseInt(document.getElementById("container").style.width); container_height = parseInt(document.getElementById("container").style.height); } function sizeWindow() { //resize the popup window to fit the image var NS = (navigator.appName == "Netscape")?true:false; iWidth = (NS)?window.innerWidth:document.body.clientWidth; iHeight = (NS)?window.innerHeight:document.body.clientHeight; iWidth = myImage.width - iWidth + 90; iHeight = myImage.height - iHeight + 100; self.window.resizeBy(iWidth, iHeight); self.focus(); } //reduction limit: 0 = default image size, 1 = display size min_img_size = 0; timer = ""; rate = 6; function normal() { obj.style.left = 0; obj.style.top = 0; obj.style.width = imageWidth + 'px'; obj.style.height = imageHeight + 'px'; stop(); } function horizontal(n) { now_left = parseInt(obj.style.left) if (n == 0) { now_left -= rate; } if (n == 1) { now_left += rate; } obj.style.left = now_left + 'px'; timer = setTimeout("horizontal("+n+")",50); } function vertical(n) { now_top = parseInt(obj.style.top); if (n == 0) { now_top -= rate; } if (n == 1) { now_top += rate; } obj.style.top = now_top + 'px'; timer = setTimeout("vertical("+n+")",50); } function stop() { clearTimeout(timer); } function zoom(n) { now_left = parseInt(obj.style.left); now_top = parseInt(obj.style.top); now_width = obj.offsetWidth; now_height = obj.offsetHeight; zoom_out_speed = 2; //zoom out if (n == 0) { if (now_width <= imageWidth) { if (now_width >= 100) { now_width -= rate; now_height -= rate; now_left += rate / 8; now_top += rate / 2; } else { stop(); } } else { now_width -= rate * 2; now_height -= rate * 2; now_left += rate; now_top += rate; } } //zoom in if (n == 1) { if (now_width <= imageWidth) { now_width += rate; now_height += rate; now_left -= rate / 8; now_top -= rate / 2; } else { now_width += rate * 2; now_height += rate * 2; now_left -= rate; now_top -= rate; } } obj.style.width = now_width + 'px'; obj.style.height = now_height + 'px'; obj.style.left = now_left + 'px'; obj.style.top = now_top + 'px'; timer = setTimeout("zoom("+n+")",50); } </script></head><body onLoad="javascript:init();sizeWindow();" onpageshow="javascript:init();sizeWindow();"><div align="center"><div id="container" style="width: 300px; height: 300px; overflow:hidden; border:1px solid #d8d8d8;"><img id="picture" src="" alt="Cooley Chiropractic" style="position: relative; left: 0px; top: 0px; display: block;"></div><br><div class="imgNavArea"><a href="#" onMouseDown="javascript:zoom(1);" onMouseOut="javascript:stop();" onMouseUp="javascript:stop();">ZOOM IN</a>&nbsp;|&nbsp;<a href="#" onMouseDown="javascript:horizontal(1);" onMouseOut="javascript:stop();" onMouseUp="javascript:stop();">LEFT</a>&nbsp;|&nbsp;<a href="#" onMouseDown="javascript:horizontal(0);" onMouseOut="javascript:stop();" onMouseUp="javascript:stop();">RIGHT</a>&nbsp;|&nbsp;<a href="#" onClick="javascript:normal();">RESET</a>&nbsp;|&nbsp;<a href="#" onMouseDown="javascript:vertical(1);" onMouseOut="javascript:stop();" onMouseUp="javascript:stop();">UP</a>&nbsp;|&nbsp;<a href="#" onMouseDown="javascript:vertical(0);" onMouseOut="javascript:stop();" onMouseUp="javascript:stop();">DOWN</a>&nbsp;|&nbsp;<a href="#" onMouseDown="javascript:zoom(0);" onMouseOut="javascript:stop();" onMouseUp="javascript:stop();">ZOOM OUT</a><br></div></div><div class="closeLink" style="padding-top: 20px; padding-bottom: 10px;"><a href="#" onClick="javascript:window.close();">Close Window</a></div></body></html>