<!--
//
//-------------------------------
//
// Do not remove this header.
// Place this script near the top of your page.
//-------------------------------
//   Popup Image viewer code by  
//   ShipScript, copyright 2005 ISDN*tek
//   http://www.isdntek.com/etools.htm
//   With thanks to CodeLifter.com 
//   and www.howtocreate.co.uk
//   This code has been tested in 
//   Internet Explorer 6, FireFox 1, 
//   Netscape 7, Opera 8, and eBay
//-------------------------------
//  user editing below~~
//-------------------------------
// Add your copyright notice to the Viewer.
// Do not use quotes or apostrophes 
// in the notice. HTML is ok.
//-------------------------------
      var puCopyright= "" ;
      var puTheme= "linen" ;
//-------------------------------
// PopUp color Themes are: 
//      "gray";  "black";  "blue";  
//	"brick"; "brown";  "linen";  
//	"navy";  "olive";  "pink";  
//-------------------------------
// Use with fairly normal click-to-enlarge 
// image links, like this example:
//-------------------------------
/*
<a href="http://www.myhost.com/largeimage.jpg" 
    title="Title of this photo"
    onclick="puShow(this.title, this.href); return false;" 
    ><img src="http://www.myhost.com/thumbnail.jpg" ></a>
*/
//-------------------------------
//  end of user editing~~
//-------------------------------
//-->
<!--
/* custom designer color themes */
var puTextColor="#ffffff"; var puBkgdColor="#606060"; var puHeadColor="#c0c0c0"; var puButnColor="#c20000"; var puButnText ="#ffffff";
//-------------------------------
// the following javascript code 
// must remain as one long sentence 
// to function correctly.
//-------------------------------
document.write(unescape('<script language="JavaScript1.2"><!-- %0Avar puTextSize = "14";var puTextBold = "normal" ; var puTextFace = "verdana" ; var isIEpu=document.all;var puHot=false;var puStarted=false;var puColors=new Array( /*theme text bkgd head btn btnTxt*/ "linen","#222222","#d4cfbb","#888877","#c0bba4","#fffff0", "brown","#ffffff","#776644","#999977","#665944","#eeeecc", "brick","#ffeeaa","#993322","#ddbb88","#bb6644","#ffeecc", "gray" ,"#ffffff","#606060","#c0c0c0","#c20000","#ffffff", "black","#e0e0e0","#000000","#999999","#333333","#e0e0e0", "blue" ,"#ffffff","#004090","#ffffff","#c20000","#ffffff", "navy" ,"#ffffff","#333366","#999999","#505080","#dddddd", "pink" ,"#332222","#ffdddd","#a0a0a0","#ddaaaa","#ffffff", "olive","#332222","#999966","#ddddaa","#aaaa88","#ffffff");if (puTheme!= ""){ for (var i=0; i<puColors.length; i++){ if (puColors[i]==puTheme){ puTextColor=puColors[i+1]; puBkgdColor=puColors[i+2]; puHeadColor=puColors[i+3]; puButnColor=puColors[i+4]; puButnText =puColors[i+5]; break; }}}function puStartDrag(e){ puPage=isIEpu ? "BODY" : "HTML"; puViewer=document.getElementById("puLayer"); activeItem=isIEpu ? event.srcElement : e.target; while (activeItem.id!="puMoveBar" && activeItem.id!="puPuller" && activeItem.tagName!=puPage){ activeItem=isIEpu ? activeItem.parentElement : activeItem.parentNode; } if (activeItem.id=="puPuller"){ offsetx=isIEpu ? event.clientX : e.clientX; offsety=isIEpu ? event.clientY : e.clientY; nowWid=parseInt(puImg.offsetWidth); nowHt= parseInt(puImg.offsetHeight); puRatio=nowWid/nowHt; puStretchEnabled=true; document.onmousemove=puStretch; } else if (activeItem.id=="puMoveBar"){ offsetx=isIEpu ? event.clientX : e.clientX; offsety=isIEpu ? event.clientY : e.clientY; nowX=parseInt(puViewer.style.left); nowY=parseInt(puViewer.style.top); puDragEnabled=true; document.onmousemove=puDrag; }}function puDrag(e){ if (!puDragEnabled) return; puViewer.style.left=isIEpu ? nowX+event.clientX-offsetx : nowX+e.clientX-offsetx; puViewer.style.top=isIEpu ? nowY+event.clientY-offsety : nowY+e.clientY-offsety; return false; }function puStretch(e){ if (!puStretchEnabled) return; /* use only the width to prevent defining the height */ puImg.width=isIEpu ? (nowHt+event.clientY-offsety)*puRatio : (nowHt+e.clientY-offsety)*puRatio; puViewer.style.width=parseInt(puImg.offsetWidth); return false; }function puHelp(){ alert(%27%5CnPortfolio Image Help. %5Cn%27+ %27%5Cn%u2022 Drag the viewer to move it. %27+ %27%5Cn%u2022 Double-click image for full-screen and half-screen.%27+ %27%5Cn%u2022 Use the Plus and Minus buttons to zoom or shrink,%27+ %27%5Cn%u2022 or use the lower corner puller to resize.%27+ %27%5Cn%u2022 Click the corner X buttons to close the viewer.%27+ %27%5Cn%27)}function puResize(){ if (puImg.width>=screen.availWidth-50){puImg.width=screen.availWidth/2}else{puImg.width=screen.availWidth-50} if (puViewer.offsetLeft+puViewer.offsetWidth<50){puViewer.style.left=0} if (puViewer.offsetTop+puViewer.offsetHeight<50){puViewer.style.top=0} }function puShrink(){ if (puImg.width >10) {puImg.width=puImg.width*.833;}}function puGrow(){ puImg.width=puImg.width*1.2;}function puHide(){puViewer.style.visibility="hidden";} function puShow(title, url){ document.getElementById(%27puDescription%27).innerHTML=title; puImg.src=url; puPosition(); puViewer.style.visibility="visible"; return false;}function puPosition(){ var X=0; var Y=1; scrollAmt=puGetScrollXY(); scrSize=puGetScreenSize(); baseoffsetX=document.getElementById(%27puHomebase%27).offsetLeft; baseoffsetY=document.getElementById(%27puHomebase%27).offsetTop; if ((parseInt(puViewer.style.top) +puViewer.offsetHeight+baseoffsetY)< (scrollAmt[Y]+100)){puStarted=false} if ((parseInt(puViewer.style.left)+puViewer.offsetWidth+baseoffsetX) < (scrollAmt[X]+100)){puStarted=false} if ((parseInt(puViewer.style.top) +baseoffsetY)> (scrollAmt[Y]+scrSize[Y]-100)){puStarted=false} if ((parseInt(puViewer.style.left)+baseoffsetX)> (scrollAmt[X]+scrSize[X]-100)){puStarted=false} if (puStarted==false ){ puViewer.style.top = scrollAmt[Y]-baseoffsetY +(scrSize[Y]-puViewer.offsetHeight)/2 ; puViewer.style.left = scrollAmt[X]-baseoffsetX +(scrSize[X]-puViewer.offsetWidth)/2 ; puStarted=true; }}%0Afunction puGetScreenSize() { var myWidth = 0, myHeight = 0; if( typeof( window.innerWidth ) == %27number%27 ) { /*Non-IE*/ myWidth = window.innerWidth; myHeight = window.innerHeight; } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) { /*IE 6+ in %27standards compliant mode%27*/ myWidth = document.documentElement.clientWidth; myHeight = document.documentElement.clientHeight; } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) { /*IE 4 compatible*/ myWidth = document.body.clientWidth; myHeight = document.body.clientHeight; } return [ myWidth, myHeight ];}function puGetScrollXY() { var scrollXamt = 0, scrollYamt = 0; if( typeof( window.pageYOffset ) == %27number%27 ) { /*Netscape compliant*/ scrollYamt = window.pageYOffset; scrollXamt = window.pageXOffset; } else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) { /*DOM compliant*/ scrollYamt = document.body.scrollTop; scrollXamt = document.body.scrollLeft; } else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) { /*IE6 standards compliant mode*/ scrollYamt = document.documentElement.scrollTop; scrollXamt = document.documentElement.scrollLeft; } return [ scrollXamt, scrollYamt ];}MakePuViewer();var puImg=document.getElementById(%27puImage%27);document.onmousedown=puStartDrag;document.onmouseup=Function("puDragEnabled=false; puStretchEnabled=false;");/*------------*/function MakePuViewer(){ document.write(%27<div id=puHomebase style="position:relative; left:0px; top:0px;z-index:99; ">%27+ %27<style>%27+ %27.puTbl {font-family:arial; }%27+ %27td.puTitle {font-weight:bold;font-size:%27+puTextSize+%27px;border:2px solid gray;border-top-color:silver;border-bottom-color:black;color:%27+puHeadColor+%27;}%27+ %27td.puBtn {font-weight:bold;border:2px solid gray;border-top-color:silver;border-bottom-color:black;background-color:%27+puButnColor+%27;}%27+ %27a.puBtn {text-decoration:none;font-size:16px;font-weight:bold;cursor:pointer;color:%27+puButnText+%27;}%27+ %27.puCopy {font-size:10px;color:%27+puHeadColor+%27;}%27+ %27#puDescription {font-weight:%27+puTextBold+%27;color:%27+puTextColor+%27;font-family:%27+puTextFace+%27;padding:5px;padding-left:5px;border-top:1px white solid;border-bottom:2px black groove;}%27+ %27#puPuller {border-right:1px solid silver; border-bottom:1px solid gray; width:14px; height:15px; cursor: se-resize; }%27+ %27#puPuller td.x {width:1px; height:1px; background-color:%27+puBkgdColor+%27; font-size:1px;}%27+ %27#puPuller td.o {width:1px; height:1px; background-color:none;font-size:1px;}%27+ %27#puPuller td.d {width:1px; height:1px; background-color:%27+puTextColor+%27; font-size:1px;}%27+ %27</style>%27+ %27 <div id="puLayer" style="position:absolute; %27+ %27 left:0; top:0; visibility:hidden;">%27); document.write(%27<table id="puMoveBar" border="0" width="100" bgcolor="%27+puBkgdColor+%27" %27+ %27cellspacing="0" cellpadding="4" style="cursor:move;"%27+ %27onSelectStart="return false" onMouseover="puHot=true;" onMouseout="puHot=false"> %27+ %27<tr><td width="100%25"> %27+ %27<table class="puTbl" border="0" width="100%25" cellspacing="0" %27+ %27 cellpadding="0" height="36"><tr>%27+ %27<td class="puBtn" valign="top" align=left width=10 title="close"> %27+ %27<a class="puBtn" href="#" onClick="puHide();return false" >&nbsp;X&nbsp;</a></td>%27+ %27<td class="puBtn" valign="top" align=left width=10 title="reduce">%27+ %27<a class="puBtn" href="#" onClick="puShrink(); return false">%27+ %27<nobr>&nbsp;Zoom&nbsp;-&nbsp;</nobr></a></td>%27+ %27<td class="puBtn" valign="top" align=left width=10 title="enlarge">%27+ %27<a class="puBtn" href="#" onClick="puGrow(); return false">&nbsp;Zoom&nbsp;+&nbsp;</a></td>%27+ %27<td class="puTitle" id="titleBar" align=center width=2000 onmousedown="return false" %27+ %27 title="drag to move"><span style="font-size:9px;"></span></td>%27+ %27<td class="puBtn" valign="top" align=right width=10 %27+ %27 title="">%27+ %27</td>%27+ %27<td class="puBtn" valign="top" align=right width=10 %27+ %27 title="help with this tool">%27+ %27<a class="puBtn" href="javascript:puHelp()" %27+ %27 >&nbsp;?&nbsp;</a></td>%27+ %27<td class="puBtn" valign="top" align=right width=10 title="close">%27+ %27<a class="puBtn" href="#" onClick="puHide(); return false">&nbsp;X&nbsp;</a></td>%27+ %27</tr>%27+ %27<tr><td class="puTitle" colspan="7" align=left>%27+ %27<div id="puDescription" style="text-align:center">Click +/- Buttons to resize image</div>%27+ %27<div style="position:relative; left:0px; top:0px;">%27+ %27<img id=puImage src="" title="Drag to move Image Viewer or pull corner to Resize" %27+ %27 oncontextmenu="return false" galleryimg="no" onmousedown="return false;" %27+ %27 ondblclick="puResize()" ></div>%27+ /* important to return-false on the img mousedown event to prevent jerky motion in gecko.*/ %27<div style="position:relative; width:100%25; height:1px; border:0px solid yellow">%27+ %27<div style="position:absolute;top:-15px; left:0px; border:0px solid red">%27+ %27<table id=puPuller class=t align="right" cols=14 rows=15 cellspacing="0" cellpadding="0" border=0 onmousedown="return false;" >%27+ %27 <tr><td class=o></td><td class=o></td><td class=o></td><td class=o></td><td class=o></td><td class=o></td><td class=o></td><td class=o></td><td class=o></td><td class=o></td><td class=o></td><td class=o></td><td class=o></td><td class=o></td>%27+ %27</tr><tr><td class=o colspan=13></td><td class=x></td>%27+ %27</tr><tr><td class=o colspan=12></td><td class=x></td><td class=d></td>%27+ %27</tr><tr><td class=o colspan=11></td><td class=x></td><td class=d></td><td class=o></td>%27+ %27</tr><tr><td class=o colspan=10></td><td class=x></td><td class=d></td><td class=o colspan=2></td>%27+ %27</tr><tr><td class=o colspan=9 ></td><td class=x></td><td class=d></td><td class=o colspan=2></td><td class=x></td>%27+ %27</tr><tr><td class=o colspan=8 ></td><td class=x></td><td class=d></td><td class=o colspan=2></td><td class=x></td><td class=d></td>%27+ %27</tr><tr><td class=o colspan=7 ></td><td class=x></td><td class=d></td><td class=o colspan=2></td><td class=x></td><td class=d></td><td class=o></td>%27+ %27</tr><tr><td class=o colspan=6 ></td><td class=x></td><td class=d></td><td class=o colspan=2></td><td class=x></td><td class=d></td><td class=o colspan=2></td>%27+ %27</tr><tr><td class=o colspan=5 ></td><td class=x></td><td class=d></td><td class=o colspan=2></td><td class=x></td><td class=d></td><td class=o colspan=2></td><td class=x></td>%27+ %27</tr><tr><td class=o colspan=4 ></td><td class=x></td><td class=d></td><td class=o colspan=2></td><td class=x></td><td class=d></td><td class=o colspan=2></td><td class=x></td><td class=d></td>%27+ %27</tr><tr><td class=o colspan=3 ></td><td class=x></td><td class=d></td><td class=o colspan=2></td><td class=x></td><td class=d></td><td class=o colspan=2></td><td class=x></td><td class=d></td><td class=o></td>%27+ %27</tr><tr><td class=o colspan=2 ></td><td class=x></td><td class=d></td><td class=o colspan=2></td><td class=x></td><td class=d></td><td class=o colspan=2></td><td class=x></td><td class=d></td><td class=o colspan=2></td>%27+ %27</tr><tr><td class=o></td><td class=x></td><td class=d></td><td class=o colspan=2></td><td class=x></td><td class=d></td><td class=o colspan=2></td><td class=x></td><td class=d></td><td class=o colspan=2></td><td class=x></td>%27+ %27</tr><tr><td class=x></td><td class=d></td><td class=o colspan=2></td><td class=x></td><td class=d></td><td class=o colspan=2></td><td class=x></td><td class=d></td><td class=o colspan=2></td><td class=x></td><td class=d></td>%27+ %27</tr></table></div></div>%27+ %27</td></tr>%27); if (puCopyright){document.write(%27<tr><td class=puCopy colspan="7" align=center>%27+puCopyright+%27</td></tr>%27)} document.write(%27</td></tr></table></td></tr></table></div></div>%27);}//--></script>%0A'))
//-->