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/107598/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 + ')', 5000);
}
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++){
  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>');
 }
}
var homeslides= [
['banner-image-1.jpg' , 'describe the image'],
['banner-image-2.jpg' , 'describe the image'],
['banner-image-3.jpg' , 'describe the image'],
['banner-image-4.jpg' , 'describe the image'],
['banner-image-5.jpg' , 'describe the image']
]