// bid button 
var classnamebid = 'sprite-hover-bid_it_button-off';// this will test the class values, it holds the current value, and should correspond to the off state class
var classnamebid1 = 'sprite-hover-bid_it_button-off';// static value, change this to your class 1 name
var classnamebid2 = 'sprite-hover-bid_it_button-on';// static value, change this to your class 2 name

// buy button 
var classnamebuy = 'sprite-hover-buy_it-off';
var classnamebuy1 = 'sprite-hover-buy_it-off';// static value, change this to your class 1 name
var classnamebuy2 = 'sprite-hover-buy_it-on';// static value, change this to your class 2 name

// ebay more info button 
var classnameebay = 'sprite-ebay-more-info-off';
var classnameebay1 = 'sprite-ebay-more-info-off';// static value, change this to your class 1 name
var classnameebay2 = 'sprite-ebay-more-info-on';// static value, change this to your class 2 name

// for onmouseover
function rollon(e)
{
   var srcId, srcElement, targetElement;
   if (window.event) e = window.event;
   srcElement = ( e.srcElement ) ? e.srcElement : e.target;

   if ( srcElement.className == classnamebid )
   {
         srcElement.className = classnamebid2;
 //        classname-bid = classname-bid2;
      }
   
   
      if ( srcElement.className == classnamebuy )
   {
         srcElement.className = classnamebuy2;
  //       classname-buy = classname-buy2;
      }
 
       if ( srcElement.className == classnameebay )
   {
         srcElement.className = classnameebay2;
    //     classname-ebay = classname-ebay2;
      }
        
}
// for mouseoff
function rolloff(e)
{
   var srcId, srcElement, targetElement;
   if (window.event) e = window.event;
   srcElement = ( e.srcElement ) ? e.srcElement : e.target;

   if ( srcElement.className == classnamebid2 )
   {
         srcElement.className = classnamebid1;
  //       classname-bid = classname-bid1;
   }
   
      if ( srcElement.className == classnamebuy2 )
   {         srcElement.className = classnamebuy1;
 //        classname-buy = classname-buy1;
      
   }
  
        if ( srcElement.className == classnameebay2 )
   {         srcElement.className = classnameebay1;
 //        classname-ebay = classname-ebay1;
      
   }
    
}


// assign rollon() to handle onMouseOver events
document.onmouseover = rollon;

// assign rolloff() to handle onMouseOut events
document.onmouseout = rolloff;