ÿþ <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta name="keywords" content="Wedding Planning, event planning, floral designs, wedding flowers, wedding photos, Wedding Ideas, Wedding Website, sisters with class, weddings."> <meta name="description" content="Whether you are planning a wedding, anniversary party or other special occasions, Sisters With Class is committed to assist you..."> <meta name="verify-v1" content="SRsCueCTefzVHY3xhSTK0fMk44Unh5NcIkg53qj33ms="> <link rel="stylesheet" type="text/css" href="style.css"> <title>Wedding planning, Event Planning, Floral Designs - Sisters With Class</title><base href="http://www.sisterswithclass.com"> <script type="text/javascript"> <!-- var fadeimages=new Array() //SET IMAGE PATHS. Extend or contract array as needed fadeimages[0]=["http://sisterswithclass.com/weddings_pics/flowers/0681s.jpg", "http://sisterswithclass.com/weddings_picsflowers/0681s.jpg", ""] fadeimages[1]=["http://sisterswithclass.com/weddings_pics/flowers/0682s.jpg", "http://sisterswithclass.com/weddings_pics/flowers/0682s_1.jpg", ""] fadeimages[2]=["http://sisterswithclass.com/weddings_pics/event/0538.jpg", "http://sisterswithclass.com/weddings_pics/event/0538.jpg", "_new"] fadeimages[3]=["http://sisterswithclass.com/weddings_pics/event/IMG_7922.jpg", "http://sisterswithclass.com/weddings_pics/event/IMG_7922.jpg", ""] var fadeimages2=new Array() //SET IMAGE PATHS. Extend or contract array as needed fadeimages2[0]=["http://sisterswithclass.com/weddings_pics/flowers/0684s.jpg", "http://sisterswithclass.com/weddings_pics/flowers/0684s.jpg", ""] fadeimages2[1]=["http://sisterswithclass.com/weddings_pics/flowers/0671s.jpg", "http://sisterswithclass.com/weddings_pics/flowers/0671s.jpg", ""] fadeimages2[2]=["http://sisterswithclass.com/weddings_pics/event/0617_2.jpg", "http://sisterswithclass.com/weddings_pics/0617_2.jpg", "_new"] fadeimages2[3]=["http://sisterswithclass.com/weddings_pics/event/0642_2.jpg", "http://sisterswithclass.com/weddings_pics/event/0642_2.jpg", ""] var fadeimages3=new Array() //3rd array set example. Remove or add more sets as needed. //SET IMAGE PATHS. Extend or contract array as needed fadeimages3[0]=["http://sisterswithclass.com/weddings_pics/flowers/0681s.jpg", "http://sisterswithclass.com/weddings_pics/flowers/0681s.jpg", ""] fadeimages3[1]=["http://sisterswithclass.com/weddings_pics/flowers/06563s.jpg", "http://sisterswithclass.com/weddings_pics/flowers/06563s.jpg", ""] fadeimages3[2]=["http://sisterswithclass.com/weddings_pics/event/0580_2.jpg", "http://sisterswithclass.com/weddings_pics/event/0580_2.jpg", ""] fadeimages3[3]=["http://sisterswithclass.com/weddings_pics/event/IMG_8511.jpg", "http://sisterswithclass.com/weddings_pics/event/IMG_8511.jpg", ""] 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);opacity:0.1;-moz-opacity:0.1;-khtml-opacity:0.1;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);opacity:0.1;-moz-opacity:0.1;-khtml-opacity:0.1;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 if (obj.tempobj.style.opacity&&!obj.tempobj.filters) obj.tempobj.style.opacity=obj.degree/101 } 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]+'">' slideHTML+='<img src="'+this.postimages[picindex].src+'" border="'+this.imageborder+'px">' 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=this.degree/100 else if (crossobj.style.opacity&&!crossobj.filters) crossobj.style.opacity=this.degree/101 } 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() } //--> </script> <style type="text/css"> <!-- #navlist { position:relative; border-bottom: 0px solid #000; border-top: 0px solid #000; margin: 0px; margin-bottom: 30px; padding: 0px; padding-left: 80px; background-color: #4444; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; padding-bottom: 3px; padding-top: 0px; } #navlist a, #navlist a:link,#navlist a:visited { border: 1px solid #444444; padding: 1px; padding-left: 0.5em; padding-right: 0.5em; color: #ffcc33; font-weight: bold; text-decoration: none; } #navlist a:hover, #navlist a:active, #navlist a:focus { border: 1px solid #fff; padding: 1px; padding-left: 0.5em; padding-right: 0.5em; text-decoration: none; color:#ccc; } #navlist li { padding-right: 1px; display: inline; font-size: 0.6em; } #navlist ul { margin: 0px; padding: 0px; } #navlist #active a { background-color: #fff; color:#444; } #hb { position:relative; top: 537px; width:1000px; height:0px; z-index:1; } #ch { position:absolute; top: 150px; width:1000px; z-index:0; } --> </style> <style type="text/css"> <!-- td.c1 {border:7px #fff solid;} #bg { top: 0px; background-color: #000000; background-repeat: no-repeat; height: 500px; background-image: url(images/bg2.jpg); width:1000px; } body { background-color: #000000; } object { height:25px; /* adjust height to make equalizer and text bigger or smaller */ width:70px; outline:0; /* prevents FX's gray outline when clicked */ padding-left: 300px; } #player {position:relative; width: 1000px;} #p2 {position:absolute;left: 0px;} #flash { position:absolute; width:200px; right: -50px; } #alt { text-align:center; } #spacer { postion:relative; height:25px; } --> </style> </head> <body> <div id="horizon"> <div id="content"> <div id="bg"> <div id="wrapper"> <div id="ch"> <table width="1000" border="0" cellspacing="0" cellpadding="0" align="center"> <tr> <td width="80"></td> <td class="c1" valign="top"><script type="text/javascript"> //new fadeshow(IMAGES_ARRAY_NAME, slideshow_width, slideshow_height, borderwidth, delay, pause (0=no, 1=yes), optionalRandomOrder) new fadeshow(fadeimages, 275, 370, 0, 3000, 0) </script></td> <td align="center" class="c1" valign="top"><script type="text/javascript"> //new fadeshow(IMAGES_ARRAY_NAME, slideshow_width, slideshow_height, borderwidth, delay, pause (0=no, 1=yes), optionalRandomOrder) new fadeshow(fadeimages2, 275, 370, 0, 3200, 0) </script> </td> <td align="center" class="c1" valign="top"><script type="text/javascript"> //new fadeshow(IMAGES_ARRAY_NAME, slideshow_width, slideshow_height, borderwidth, delay, pause (0=no, 1=yes), optionalRandomOrder) new fadeshow(fadeimages3, 275, 370, 0, 3000, 0) </script></td> <td width="80"></td> </tr> </table> <div id="player"> <div id="p2"></div> <div id="flash"> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"> <param name="movie" value="equalizer.swf"> <param name="bgcolor" value="#000000"> <!--[if !IE]>--> <object type="application/x-shockwave-flash" data="equalizer.swf"> <param name="bgcolor" value="#000000"> <!--<![endif]--> <p id="alt"><a href="http://www.adobe.com/go/getflashplayer">Install Adobe Flash For Richer Experience</a></p> <!--[if !IE]>--> </object> <!--<![endif]--> </object> </div><script type="text/javascript" src="javascript/noclick.js"></script> </div> </div><!--end contenthome--> <div id="hb"> <div id="navcontainer"> <ul id="navlist"> <li id="active"><a href="www.sisterswithclass.com/index.html" id="current">Home</a></li> <li><a href="http://www.sisterswithclass.com/aboutus.html">About Us</a></li> <li><a href="http://www.sisterswithclass.com/services.html">Services</a></li> <li><a href="http://www.sisterswithclass.com/gallery.html">Gallery</a></li> <li><a href="http://www.sisterswithclass.com/testimonial.html">Testimonial</a></li> <li><a href="http://www.sisterswithclass.com/contact.html">Contact</a></li> </ul> </div> </div> </div><!--end wrapper--> </div><!--end bg--> </div><!--end content--> </div><!--end horizon--> <script type="text/javascript"> var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); </script> <script type="text/javascript"> try { var pageTracker = _gat._getTracker("UA-7665390-1"); pageTracker._trackPageview(); } catch(err) {}</script> </body> </html>