var PictureMarquee=new Class({initialize:function(){this.frame;this.images=new Array();this.images.push(new Hash({url:staticImagePath+"/img/home/marquee/panel_sign.jpg",alt:"Open Signs Logo Sign"}));this.images.push(new Hash({url:staticImagePath+"/img/home/marquee/advanced.jpg",alt:"Advanced Bulk & Conveying"}));this.images.push(new Hash({url:staticImagePath+"/img/home/marquee/concession_trailer.jpg",alt:"Concession Trailer"}));this.images.push(new Hash({url:staticImagePath+"/img/home/marquee/bonnell_sprint_car.jpg",alt:"Scott Bonnel Sprint Car"}));this.bulletArray=new Array();this.bullets=new Element("div",{id:"imgBullets",styles:{"text-align":"center",margin:"auto",width:"940px"}});this.imageNumber=0;this.previousImage;this.nextImage;this.images.each(function(b,a){new Element("img",{src:b.url,styles:{display:"none",visibility:"hidden",width:"0px",height:"0px"}});this.bulletArray.push(new Element("a",{html:"•",styles:{cursor:"default"}}).inject(this.bullets))},this);this.runShow=true},bringInNextImage:function(){this.nextImage=new Element("img",{src:this.images[this.imageNumber].url,alt:"",title:""});this.nextImage.setStyle("opacity","0");this.previousImage.destroy();this.nextImage.inject(this.frame,"top");var a=new Fx.Tween(this.nextImage,{duration:1500,onComplete:this.onNextImageComplete.bind(this)});a.start("opacity","0","1")},onNextImageComplete:function(){this.clearBullets();this.bulletArray[this.imageNumber].addClass("sel");new Fx.Tween("imgBullets",{duration:250}).start("opacity","0","1");this.previousImage=this.nextImage;this.showImage.delay((3)*1000,this)},showImage:function(){if(this.imageNumber==this.images.length-1){this.imageNumber=0}else{this.imageNumber++}new Fx.Tween("imgBullets",{duration:250}).start("opacity","1","0");new Fx.Tween(this.previousImage,{duration:1500,onComplete:this.bringInNextImage.bind(this)}).start("opacity","1","0")},clearBullets:function(){this.bulletArray.each(function(a,b){a.removeClass("sel")})}});marquee=new PictureMarquee();window.addEvent("domready",function(){marquee.frame=$("bannerImage");marquee.previousImage=new Element("img",{src:marquee.images[marquee.imageNumber].url,alt:"",title:""}).inject(marquee.frame);marquee.bulletArray[marquee.imageNumber].addClass("sel");marquee.bullets.inject(marquee.frame);marquee.showImage.delay((5)*1000,marquee)});