ÿþ<HTML> <HEAD> <TITLE>Videography</TITLE> <META content="text/html; charset=windows-1252" http-equiv=Content-Type> <LINK REL=STYLESHEET HREF="css/second.css" TYPE="text/css"> <script language="JavaScript"> <!-- function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; } function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} } function MM_findObj(n, d) { //v4.0 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && document.getElementById) x=document.getElementById(n); return x; } function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];} } function PopWindow_1() { window.open('video_p_1.html','index','width=688,height=175,menubar=no,scrollbars=no,toolbar=no,location=no,directories=no,resizable=no,top=500,left=165'); } //--> function PopWindow_2() { window.open('video_p_2.html','index','width=688,height=175,menubar=no,scrollbars=no,toolbar=no,location=no,directories=no,resizable=no,top=500,left=165'); } function PopWindow_3() { window.open('video_p_3.html','index','width=688,height=175,menubar=no,scrollbars=no,toolbar=no,location=no,directories=no,resizable=no,top=500,left=165'); } //--> function PopWindow_4() { window.open('video_p_4.html','index','width=688,height=175,menubar=no,scrollbars=no,toolbar=no,location=no,directories=no,resizable=no,top=500,left=165'); } function PopWindow_5() { window.open('streaming_p_4.html','index','width=688,height=175,menubar=no,scrollbars=no,toolbar=no,location=no,directories=no,resizable=no,top=500,left=165'); } //--> function PopWindow_6() { window.open('streaming_p_5.html','index','width=688,height=175,menubar=no,scrollbars=no,toolbar=no,location=no,directories=no,resizable=no,top=500,left=165'); } //--> /* Textual Tooltip Script - © Dynamic Drive (www.dynamicdrive.com) For full source code, installation instructions, 100's more DHTML scripts, and Terms Of Use, visit dynamicdrive.com */ var content=new Array() content[0]='<B><font face="Palatino Linotype" SIZE="2" color=#990099><P>Please move your mouse over each figure number to see larger view.</B><BR><BR> These are sample photos in low resolution ONLY.<BR><BR><A HREF="onlineform.php" target="new window">ORDER NOW!</A> <BR><BR><BR><BR><BR><BR></font></B>' content[1]='<B><font face="Palatino Linotype" SIZE="2" color=#990099><center><IMG SRC=images/thumbnails/19.jpg ALIGN="verticle"></center>' content[2]='<B><font face="Palatino Linotype" SIZE="2" color=#990099><center><IMG SRC=images/thumbnails/26.jpg ALIGN="verticle"></center>' content[3]='<B><font face="Palatino Linotype" SIZE="2" color=#990099><center><IMG SRC=images/thumbnails/25.jpg ALIGN="verticle"></center>' content[4]='<B><font face="Palatino Linotype" SIZE="2" color=#990099><center><IMG SRC=images/thumbnails/23.jpg ALIGN="verticle"></center>' content[5]='<B><font face="Palatino Linotype" SIZE="2" color=#990099><center><IMG SRC=images/thumbnails/20.jpg ALIGN="verticle"></center>' content[1]='<B><font face="Palatino Linotype" SIZE="2" color=#990099><center><IMG SRC=images/thumbnails/10.jpg ALIGN="verticle"></center>' content[6]='<B><font face="Palatino Linotype" SIZE="2" color=#990099><center><IMG SRC=images/thumbnails/11.jpg ALIGN="verticle"></center>' content[7]='<B><font face="Palatino Linotype" SIZE="2" color=#990099><center><IMG SRC=images/thumbnails/12.jpg ALIGN="verticle"></center>' content[8]='<B><font face="Palatino Linotype" SIZE="2" color=#990099><center><IMG SRC=images/thumbnails/13.jpg ALIGN="verticle"></center>' content[9]='<B><font face="Palatino Linotype" SIZE="2" color=#990099><center><IMG SRC=images/thumbnails/14.jpg ALIGN="verticle"></center>' content[10]='<B><font face="Palatino Linotype" SIZE="2" color=#990099><center><IMG SRC=images/thumbnails/15.jpg ALIGN="verticle"></center>' content[11]='<B><font face="Palatino Linotype" SIZE="2" color=#990099><center><IMG SRC=images/thumbnails/24.jpg ALIGN="verticle"></center>' content[12]='<B><font face="Palatino Linotype" SIZE="2" color=#990099><center><IMG SRC=images/thumbnails/6.jpg ALIGN="verticle"></center>' content[13]='<B><font face="Palatino Linotype" SIZE="2" color=#990099><center><IMG SRC=images/thumbnails/5.jpg ALIGN="verticle"></center>' content[14]='<B><font face="Palatino Linotype" SIZE="2" color=#990099><center><IMG SRC=images/thumbnails/4.jpg ALIGN="verticle"></center>' content[15]='<B><font face="Papyrus" SIZE="2" color=#cc0099><center><IMG SRC=images/thumbnails/15.jpg ALIGN="verticle"></center>' content[16]='<B><font face="Palatino Linotype" SIZE="2" color=#990099><center><IMG SRC=images/thumbnails/51.jpg ALIGN="verticle"></center>' function regenerate(){ window.location.reload() } function regenerate2(){ if (document.layers){ appear() setTimeout("window.onresize=regenerate",450) } } function changetext(whichcontent){ if (document.all||document.getElementById){ cross_el=document.getElementById? document.getElementById("descriptions"):document.all.descriptions cross_el.innerHTML=whichcontent } else if (document.layers){ document.d1.document.d2.document.write(whichcontent) document.d1.document.d2.document.close() } } function appear(){ document.d1.visibility='show' } window.onload=regenerate2 //--> </script> </HEAD> <BODY BGColor=#FFFFFF leftMargin=125 topMargin=15 marginheight="20" text="#000000" link="#0066CC" vlink="#0066CC" alink="#0066CC" onLoad="MM_preloadImages('images/link1b.jpg','images/link2b.jpg','images/link3b.jpg','images/link4b.jpg','images/link5b.jpg','images/link6b.jpg','images/link7b.jpg')"> <TABLE BACKGROUND="images/homeback.jpg" cellPadding=9 cellSpacing=8 WIDTH="760" height="800" align=center> <TR> <TD WIDTH="300" height=500 valign=bottom> <font face="Papyrus" SIZE="2" color=#555555> <BR><BR> At Hopscotch, all we do is weddings; we know them inside out. Simplify your planning and decrease your costs by booking both photography and videography with the same company.<BR><BR>With our experience, we stay one step ahead so we never miss a beat. By using the latest equipment, shooting hours of footage and taking thousands of pictures, you'll be sure nothing goes undocumented.<BR><BR><BR><BR> </TD> <TD height=400 valign=bottom> <!--[if gte vml 1]><![if mso]><v:rect id="_x0000_s1042" style='position:absolute;left:307.25pt;top:176.25pt;width:1in;height:1in; z-index:18' filled="f" strokeweight="2.25pt" o:cliptowrap="t"> <v:shadow on="t" opacity=".5" offset="6pt,6pt"/> <v:path insetpenok="f"/> <o:lock v:ext="edit" rotation="t"/> <o:webcomponent v:ext="edit" o:html="&lt;script language=&quot;JavaScript1.2&quot; type=&quot;text/javascript&quot;&gt;&#13;&#10;&#13;&#10;/***********************************************&#13;&#10;* Fade-in image slideshow script- &#9560; Dynamic Drive DHTML code library (www.dynamicdrive.com)&#13;&#10;* This notice MUST stay intact for legal use&#13;&#10;* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code&#13;&#10;***********************************************/&#13;&#10;&#13;&#10;var slideshow_width='388px' //SET IMAGE WIDTH&#13;&#10;var slideshow_height='263px' //SET IMAGE HEIGHT&#13;&#10;var pause=3000 //SET PAUSE BETWEEN SLIDE (3000=3 seconds)&#13;&#10;&#13;&#10;var fadeimages=new Array()&#13;&#10;//SET IMAGE PATHS. Extend or contract array as needed&#13;&#10; fadeimages[0]= &quot;images/thumbnails/60.jpg&quot;&#13;&#10; fadeimages[1]= &quot;images/thumbnails/2.jpg&quot;&#13;&#10; fadeimages[2]= &quot;images/thumbnails/3.jpg&quot;&#13;&#10; fadeimages[3]= &quot;images/thumbnails/4.jpg&quot;&#13;&#10; fadeimages[4]= &quot;images/thumbnails/5.jpg&quot;&#13;&#10; fadeimages[5]= &quot;images/thumbnails/6.jpg&quot;&#13;&#10; fadeimages[6]= &quot;images/thumbnails/7.jpg&quot;&#13;&#10; fadeimages[7]= &quot;images/thumbnails/8.jpg&quot;&#13;&#10; fadeimages[8]= &quot;images/thumbnails/9.jpg&quot;&#13;&#10; fadeimages[9]= &quot;images/thumbnails/56.jpg&quot;&#13;&#10; fadeimages[10]= &quot;images/thumbnails/11.jpg&quot;&#13;&#10; fadeimages[11]= &quot;images/thumbnails/57.jpg&quot;&#13;&#10; fadeimages[12]= &quot;images/thumbnails/58.jpg&quot;&#13;&#10; fadeimages[13]= &quot;images/thumbnails/14.jpg&quot;&#13;&#10; fadeimages[14]= &quot;images/thumbnails/15.jpg&quot;&#13;&#10; fadeimages[15]= &quot;images/thumbnails/59.jpg&quot;&#13;&#10; fadeimages[16]= &quot;images/thumbnails/60.jpg&quot;&#13;&#10; fadeimages[17]= &quot;images/thumbnails/18.jpg&quot;&#13;&#10; fadeimages[18]= &quot;images/thumbnails/19.jpg&quot;&#13;&#10; fadeimages[19]= &quot;images/thumbnails/20.jpg&quot;&#13;&#10; fadeimages[20]= &quot;images/thumbnails/21.jpg&quot;&#13;&#10; fadeimages[21]= &quot;images/thumbnails/45.jpg&quot;&#13;&#10; fadeimages[22]= &quot;images/thumbnails/46.jpg&quot;&#13;&#10; fadeimages[23]= &quot;images/thumbnails/47.jpg&quot;&#13;&#10; fadeimages[24]= &quot;images/thumbnails/48.jpg&quot;&#13;&#10; fadeimages[25]= &quot;images/thumbnails/49.jpg&quot;&#13;&#10; fadeimages[26]= &quot;images/thumbnails/50.jpg&quot;&#13;&#10; fadeimages[27]= &quot;images/thumbnails/51.jpg&quot;&#13;&#10; fadeimages[28]= &quot;images/thumbnails/52.jpg&quot;&#13;&#10; fadeimages[29]= &quot;images/thumbnails/53.jpg&quot;&#13;&#10; fadeimages[30]= &quot;images/thumbnails/54.jpg&quot;&#13;&#10; fadeimages[31]= &quot;images/thumbnails/55.jpg&quot;&#13;&#10; ////NO need to edit beyond here/////////////&#13;&#10;&#13;&#10;var preloadedimages=new Array()&#13;&#10;for (p=0;p&lt;fadeimages.length;p++){&#13;&#10;preloadedimages[p]=new Image()&#13;&#10;preloadedimages[p].src=fadeimages[p]&#13;&#10;}&#13;&#10;&#13;&#10;var ie4=document.all&#13;&#10;var dom=document.getElementById&#13;&#10;&#13;&#10;if (ie4||dom)&#13;&#10;document.write('&lt;div style=&quot;position:relative;width:'+slideshow_width+';height:'+slideshow_height+';overflow:hidden&quot;&gt;&lt;div id=&quot;canvas0&quot; style=&quot;position:absolute;width:'+slideshow_width+';height:'+slideshow_height+';top:0;left:0;filter:alpha(opacity=10);-moz-opacity:10&quot;&gt;&lt;/div&gt;&lt;div id=&quot;canvas1&quot; style=&quot;position:absolute;width:'+slideshow_width+';height:'+slideshow_height+';top:0;left:0;filter:alpha(opacity=10);-moz-opacity:10;visibility: hidden&quot;&gt;&lt;/div&gt;&lt;/div&gt;')&#13;&#10;else&#13;&#10;document.write('&lt;img name=&quot;defaultslide&quot; src=&quot;'+fadeimages[0]+'&quot;&gt;')&#13;&#10;&#13;&#10;var curpos=10&#13;&#10;var degree=10&#13;&#10;var curcanvas=&quot;canvas0&quot;&#13;&#10;var curimageindex=0&#13;&#10;var nextimageindex=1&#13;&#10;&#13;&#10;&#13;&#10;function fadepic(){&#13;&#10;if (curpos&lt;100){&#13;&#10;curpos+=10&#13;&#10;if (tempobj.filters)&#13;&#10;tempobj.filters.alpha.opacity=curpos&#13;&#10;else if (tempobj.style.MozOpacity)&#13;&#10;tempobj.style.MozOpacity=curpos/101&#13;&#10;}&#13;&#10;else{&#13;&#10;clearInterval(dropslide)&#13;&#10;nextcanvas=(curcanvas==&quot;canvas0&quot;)? &quot;canvas0&quot; : &quot;canvas1&quot;&#13;&#10;tempobj=ie4? eval(&quot;document.all.&quot;+nextcanvas) : document.getElementById(nextcanvas)&#13;&#10;tempobj.innerHTML='&lt;img src=&quot;'+fadeimages[nextimageindex]+'&quot;&gt;'&#13;&#10;nextimageindex=(nextimageindex&lt;fadeimages.length-1)? nextimageindex+1 : 0&#13;&#10;var tempobj2=ie4? eval(&quot;document.all.&quot;+nextcanvas) : document.getElementById(nextcanvas)&#13;&#10;tempobj2.style.visibility=&quot;hidden&quot;&#13;&#10;setTimeout(&quot;rotateimage()&quot;,pause)&#13;&#10;}&#13;&#10;}&#13;&#10;&#13;&#10;function rotateimage(){&#13;&#10;if (ie4||dom){&#13;&#10;resetit(curcanvas)&#13;&#10;var crossobj=tempobj=ie4? eval(&quot;document.all.&quot;+curcanvas) : document.getElementById(curcanvas)&#13;&#10;crossobj.style.zIndex++&#13;&#10;tempobj.style.visibility=&quot;visible&quot;&#13;&#10;var temp='setInterval(&quot;fadepic()&quot;,50)'&#13;&#10;dropslide=eval(temp)&#13;&#10;curcanvas=(curcanvas==&quot;canvas0&quot;)? &quot;canvas1&quot; : &quot;canvas0&quot;&#13;&#10;}&#13;&#10;else&#13;&#10;document.images.defaultslide.src=fadeimages[curimageindex]&#13;&#10;curimageindex=(curimageindex&lt;fadeimages.length-1)? curimageindex+1 : 0&#13;&#10;}&#13;&#10;&#13;&#10;function resetit(what){&#13;&#10;curpos=10&#13;&#10;var crossobj=ie4? eval(&quot;document.all.&quot;+what) : document.getElementById(what)&#13;&#10;if (crossobj.filters)&#13;&#10;crossobj.filters.alpha.opacity=curpos&#13;&#10;else if (crossobj.style.MozOpacity)&#13;&#10;crossobj.style.MozOpacity=curpos/101&#13;&#10;}&#13;&#10;&#13;&#10;function startit(){&#13;&#10;var crossobj=ie4? eval(&quot;document.all.&quot;+curcanvas) : document.getElementById(curcanvas)&#13;&#10;crossobj.innerHTML='&lt;img src=&quot;'+fadeimages[curimageindex]+'&quot;&gt;'&#13;&#10;rotateimage()&#13;&#10;}&#13;&#10;&#13;&#10;if (ie4||dom)&#13;&#10;window.onload=startit&#13;&#10;else&#13;&#10;setInterval(&quot;rotateimage()&quot;,pause)&#13;&#10;&#13;&#10;&lt;/script&gt;&#13;&#10;&#13;&#10;&lt;p align=&quot;center&quot;&gt;&lt;font face=&quot;Arial&quot; size=&quot;-2&quot;&gt;&lt;br&gt;&#13;&#10;&lt;a href=&quot;&quot;&gt;&lt;/a&gt;&lt;/font&gt;&lt;/p&gt;&#13;&#10;" o:on="t"/> </v:rect><![endif]><![endif]--> <div><script language="JavaScript1.2" type="text/javascript"> /*********************************************** * Fade-in image slideshow script- &#9560; Dynamic Drive DHTML code library (www.dynamicdrive.com) * This notice MUST stay intact for legal use * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code ***********************************************/ var slideshow_width='375px' //SET IMAGE WIDTH var slideshow_height='263px' //SET IMAGE HEIGHT var pause=2000 //SET PAUSE BETWEEN SLIDE (3000=3 seconds) var fadeimages=new Array() //SET IMAGE PATHS. Extend or contract array as needed fadeimages[0]="images/thumbnails/32.jpg" fadeimages[1]= "images/thumbnails/2.jpg" fadeimages[2]= "images/thumbnails/3.jpg" fadeimages[3]= "images/thumbnails/4.jpg" fadeimages[4]= "images/thumbnails/5.jpg" fadeimages[5]= "images/thumbnails/6.jpg" fadeimages[6]= "images/thumbnails/7.jpg" fadeimages[7]= "images/thumbnails/8.jpg" fadeimages[8]= "images/thumbnails/9.jpg" fadeimages[9]= "images/thumbnails/56.jpg" fadeimages[10]= "images/thumbnails/11.jpg" fadeimages[11]= "images/thumbnails/57.jpg" fadeimages[12]= "images/thumbnails/41.jpg" fadeimages[13]= "images/thumbnails/42.jpg" fadeimages[14]= "images/thumbnails/15.jpg" fadeimages[15]= "images/thumbnails/59.jpg" fadeimages[16]= "images/thumbnails/60.jpg" fadeimages[17]= "images/thumbnails/18.jpg" fadeimages[18]= "images/thumbnails/19.jpg" fadeimages[19]= "images/thumbnails/20.jpg" fadeimages[20]= "images/thumbnails/12.jpg" fadeimages[21]="images/thumbnails/45.jpg" fadeimages[22]="images/thumbnails/46.jpg" fadeimages[23]="images/thumbnails/47.jpg" fadeimages[24]="images/thumbnails/43.jpg" fadeimages[25]="images/thumbnails/49.jpg" fadeimages[26]="images/thumbnails/50.jpg" fadeimages[27]="images/thumbnails/51.jpg" fadeimages[28]="images/thumbnails/52.jpg" fadeimages[29]="images/thumbnails/53.jpg" fadeimages[30]="images/thumbnails/54.jpg" fadeimages[31]="images/thumbnails/55.jpg" ////NO need to edit beyond here///////////// var preloadedimages=new Array() for (p=0;p<fadeimages.length;p++){ preloadedimages[p]=new Image() preloadedimages[p].src=fadeimages[p] } var ie4=document.all var dom=document.getElementById if (ie4||dom) document.write('<div style="position:relative;width:'+slideshow_width+';height:'+slideshow_height+';overflow:hidden"><div id="canvas0" style="position:absolute;width:'+slideshow_width+';height:'+slideshow_height+';top:0;left:0;filter:alpha(opacity=10);-moz-opacity:10"></div><div id="canvas1" style="position:absolute;width:'+slideshow_width+';height:'+slideshow_height+';top:0;left:0;filter:alpha(opacity=10);-moz-opacity:10;visibility: hidden"></div></div>') else document.write('<img name="defaultslide" src="'+fadeimages[0]+'">') var curpos=10 var degree=10 var curcanvas="canvas0" var curimageindex=0 var nextimageindex=1 function fadepic(){ if (curpos<100){ curpos+=10 if (tempobj.filters) tempobj.filters.alpha.opacity=curpos else if (tempobj.style.MozOpacity) tempobj.style.MozOpacity=curpos/101 } else{ clearInterval(dropslide) nextcanvas=(curcanvas=="canvas0")? "canvas0" : "canvas1" tempobj=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas) tempobj.innerHTML='<img src="'+fadeimages[nextimageindex]+'">' nextimageindex=(nextimageindex<fadeimages.length-1)? nextimageindex+1 : 0 var tempobj2=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas) tempobj2.style.visibility="hidden" setTimeout("rotateimage()",pause) } } function rotateimage(){ if (ie4||dom){ resetit(curcanvas) var crossobj=tempobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas) crossobj.style.zIndex++ tempobj.style.visibility="visible" var temp='setInterval("fadepic()",50)' dropslide=eval(temp) curcanvas=(curcanvas=="canvas0")? "canvas1" : "canvas0" } else document.images.defaultslide.src=fadeimages[curimageindex] curimageindex=(curimageindex<fadeimages.length-1)? curimageindex+1 : 0 } function resetit(what){ curpos=10 var crossobj=ie4? eval("document.all."+what) : document.getElementById(what) if (crossobj.filters) crossobj.filters.alpha.opacity=curpos else if (crossobj.style.MozOpacity) crossobj.style.MozOpacity=curpos/101 } function startit(){ var crossobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas) crossobj.innerHTML='<img src="'+fadeimages[curimageindex]+'">' rotateimage() } if (ie4||dom) window.onload=startit else setInterval("rotateimage()",pause) </script> </center> </TD> </TR> <TR> <TD colspan=3 height=95 valign=bottom> </TD> </TR> <TR> <TD colspan=3 valign=top> <center>&nbsp&nbsp&nbsp&nbsp<A HREF=photography.html>Photography</A>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<A HREF=videography.html>Videography</A>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<A HREF=streaming.html>Broadcasting</A>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<A HREF=contact.html>Contact</A>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<A HREF=resources.html>Resources</A>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<A HREF=onlineform.php target="new window">Order From</A> </TD> </TR> </TABLE> <TABLE border=0 cellPadding=0 cellSpacing=0> <TBODY> <TR> <TD width="24%">&nbsp;</TD></TR></TBODY></TABLE> <ilayer id="Layer1" left="12" top="288" width="651" height="115" z-index="1"> <BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR> <BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR> <TD> <!--WEBBOT bot="HTMLMarkup" startspan ALT="Site Meter" --> <a href="http://sm6.sitemeter.com/stats.asp?site=sm6hopscotchbroad" target="_top"> <img src="http://sm6.sitemeter.com/meter.asp?site=sm6hopscotchbroad" alt="Site Meter" align=left border="0"/></a> <!--WEBBOT bot="HTMLMarkup" Endspan --> </TD> </BODY></HTML>