/*********************************************** * OO_CMotion Image Gallery- © Dynamic Drive DHTML code library (www.dynamicdrive.com) * Visit http://www.dynamicDrive.com for source code * This copyright notice must stay intact for legal use * Modified for autowidth and optional starting positions in * http://www.dynamicdrive.com/forums/showthread.php?t=11839 by jschuer1 8/5/06 * Object Oriented update 9/19/06 ***********************************************/ // Set message to show at end of gallery(s). Enter "" to disable message. var endofgallerymsg='End of Gallery'; //declare gallery's name: var gallery=new Array(); // Use a space character between each image for this gallery? (use 1 for yes, 0 for no): gallery.usespace=1; //define gallery's image train: gallery[0]='

'; gallery[1]='

'; gallery[2]='

'; gallery[3]='

'; gallery[4]='

'; gallery[5]='

'; gallery[6]='

'; gallery[7]='

'; gallery[8]='

'; gallery[9]='

'; gallery[10]='

'; gallery[11]='

'; gallery[12]='

'; gallery[13]='

'; gallery[14]='

'; gallery[15]='

'; gallery[16]='

'; gallery[17]='

'; gallery[18]='

'; gallery[19]='

'; gallery[20]='

'; gallery[21]='

'; gallery[22]='

'; gallery[23]='

'; gallery[24]='

'; gallery[25]='

'; gallery[26]='

'; gallery[27]='

'; gallery[28]='

'; gallery[29]='

'; gallery[30]='

'; gallery[31]='

'; gallery[32]='

'; gallery[33]='

'; gallery[34]='

'; gallery[35]='

'; gallery[36]='

'; gallery[37]='

'; gallery[38]='

'; //optional additional gallery names, image trains, and usespace properties may be used: //declare gallery's name: var gallery2=new Array(); // Use a space character between each image for this gallery? (use 1 for yes, 0 for no): gallery2.usespace=1; //define gallery's image train: gallery2[0]='

'; gallery2[1]='

'; gallery2[2]='

'; gallery2[3]='

'; gallery2[4]='

'; gallery2[5]='

'; gallery2[6]='

'; gallery2[7]='

'; gallery2[8]='

'; gallery2[9]='

'; gallery2[10]='

'; gallery2[11]='

'; gallery2[12]='

'; gallery2[13]='

'; gallery2[14]='

'; gallery2[15]='

'; gallery2[16]='

'; gallery2[17]='

'; gallery2[18]='

'; gallery2[19]='

'; gallery2[20]='

'; gallery2[21]='

'; gallery2[22]='

'; gallery2[23]='

'; gallery2[24]='

'; gallery2[25]='

'; gallery2[26]='

'; gallery2[27]='

'; gallery2[28]='

'; gallery2[29]='

'; gallery2[30]='

'; gallery2[31]='

'; gallery2[32]='

'; gallery2[33]='

'; gallery2[34]='

'; gallery2[35]='

'; gallery2[36]='

'; gallery2[37]='

'; gallery2[38]='

'; gallery2[39]='

'; gallery2[40]='

'; gallery2[41]='

'; //declare gallery's name: var gallery3=new Array(); // Use a space character between each image for this gallery? (use 1 for yes, 0 for no): gallery3.usespace=0; //define gallery's image train: gallery3[0]='

'; gallery3[1]='

'; gallery3[2]='

'; gallery3[3]='

'; gallery3[4]='

'; gallery3[5]='

'; gallery3[6]='

'; gallery3[7]='

'; gallery3[8]='

'; gallery3[9]='

'; //declare gallery's name: var gallery4=new Array(); // Use a space character between each image for this gallery? (use 1 for yes, 0 for no): gallery4.usespace=0; //define gallery's image train: gallery4[0]='

'; gallery4[1]='

'; gallery4[2]='

'; gallery4[3]='

'; gallery4[4]='

'; gallery4[5]='

'; gallery4[6]='

'; gallery4[7]='

'; gallery4[8]='

'; gallery4[9]='

'; //declare gallery's name: var gallery5=new Array(); // Use a space character between each image for this gallery? (use 1 for yes, 0 for no): gallery5.usespace=0; //define gallery's image train: gallery5[0]='

'; gallery5[1]='

'; gallery5[2]='

'; gallery5[3]='

'; gallery5[4]='

'; gallery5[5]='

'; gallery5[6]='

'; gallery5[7]='

'; gallery5[8]='

'; gallery5[9]='

'; //declare gallery's name: var gallery6=new Array(); // Use a space character between each image for this gallery? (use 1 for yes, 0 for no): gallery6.usespace=0; //define gallery's image train: gallery6[0]='

'; gallery6[1]='

'; gallery6[2]='

'; gallery6[3]='

'; gallery6[4]='

'; gallery6[5]='

'; gallery6[6]='

'; gallery6[7]='

'; gallery6[8]='

'; gallery6[9]='

'; //declare gallery's name: var gallery7=new Array(); // Use a space character between each image for this gallery? (use 1 for yes, 0 for no): gallery7.usespace=0; //define gallery's image train: gallery7[0]='

'; gallery7[1]='

'; gallery7[2]='

'; gallery7[3]='

'; gallery7[4]='

'; gallery7[5]='

'; gallery7[6]='

'; gallery7[7]='

'; gallery7[8]='

'; gallery7[9]='

'; //declare gallery's name: var gallery8=new Array(); // Use a space character between each image for this gallery? (use 1 for yes, 0 for no): gallery8.usespace=0; //define gallery's image train: gallery8[0]='

'; gallery8[1]='

'; gallery8[2]='

'; gallery8[3]='

'; gallery8[4]='

'; gallery8[5]='

'; gallery8[6]='

'; gallery8[7]='

'; gallery8[8]='

'; gallery8[9]='

'; //declare gallery's name: var gallery9=new Array(); // Use a space character between each image for this gallery? (use 1 for yes, 0 for no): gallery9.usespace=0; //define gallery's image train: gallery9[0]='

'; gallery9[1]='

'; gallery9[2]='

'; gallery9[3]='

'; gallery9[4]='

'; gallery9[5]='

'; gallery9[6]='

'; gallery9[7]='

'; gallery9[8]='

'; gallery9[9]='

'; //declare gallery's name: var gallery10=new Array(); // Use a space character between each image for this gallery? (use 1 for yes, 0 for no): gallery10.usespace=0; //define gallery's image train: gallery10[0]='

'; gallery10[1]='

'; gallery10[2]='

'; gallery10[3]='

'; gallery10[4]='

'; gallery10[5]='

'; gallery10[6]='

'; gallery10[7]='

'; gallery10[8]='

'; gallery10[9]='

'; //declare gallery's name: var gallery11=new Array(); // Use a space character between each image for this gallery? (use 1 for yes, 0 for no): gallery11.usespace=0; //define gallery's image train: gallery11[0]='

'; gallery11[1]='

'; gallery11[2]='

'; gallery11[3]='

'; gallery11[4]='

'; gallery11[5]='

'; gallery11[6]='

'; gallery11[7]='

'; gallery11[8]='

'; gallery11[9]='

'; //declare gallery's name: var gallery12=new Array(); // Use a space character between each image for this gallery? (use 1 for yes, 0 for no): gallery12.usespace=0; //define gallery's image train: gallery12[0]='

'; gallery12[1]='

'; gallery12[2]='

'; gallery12[3]='

'; gallery12[4]='

'; gallery12[5]='

'; gallery12[6]='

'; gallery12[7]='

'; gallery12[8]='

'; gallery12[9]='

'; //declare gallery's name: var gallery13=new Array(); // Use a space character between each image for this gallery? (use 1 for yes, 0 for no): gallery13.usespace=0; //define gallery's image train: gallery13[0]='

'; gallery13[1]='

'; gallery13[2]='

'; gallery13[3]='

'; gallery13[4]='

'; gallery13[5]='

'; gallery13[6]='

'; gallery13[7]='

'; gallery13[8]='

'; gallery13[9]='

'; //declare gallery's name: var gallery14=new Array(); // Use a space character between each image for this gallery? (use 1 for yes, 0 for no): gallery14.usespace=0; //define gallery's image train: gallery14[0]='

'; gallery14[1]='

'; gallery14[2]='

'; gallery14[3]='

'; gallery14[4]='

'; gallery14[5]='

'; gallery14[6]='

'; gallery14[7]='

'; gallery14[8]='

'; gallery14[9]='

'; //declare gallery's name: var gallery15=new Array(); // Use a space character between each image for this gallery? (use 1 for yes, 0 for no): gallery15.usespace=0; //define gallery's image train: gallery15[0]='

'; gallery15[1]='

'; gallery15[2]='

'; gallery15[3]='

'; gallery15[4]='

'; gallery15[5]='

'; gallery15[6]='

'; gallery15[7]='

'; gallery15[8]='

'; gallery15[9]='

'; //declare gallery's name: var gallery16=new Array(); // Use a space character between each image for this gallery? (use 1 for yes, 0 for no): gallery16.usespace=0; //define gallery's image train: gallery16[0]='

'; gallery16[1]='

'; gallery16[2]='

'; gallery16[3]='

'; gallery16[4]='

'; gallery16[5]='

'; gallery16[6]='

'; gallery16[7]='

'; gallery16[8]='

'; gallery16[9]='

'; //declare gallery's name: var gallery17=new Array(); // Use a space character between each image for this gallery? (use 1 for yes, 0 for no): gallery17.usespace=0; //define gallery's image train: gallery17[0]='

'; gallery17[1]='

'; gallery17[2]='

'; gallery17[3]='

'; gallery17[4]='

'; gallery17[5]='

'; gallery17[6]='

'; gallery17[7]='

'; gallery17[8]='

'; gallery17[9]='

'; //declare gallery's name: var gallery18=new Array(); // Use a space character between each image for this gallery? (use 1 for yes, 0 for no): gallery18.usespace=0; //define gallery's image train: gallery18[0]='

'; gallery18[1]='

'; gallery18[2]='

'; gallery18[3]='

'; gallery18[4]='

'; gallery18[5]='

'; gallery18[6]='

'; gallery18[7]='

'; gallery18[8]='

'; gallery18[9]='

'; //declare gallery's name: var gallery19=new Array(); // Use a space character between each image for this gallery? (use 1 for yes, 0 for no): gallery19.usespace=0; //define gallery's image train: gallery19[0]='

'; gallery19[1]='

'; gallery19[2]='

'; gallery19[3]='

'; gallery19[4]='

'; gallery19[5]='

'; gallery19[6]='

'; gallery19[7]='

'; gallery19[8]='

'; //function used optionally to enlarge an image. Change as desired: function enlargeimage(path, optWidth, optHeight){ if(!document.body.filters) if(thewin&&thewin.name=='cwin'&&window==thewin.opener)thewin.close(); var actualWidth=typeof optWidth!="undefined" ? optWidth : 600; //set 600 to default width var actualHeight=typeof optHeight!="undefined" ? optHeight : 500; //set 500 to default height actualWidth+=window.opera? 0 : 20, actualHeight+=window.opera? 0 : 20; var winattributes="width="+actualWidth+",height="+actualHeight+",resizable,status"; thewin=window.open(path,"cwin", winattributes); if(document.body.filters) thewin.resizeTo(actualWidth+12, actualHeight+70); thewin.focus(); onunload=function(){if(thewin&&thewin.name=='cwin')thewin.close();}; return false; } ////NO NEED TO EDIT BELOW THIS LINE//////////// var iedom=document.all||document.getElementById, cgals=[], thewin=null; function cmotiongallery(gallery, rest, maxs, maxw, startp, width, height, c){ if(!iedom) return; this.gallery=gallery; this.usespace=this.gallery.usespace? ' ' : ''; this.width=/%/.test(width)? width : parseInt(width)+'px'; this.height=height; this.c=c? 'margin:0 auto;' : ''; this.loadedyes=0; this.movestate=''; this.scrollspeed=0; this.galid=cgals.length; cgals[cgals.length]=this; this.rest=rest; this.maxs=maxs; this.maxw=maxw; this.startpos=startp; for (var i_tem = 0; i_tem < this.gallery.length; i_tem++) this.gallery[i_tem]=!/on[cC]lick/.test(this.gallery[i_tem])? this.gallery[i_tem].replace(/href="#"/, 'href="#" onclick="return false;"') : this.gallery[i_tem]; document.write('

\n'+ '

\n'+ '\n'+ ''+this.gallery.join(this.usespace)+'<\/nobr>\n'+ '\n'+ '<\/div>\n'+ '<\/div>') this.fillup(); } function ietruebody(){ return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body; } cmotiongallery.prototype.creatediv=function(){ this.statusdiv=document.createElement("div") this.statusdiv.setAttribute("id","statusdiv"+this.galid) this.statusdiv.className="statusdiv"; document.body.appendChild(this.statusdiv) this.statusdiv=document.getElementById("statusdiv"+this.galid) this.statusdiv.innerHTML=endofgallerymsg } cmotiongallery.prototype.positiondiv=function(){ this.mainobjoffset=getposOffset(this.crossmain, "left"), this.menuheight=parseInt(this.crossmain.offsetHeight), this.mainobjoffsetH=getposOffset(this.crossmain, "top"); this.statusdiv.style.left=this.mainobjoffset+(this.menuwidth/2)-(this.statusdiv.offsetWidth/2)+"px"; this.statusdiv.style.top=this.menuheight+this.mainobjoffsetH+"px"; } cmotiongallery.prototype.showhidediv=function(what){ if (endofgallerymsg!="") { this.positiondiv(); this.statusdiv.style.visibility=what; } } function getposOffset(what, offsettype){ var totaloffset=(offsettype=="left")? what.offsetLeft: what.offsetTop; var parentEl=what.offsetParent; while (parentEl!=null){ totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop; parentEl=parentEl.offsetParent; } return totaloffset; } cmotiongallery.prototype.moveleft=function(){ if (this.loadedyes){ this.movestate="left"; if (iedom&&parseInt(this.cross_scroll.style.left)>(this.menuwidth-this.actualwidth)){ this.cross_scroll.style.left=parseInt(this.cross_scroll.style.left)-this.scrollspeed+"px"; this.showhidediv("hidden"); } else this.showhidediv("visible"); } this.lefttime=setTimeout("cgals["+this.galid+"].moveleft()",10); } cmotiongallery.prototype.moveright=function(){ if (this.loadedyes){ this.movestate="right"; if (iedom&&parseInt(this.cross_scroll.style.left)<0){ this.cross_scroll.style.left=parseInt(this.cross_scroll.style.left)+this.scrollspeed+"px"; this.showhidediv("hidden"); } else this.showhidediv("visible"); } this.righttime=setTimeout("cgals["+this.galid+"].moveright()",10); } cmotiongallery.prototype.motionengine=function(e){ this.mainobjoffset=getposOffset(this.crossmain, "left"), dsocx=(window.pageXOffset)? pageXOffset: ietruebody().scrollLeft, dsocy=(window.pageYOffset)? pageYOffset : ietruebody().scrollTop, curposy=window.event? event.clientX : e.clientX? e.clientX: ""; curposy-=this.mainobjoffset-dsocx; this.leftbound=(this.menuwidth-this.rest)/2; this.rightbound=(this.menuwidth+this.rest)/2; if (curposy>this.rightbound){ this.scrollspeed=(curposy-this.rightbound)/((this.menuwidth-this.rest)/2) * this.maxs; clearTimeout(this.righttime); if (this.movestate!="left") this.moveleft(); } else if (curposy