DHWE_EXTENSION01.00.09PowerZoomD:\openclipart-0.18-full\openclipart-0.18-full\clipart\computer\icons\gthumb16.pngPNG  IHDRa pHYs.#.#x?vtEXtSoftwarewww.inkscape.org<VIDATxmS]LQ>Yw. /Ս7SNWtg a 7S9R7BKP~Q^$[%~ ko{9eee_( V g01 ,6 ]YlQiii@yy9>M?]}^ߖێoGooo7ҐT*A*ڙ~748* 52u3^Tckju ƷS0|bMo&㮑Qt8L&dL"4 d@$RSV=ۋk۰4 _Quu>#i***@nn.p8@ TUU9l[pF ^7YW YYY)#1HBn\vd.Fs9&Z //TVVp ;amk-)וC5C?v * EX]Nk;|i Oa󷰳 VZgNNL L&#Fb7$&&P]]}L(^߶>VbtW)x~2L@Ƞ6TC mU3տ&=,i 2{r||-iB=cb8r˻3` J5zbDj]70-1aBi8 pڻnRo+W97S l(,,%%2.4_z'E^Nq)N^RЗs`NJ(S?T*vRCqa)W2o4,rq`#\ry6+jAtt䤳[,/aIENDB`1.0D:\openclipart-0.18-full\openclipart-0.18-full\clipart\computer\icons\gthumb.pngPNG  IHDRPPsBIT|dtEXtSoftwarewww.inkscape.org<|IDATx{Wygf{}]_Ipbq($5خPH -!X %ji #%8&mP7P4'c;{:ܹs>|w7O{Μ93~wJ)~/ rW@!_ ߇T2% ? (B;/$K \ʄR͗E B(Q1CO4MY|(DxATh!-P)LNNN=`/0f 9 !h299YZ-|v-Mhh/7/Y24r e3A^" PTA}jɇ !o*@.F7ߜ,7(DueuU ^Oyox`-U*Gi!c&(O13 [M\si_z B& Uq]/ !tB(o۶m}+bsSSӻ5MlT!`V6vUS}~W\2Bi .s۷oյ9Xs CXޚX!C xkv=mZhԚu|p3\P|Lٳ 6lioo$i$(iH?wܰ ]':;z!fUcA~vךG}k5P 64~߼ߒfo7 #=CgGІ'f,U;ƵDk45ƙ*XUfRkZf-xR {^}꺞餋)]zru#WIC@dl EM9S]):}K:Ok9'Np('d}KS q_'5>ݏc35"֑#G~—] fgxqzต!>2=pZkwdbH kCvNBN9q N}#@ }J=SАa;y:|=2 o޽{馛^Okh<'N=p`5f V8CCd3YRXpʧwt:R^yjlZƴΖsphPACrںNjotu6CpOq|/m797Y*"´\RD:> vnE[墦5a{jݺu 0W\~h3hHFF-1U(%Є(,FYў ё(s{blfDz %=g&- Dd2C@u4y}X!U#&}ghn\wUS=K Xϟce] tR|n wGFI%4n蚎A<1B:) ~=ʺtn9,"ŔY*\!ꫯ>ѱ `u33;P5uIt.ϒmJӐJZ!XKA 8=Fn冷/o WX{q.R.4eر'raMYDU@|!/oӐJ{`4>Mk2:Wd1 i8қ4&4t]pv8͙f&.c` `e4-"4(k ?8&0jiB/4e%u+l~bx!4 ӐΕ$bQR8D]J` N1BJƆFN):J8E*uL̯] 7Vo̱/jΥqWלRy&~e9#sV>_<%M \ٱMӰ]O; \B)u]"'5#KCC߾6DVGY*V^h4eYA,Tk@LfGyF)fZEbDI0:gxDuq%fղlWb9b`.`9PmLƲ% M4=zW2<1T4fﾋXRJ9dUJ5JyT(h۷o8˽k:6"z1FK S)5gmXϲ,t\LۡdyL4mJMh+GE0_:3iZLL۶.t{%6Vt$S&ӜIaccдL%ӦdZMB Ӷ+#Ϛ/J 87gtb4lGGh<}*m>S?+ehGZ8BS:ضiz&j9.Tϴ,RɢdYL((b"_Jo}f,[gϞ5ПY43iܹR `^k{4qfp$bx]4r(Yz6My%o;/.R8J)*XN._ظq'M꽸XΝu%@cC۶ )@ڒt+p4]A!ЅO `,c%A)'(HHWb`F.0&0"=7QW^yJBf륈 ,Gs*,ӡTL홴c;؎8Y:'J %{ ˴IR5+}hi|ƃm۶8xfH$1BKDk:zyŨ?0"ACXѭJ IWVU޾zIJ(-|ۚUKX|ӦMR==(2XittD,.t/iˀzoiTI\WJ7tLD`Hƣ 켃J(ksR7@ym(hncNs$YJ)z7 H*ꮕvj9W>z%Zv/ ˫fVHPʃT8HAJifhoA.i324-\al[n"rZ-4lk3ɨ3;hR2|ʕ4OJI2eemQi{Icso]]]f|uA?l?SΫFD"b9b m| J_3Et2+ZikNc肢iQ2xTQ*YdRQ\=c]-ƍ%^&X-\'x뮻"~Hu8_Lta&QH$B,!bxRz LC•;70/l͚5;{mmmhZťF"R|w2 L(``htʇzY-q]םKb˗L8;Ԛ<)왫2oo!f"NLLD"msaN>qx2 b~ )m[ŢY,BɶKJJes'nt2աw?67[NX,ooo7 PJR >OGzOXjB%.](VUEIұ]mdP6߼=f1qtQpÍ_?B|- _l 0|e='O>/~˸"Jb B #ǎ]l"jxfC.ϲ͹%>kҤD<}t>YBе[. Yleէ7dth,FOwϾO###R/꩷.o;.Ww}GHqb8=ο~tܥeB dG5w}w.H4J:H"~S2~K*?\ٵz>vX,@7 Fgu_)UuRy{ۂoƁ`e011|! R}n@+r5kG>`4mw?u|8w)@LAl~}/_:L\hw `Yi|gkw obw2źIENDB`Petran Liket@Zoom plugin using the Dynamic Drive ddpowerzoomer.js script. Zoom in and out with your mousewheel. http://www.dynamicdrive.com/dynamicindex4/powerzoomer.htm<N..D..VnN.DND..\Vt6tV6FVNt,tLVNtvtVD|<N.|PP<N..D..VnN.DND&f6&N&f6Nf&&N^NtVD|PPTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTPT NZN"v"Nn"*2&6FNNt&v&NntPT*v.*.v..fN66PTj."v"Nn...\t&v&NntfN.N.v& NPTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTPP<N.|PP<N..D..VnN.D|PPVN&v.tN&fv.v$fNv"N&P\$6.Nt&&N^.vPPP<N.|PPP<N..D..VnN.D|PVN&v.tN&fv.v$fNv"N&P$$$t&&N^&f6.N\$$4NNv\$^v$4$^$4vfN^\$&.$4$.$PP<N.| Image8Image to use the zoomtool on$image$MS Sans Serif&#dheobj#1 #dheobj#2*High resolution imageYour High resolution image (you can use the same as in your page)$highres$MS Sans SerifMagnification 2,Magnification at start $mag$MS Sans SerifZoom min1"Minimum zoomrange$zoommin$MS Sans SerifZoom max 10"Maximum zoomrange$zoommax$MS Sans SerifHeigh of viewer2100&Heigh of viewerpane$height$MS Sans SerifWidth of viewer2100&Width of viewerpane$width$MS Sans Serif Border 1(Border of viewerpane$border$MS Sans SerifBorder color#000000Border color$color$MS Sans SerifPC:\Users\Revage\Desktop\ddpowerzoomer.js/*Image Power Zoomer v1.0 (March 1st, 2010) * This notice must stay intact for usage * Author: Dynamic Drive at http://www.dynamicdrive.com/ * Visit http://www.dynamicdrive.com/ for full source code */ //Updated March 13th, 10' jQuery.noConflict() var ddpowerzoomer={ dsetting: {defaultpower:2, powerrange:[2,7], magnifiersize:[75, 75]}, mousewheelevt: (/Firefox/i.test(navigator.userAgent))? "DOMMouseScroll" : "mousewheel", //FF doesn't recognize mousewheel as of FF3.x $magnifier: {outer:null, inner:null, image:null}, activeimage: null, movemagnifier:function(e, moveBol, zoomdir){ var activeimage=ddpowerzoomer.activeimage //get image mouse is currently over var activeimginfo=activeimage.info var coords=activeimginfo.coords //get offset coordinates of image relative to upper left corner of page var $magnifier=ddpowerzoomer.$magnifier var magdimensions=activeimginfo.magdimensions //get dimensions of magnifier var power=activeimginfo.power.current var powerrange=activeimginfo.power.range var x=e.pageX-coords.left //get x coords of mouse within image (where top corner of image is 0) var y=e.pageY-coords.top if (moveBol==true){ if (e.pageX>=coords.left && e.pageX<=coords.right && e.pageY>=coords.top && e.pageY<=coords.bottom) //if mouse is within currently within boundaries of active base image $magnifier.outer.css({left:e.pageX-magdimensions[0]/2, top:e.pageY-magdimensions[1]/2}) //move magnifier so it follows the cursor else{ //if mouse is outside base image ddpowerzoomer.activeimage=null $magnifier.outer.hide() //hide magnifier } } else if (zoomdir){ //if zoom in var od=activeimginfo.dimensions //get dimensions of image var newpower=(zoomdir=="in")? Math.min(power+1, powerrange[1]) : Math.max(power-1, powerrange[0]) //get new power from zooming in or out var nd=[od[0]*newpower, od[1]*newpower] //calculate dimensions of new enlarged image within magnifier $magnifier.image.css({width:nd[0], height:nd[1]}) activeimginfo.power.current=newpower //set current power to new power after magnification } power=activeimginfo.power.current //get current power var newx=-x*power+magdimensions[0]/2 //calculate x coord to move enlarged image var newy=-y*power+magdimensions[1]/2 $magnifier.inner.css({left:newx, top:newy}) //move image wrapper within magnifier so the correct image area is shown }, setupimage:function($, imgref, options){ var s=jQuery.extend({}, ddpowerzoomer.dsetting, options) var $imgref=$(imgref) imgref.info={ //create object to remember various info regarding image power: {current:s.defaultpower, range:s.powerrange}, magdimensions: s.magnifiersize, dimensions: [$imgref.width(), $imgref.height()], coords: null } $imgref.unbind('mouseenter').mouseenter(function(e){ //mouseenter event over base image var $magnifier=ddpowerzoomer.$magnifier $magnifier.outer.css({width:s.magnifiersize[0], height:s.magnifiersize[1]}) //set magnifier's size var offset=$imgref.offset() //get image offset from document var power=imgref.info.power.current $magnifier.inner.html('') //get base image's src and create new image inside magnifier based on it $magnifier.image=$magnifier.outer.find('img:first') .css({width:imgref.info.dimensions[0]*power, height:imgref.info.dimensions[1]*power}) //set size of enlarged image var coords={left:offset.left, top:offset.top, right:offset.left+imgref.info.dimensions[0], bottom:offset.top+imgref.info.dimensions[1]} imgref.info.coords=coords //remember left, right, and bottom right coordinates of image relative to doc $magnifier.outer.show() ddpowerzoomer.activeimage=imgref }) }, init:function($){ var $magnifier=$('
') .append('
') .appendTo(document.body) //create magnifier container and add to doc ddpowerzoomer.$magnifier={outer:$magnifier, inner:$magnifier.find('div:eq(0)'), image:null} //reference and remember various parts of magnifier $magnifier=ddpowerzoomer.$magnifier $(document).unbind('mousemove.trackmagnifier').bind('mousemove.trackmagnifier', function(e){ //bind mousemove event to doc if (ddpowerzoomer.activeimage){ //if mouse is currently over a magnifying image ddpowerzoomer.movemagnifier(e, true) //move magnifier } }) //end document.mousemove $magnifier.outer.bind(ddpowerzoomer.mousewheelevt, function(e){ //bind mousewheel event to magnifier if (ddpowerzoomer.activeimage){ var delta=e.detail? e.detail*(-120) : e.wheelDelta //delta returns +120 when wheel is scrolled up, -120 when scrolled down if (delta<=-120){ //zoom out ddpowerzoomer.movemagnifier(e, false, "out") } else{ //zoom in ddpowerzoomer.movemagnifier(e, false, "in") } e.preventDefault() } }) } } //ddpowerzoomer jQuery.fn.addpowerzoom=function(options){ var $=jQuery return this.each(function(){ //return jQuery obj if (this.tagName!="IMG") return true //skip to next matched element var $imgref=$(this) if (parseInt(this.style.width)>0 && parseInt(this.style.height)>0) //if image has explicit CSS width/height defined ddpowerzoomer.setupimage($, this, options) else if (this.complete){ //account for IE not firing image.onload ddpowerzoomer.setupimage($, this, options) } else{ $imgref.bind('load', function(){ ddpowerzoomer.setupimage($, this, options) }) } }) } jQuery(document).ready(function($){ //initialize power zoomer on DOM load ddpowerzoomer.init($) })