/************************************************ Ultimate Fade-In Slideshow (v1.5): © Dynamic Drive (http://www.dynamicdrive.com)* This notice MUST stay intact for legal use* Visit http://www.dynamicdrive.com/ for this script and 100s more.** Mods:* 1-25-07 - MoCo @ www.bigideas.com -RHS- added changing alt tags on 3rd element in the image array**  function fadeshow($picArray='default'){  // this is a php function to echo out the same arguments for fadeshow each time.  If you do this and someone wants you to change each slideshow you can do it in one place instead of many	echo '	<script type="text/javascript">		//new fadeshow(IMAGES_ARRAY_NAME, slideshow_width, slideshow_height, borderwidth, delay, pause (0=no, 1=yes), optionalRandomOrder)		new fadeshow('.$picArray.', 573, 440, 0, 7000, 1, "R") 	</script>	';* }***********************************************/ /*var fadeimages=new Array()//SET IMAGE PATHS. Extend or contract array as needed// if all the paths start out the same this makes it easier to c&p & maintain the code//path to image, link, window to open infadeimages1[0]=[path+"image1.jpg", "link.htm", "_blank", 'alt tag content'] fadeimages1[1]=[path+"image2.jpg", "link1.htm", "_target", 'alt tag content'] fadeimages1[2]=[path+"image3.jpg", "link2.htm", "_new", 'alt tag content']// for each slideshow create a new array, you don't have to include all the arguments, you can do this many times or just one timevar accessories=new Array()accessories[0]=[path+"imageB0.jpg"]accessories[1]=[path+"imageB1.jpg"]accessories[2]=[path+"imageB2.jpg"]*/var path = "/images/home/"  var vtour=new Array()//SET IMAGE PATHS. Extend or contract array as neededvtour[0]=[path+"vtour_01.jpg", "vtour/index.html", "_blank", 'Virtual Tour']vtour[1]=[path+"vtour_02.jpg", "vtour/index.html", "_blank", 'Virtual Tour']vtour[2]=[path+"vtour_03.jpg", "vtour/index.html", "_blank", 'Virtual Tour']vtour[3]=[path+"vtour_04.jpg", "vtour/index.html", "_blank", 'Virtual Tour']vtour[4]=[path+"vtour_05.jpg", "vtour/index.html", "_blank", 'Virtual Tour']vtour[5]=[path+"vtour_06.jpg", "vtour/index.html", "_blank", 'Virtual Tour']var fadebgcolor="white" ////NO need to edit beyond here///////////// var fadearray=new Array() //array to cache fadeshow instancesvar fadeclear=new Array() //array to cache corresponding clearinterval pointers var dom=(document.getElementById) //modern dom browsersvar iebrowser=document.all function fadeshow(theimages, fadewidth, fadeheight, borderwidth, delay, pause, displayorder){this.pausecheck=pausethis.mouseovercheck=0this.delay=delaythis.degree=10 //initial opacity degree (10%)this.curimageindex=0this.nextimageindex=1fadearray[fadearray.length]=thisthis.slideshowid=fadearray.length-1this.canvasbase="canvas"+this.slideshowidthis.curcanvas=this.canvasbase+"_0"if (typeof displayorder!="undefined")theimages.sort(function() {return 0.5 - Math.random();}) //thanks to Mike (aka Mwinter) :)this.theimages=theimagesthis.imageborder=parseInt(borderwidth)this.postimages=new Array() //preload imagesfor (p=0;p<theimages.length;p++){this.postimages[p]=new Image()this.postimages[p].src=theimages[p][0]} var fadewidth=fadewidth+this.imageborder*2var fadeheight=fadeheight+this.imageborder*2 if (iebrowser&&dom||dom) //if IE5+ or modern browsers (ie: Firefox)document.write('<div id="master'+this.slideshowid+'" style="position:relative;width:'+fadewidth+'px;height:'+fadeheight+'px;overflow:hidden;"><div id="'+this.canvasbase+'_0" style="position:absolute;width:'+fadewidth+'px;height:'+fadeheight+'px;top:0;left:0;filter:progid:DXImageTransform.Microsoft.alpha(opacity=10);-moz-opacity:10;-khtml-opacity:10;background-color:'+fadebgcolor+'"></div><div id="'+this.canvasbase+'_1" style="position:absolute;width:'+fadewidth+'px;height:'+fadeheight+'px;top:0;left:0;filter:progid:DXImageTransform.Microsoft.alpha(opacity=10);-moz-opacity:10;background-color:'+fadebgcolor+'"></div></div>')elsedocument.write('<div><img name="defaultslide'+this.slideshowid+'" src="'+this.postimages[0].src+'"></div>') if (iebrowser&&dom||dom) //if IE5+ or modern browsers such as Firefoxthis.startit()else{this.curimageindex++setInterval("fadearray["+this.slideshowid+"].rotateimage()", this.delay)}}function fadepic(obj){if (obj.degree<100){obj.degree+=10if (obj.tempobj.filters&&obj.tempobj.filters[0]){if (typeof obj.tempobj.filters[0].opacity=="number") //if IE6+obj.tempobj.filters[0].opacity=obj.degreeelse //else if IE5.5-obj.tempobj.style.filter="alpha(opacity="+obj.degree+")"}else if (obj.tempobj.style.MozOpacity)obj.tempobj.style.MozOpacity=obj.degree/101else if (obj.tempobj.style.KhtmlOpacity)obj.tempobj.style.KhtmlOpacity=obj.degree/100}else{clearInterval(fadeclear[obj.slideshowid])obj.nextcanvas=(obj.curcanvas==obj.canvasbase+"_0")? obj.canvasbase+"_0" : obj.canvasbase+"_1"obj.tempobj=iebrowser? iebrowser[obj.nextcanvas] : document.getElementById(obj.nextcanvas)obj.populateslide(obj.tempobj, obj.nextimageindex)obj.nextimageindex=(obj.nextimageindex<obj.postimages.length-1)? obj.nextimageindex+1 : 0setTimeout("fadearray["+obj.slideshowid+"].rotateimage()", obj.delay)}} fadeshow.prototype.populateslide=function(picobj, picindex){var slideHTML=""if (this.theimages[picindex][1]!="") //if associated link exists for imageslideHTML='<a href="'+this.theimages[picindex][1]+'" target="'+this.theimages[picindex][2]+'">'// RHS 1/25/06 added the alt thing, probably broke itslideHTML+='<img src="'+this.postimages[picindex].src+'" border="'+this.imageborder+'px" alt="'+this.theimages[picindex][3]+'">'if (this.theimages[picindex][1]!="") //if associated link exists for imageslideHTML+='</a>'picobj.innerHTML=slideHTML}  fadeshow.prototype.rotateimage=function(){if (this.pausecheck==1) //if pause onMouseover enabled, cache objectvar cacheobj=thisif (this.mouseovercheck==1)setTimeout(function(){cacheobj.rotateimage()}, 100)else if (iebrowser&&dom||dom){this.resetit()var crossobj=this.tempobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)crossobj.style.zIndex++fadeclear[this.slideshowid]=setInterval("fadepic(fadearray["+this.slideshowid+"])",50)this.curcanvas=(this.curcanvas==this.canvasbase+"_0")? this.canvasbase+"_1" : this.canvasbase+"_0"}else{var ns4imgobj=document.images['defaultslide'+this.slideshowid]ns4imgobj.src=this.postimages[this.curimageindex].src}this.curimageindex=(this.curimageindex<this.postimages.length-1)? this.curimageindex+1 : 0} fadeshow.prototype.resetit=function(){this.degree=10var crossobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)if (crossobj.filters&&crossobj.filters[0]){if (typeof crossobj.filters[0].opacity=="number") //if IE6+crossobj.filters(0).opacity=this.degreeelse //else if IE5.5-crossobj.style.filter="alpha(opacity="+this.degree+")"}else if (crossobj.style.MozOpacity)crossobj.style.MozOpacity=this.degree/101else if (crossobj.style.KhtmlOpacity)crossobj.style.KhtmlOpacity=obj.degree/100}  fadeshow.prototype.startit=function(){var crossobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)this.populateslide(crossobj, this.curimageindex)if (this.pausecheck==1){ //IF SLIDESHOW SHOULD PAUSE ONMOUSEOVERvar cacheobj=thisvar crossobjcontainer=iebrowser? iebrowser["master"+this.slideshowid] : document.getElementById("master"+this.slideshowid)crossobjcontainer.onmouseover=function(){cacheobj.mouseovercheck=1}crossobjcontainer.onmouseout=function(){cacheobj.mouseovercheck=0}}this.rotateimage()} 