var $fz=jQuery.noConflict();jQuery.fn.fancyZoom=function(options){var options=options||{};var directory=options&&options.directory?options.directory:jsPathto+'images';var zooming=false;if($fz('#zoom').length==0){var html='<div id="zoom" style="display:none;position:relative;z-index:1000;font-size:1.2em;"> \
                  <table id="zoom_table" style="border-collapse:collapse; width:100%; height:100%;"> \
                    <tbody> \
                      <tr> \
                        <td class="tl" style="background:url('+ directory+'/tl.png) 0 0 no-repeat; width:20px height:20px; overflow:hidden;" /> \
                        <td class="tm" style="background:url('+ directory+'/tm.png) 0 0 repeat-x; height:20px; overflow:hidden;" /> \
                        <td class="tr" style="background:url('+ directory+'/tr.png) 100% 0 no-repeat; width:20px height:20px; overflow:hidden;" /> \
                      </tr> \
                      <tr> \
                        <td class="ml" style="background:url('+ directory+'/ml.png) 0 0 repeat-y; width:20px; overflow:hidden;" /> \
                        <td class="mm" style="background:#fff; vertical-align:top; padding:10px;"> \
                          <div id="zoom_content"> \
                          </div> \
                        </td> \
                        <td class="mr" style="background:url('+ directory+'/mr.png) 100% 0 repeat-y;  width:20px; overflow:hidden;" /> \
                      </tr> \
                      <tr> \
                        <td class="bl" style="background:url('+ directory+'/bl.png) 0 100% no-repeat; width:20px height:20px; overflow:hidden;" /> \
                        <td class="bm" style="background:url('+ directory+'/bm.png) 0 100% repeat-x; height:20px; overflow:hidden;" /> \
                        <td class="br" style="background:url('+ directory+'/br.png) 100% 100% no-repeat; width:20px height:20px; overflow:hidden;" /> \
                      </tr> \
                    </tbody> \
                  </table> \
                  <a href="#" title="Close" id="zoom_close" style="position:absolute; top:0; left:0;"> \
                    <img src="'+ directory+'/closebox.png" alt="Close" style="border:none; margin:0; padding:0;" /> \
                  </a> \
                </div>';$fz('body').append(html);$fz('html').click(function(e){if($fz(e.target).parents('#zoom:visible').length==0)hide();});$fz(document).keyup(function(event){if(event.keyCode==27&&$fz('#zoom:visible').length>0)hide();});$fz('#zoom_close').click(hide);}
var zoom=$fz('#zoom');var zoom_table=$fz('#zoom_table');var zoom_close=$fz('#zoom_close');var zoom_content=$fz('#zoom_content');var middle_row=$fz('td.ml,td.mm,td.mr');this.each(function(i){$fz($fz(this).attr('href')).hide();$fz(this).click(show);});return this;function show(e){if(zooming)return false;zooming=true;var content_div=$fz($fz(this).attr('href'));var zoom_width=options.width;var zoom_height=options.height;var width=window.innerWidth||(window.document.documentElement.clientWidth||window.document.body.clientWidth);var height=window.innerHeight||(window.document.documentElement.clientHeight||window.document.body.clientHeight);var x=window.pageXOffset||(window.document.documentElement.scrollLeft||window.document.body.scrollLeft);var y=window.pageYOffset||(window.document.documentElement.scrollTop||window.document.body.scrollTop);var window_size={'width':width,'height':height,'x':x,'y':y}
var width=(zoom_width||content_div.width())+ 60;var height=(zoom_height||content_div.height())+ 60;var d=window_size;var newTop=Math.max((d.height/2)-(height/2)+ y,0);var newLeft=(d.width/2)-(width/2);var curTop=e.pageY;var curLeft=e.pageX;zoom_close.attr('curTop',curTop);zoom_close.attr('curLeft',curLeft);zoom_close.attr('scaleImg',options.scaleImg?'true':'false');$fz('#zoom').hide().css({position:'absolute',top:curTop+'px',left:curLeft+'px',width:'1px',height:'1px'});zoom_close.hide();if(options.closeOnClick){$fz('#zoom').click(hide);}
if(options.scaleImg){zoom_content.html(content_div.html());$fz('#zoom_content img').css('width','100%');}else{zoom_content.html('');}
$fz('#zoom').animate({top:newTop+'px',left:newLeft+'px',opacity:"show",width:width,height:height},500,null,function(){if(options.scaleImg!=true){zoom_content.html(content_div.html());}
zoom_close.show();zooming=false;})
return false;}
function hide(){if(zooming)return false;zooming=true;$fz('#zoom').unbind('click');if(zoom_close.attr('scaleImg')!='true'){zoom_content.html('');}
zoom_close.hide();$fz('#zoom').animate({top:zoom_close.attr('curTop')+'px',left:zoom_close.attr('curLeft')+'px',opacity:"hide",width:'1px',height:'1px'},500,null,function(){if(zoom_close.attr('scaleImg')=='true'){zoom_content.html('');}
zooming=false;});return false;}}
$fz(document).ready(function(){if((navigator.userAgent.match(/iPhone/i))||(navigator.userAgent.match(/iPod/i))||(navigator.userAgent.match(/Android/))||(navigator.userAgent.match(/webOS/))){$fz(".zoom").fancyZoom({width:250});}else{$fz(".zoom").fancyZoom();}});