// edit here to change slides
var homeslides= [
 ['banner-image-satisfaction-matters.jpg',
  'See the power of the Dragon...book a demo.  Satisfaction matters.',
  '/book-a-demo/'], // end of first slide (note: comma after ']')
 ['banner-image-make-a-difference.jpg',
  'Book a demo...see the power. Make a Dramatic Difference.',
  '/book-a-demo/' ], // end of second slide (note: comma after ']')
 ['banner-image-balance.jpg',
  'Book a demo...see the power. Balance: quality and productivity.',
  '/book-a-demo/'], // end of third slide (note: comma after ']')
['banner-image-possibilities.jpg',
  'Book a demo...see the power.  Think of the possibilities.',
  '/book-a-demo/'] // end of last slide (note: no comma after ']')
];

 
function rotator(elm, items, name, link){
 this.$elm = $(elm);
 this.items = items;
 this.name = name;
 this.itemcount = items.length;
 this.currentitem = 0;
 this.olditem = items.length - 1;
 this.link = link

 this.additems();
 this.rotatecomplete(this)
 return this;
}
rotator.prototype.imgroot = '/Portals/94824/images/banner-images/';
rotator.prototype.rotate = function(rot){
 var backtostart = (rot.currentitem + 1 < rot.itemcount)? false : true;
 if(backtostart){
  var mycurrent = 'div#rotslide' + rot.currentitem;
  rot.olditem = rot.currentitem
  rot.currentitem = 0;
  rot.$elm.find('div#rotslide' + 0).show();
  rot.$elm.find(mycurrent).fadeOut( 1000 , function(){rot.rotatecomplete(rot)});
 }else{
  var mynext = 'div#rotslide' + (rot.currentitem + 1);
  rot.olditem = rot.currentitem;
  rot.currentitem += 1;
  rot.$elm.find(mynext).fadeIn( 1000 , function(){rot.rotatecomplete(rot)});
 }
}
rotator.prototype.rotatecomplete = function(rot){
 var backtostart = (rot.currentitem == 0)? true : false;
 rot.$elm.find('div#rotslide' + rot.olditem).hide();
 setTimeout(rot.name + '.rotate(' + rot.name + ')', 8000);
}
rotator.prototype.additems = function(){
 var link = ''
 var endlink = ''
 if(this.link){
  //alert(' link is : ' + this.link )
  link = '<a href="' + this.link + '">';
  endlink = '</a>';
 }
 for(i=0; i< this.items.length; i++){
  if(!this.link && this.items[i][2]){ // if link not set for whole banner, and there is a link provided as the third element of the item array
   endlink = '<a href="' + this.items[i][2] + '" class="rotatorbutton"><img src="'+ this.imgroot + 'clear.gif"></a>';
  }else if(!this.link){
   endlink = '';
  }
  var hide = (i == 0)? '' : ' hidden';
  this.$elm.append('<div class="rotatoritem' + hide + '" id="rotslide' + i + '">' + link + '<img src="'+ this.imgroot + this.items[i][0] +'" alt="'+ this.items[i][1] +'">' + endlink + '</div>');
 }
}