var Banner = new Class ({
 
 elements: {
  mainDiv: null
 },
  
 initialize: function(imgArray, divId) {
  this.elements.mainDiv = $(divId);
  this.elements.mainDiv.setStyles( {
   "position": "relative",
   "z-index": 0
  });
  for (a in imgArray) {
   if (typeof(imgArray[a]) == "function") continue;
   var img = new Element("img", {src: "/images/banners/" + imgArray[a], alt: "", "class": "bannerImg"});
   img.setStyles({
    position :"absolute",
    opacity: 0
   });
   img.inject(this.elements.mainDiv, "bottom");
  }
  this.elements.mainDiv.getElement("img.bannerImg").setStyle("opacity","1").addClass("current");
  
  setInterval(function() { this.nextImg(); }.bind(this), 4000);
 },
 
 nextImg: function() {
  var curimg = this.elements.mainDiv.getElement("img.bannerImg.current");
  var newimg = false;
  if (curimg.getNext()) newimg = curimg.getNext();
  else newimg = this.elements.mainDiv.getElement("img.bannerImg");
  if (curimg == newimg) return;
  var t = new Fx.Morph(newimg,{duration: "long"});
  
  t.start({"opacity": 1}).chain(function() {
   curimg.setStyle("opacity", 0);
   curimg.removeClass("current");
   newimg.addClass("current");
  });
 }
 
});