$(document).ready(function(){

  $("img", "div.baners").hover(function(){
      this.src = this.src.replace(/Black/,"Color");
    }, function() {
      this.src = this.src.replace(/Color/,"Black");
  })
  viewbanners();
});

function viewbanners(){
  var allbanners =  $("div.topbanner").find("img");
  $(allbanners[0]).css({"display" : "block"});
  if(allbanners.size() > 1){
    var select = 0;
    setInterval(function(){ 
      $(allbanners[select])
        .animate({opacity: "0.2"}, 800)
        .css({ 'display' : 'none'});
        //fadeOut('slow');
      if(select==allbanners.size()-1){
        select=0;
      }else{
        select++;
      }
      
      $(allbanners[select])
        .delay(150)
        .css({ 'display' : 'block', opacity : 0.2})
        .animate({opacity: "1"}, 800);
      
    }, 5000);

  }
  
}