jQuery(document).ready(function(){

  // find the div.fade elements and hook the hover event
  jQuery('span.galleryButton, span.myProfileButton, span.signUpButton, span.submitButton, span.offersButton, span.dontMissOut, span.logoutButton').hover(function() {   

  // on hovering over, find the element we want to fade *up*    
    var fadeImg = jQuery('> span', this);   

    // if the element is currently being animated (to a fadeOut)...    
    if (fadeImg.is(':animated')) {      
      // ...take it's current opacity back up to 1      
      fadeImg.stop().fadeTo(300, 1);    
    } else {      
      // fade in quickly      
      fadeImg.fadeIn(300);    
    }  
    }, function () {    
    // on hovering out, fade the element out    
    var fadeImg = jQuery('> span', this);    
    if (fadeImg.is(':animated')) {      
      fadeImg.stop().fadeTo(300, 0);    
    } else {      
      // fade away slowly      
      fadeImg.fadeOut(300);    
    }  
  });
  
  
});


function scrollerArrowFade()
{
  // find the div.fade elements and hook the hover event
  jQuery('span.previousArrowButton, span.nextArrowButton').hover(function() {   
    
  jQuery(this).css('cursor', 'pointer' );
  
  // on hovering over, find the element we want to fade *up*    
    var fadeImg = jQuery('> span', this);   

    // if the element is currently being animated (to a fadeOut)...    
    if (fadeImg.is(':animated')) {      
      // ...take it's current opacity back up to 1      
      fadeImg.stop().fadeTo(300, 1);    
    } else {      
      // fade in quickly      
      fadeImg.fadeIn(300);    
    }  
    }, function () {    
    // on hovering out, fade the element out    
    var fadeImg = jQuery('> span', this);    
    if (fadeImg.is(':animated')) {      
      fadeImg.stop().fadeTo(300, 0);    
    } else {      
      // fade away slowly      
      fadeImg.fadeOut(300);    
    }  
  });
}

function shoppingCartFade()
{
  // find the div.fade elements and hook the hover event
  jQuery('span.buyOnline, span.printShoppingList, span.continueShopping').hover(function() {   
    
  jQuery(this).css('cursor', 'pointer' );
  
  // on hovering over, find the element we want to fade *up*    
    var fadeImg = jQuery('> span', this);   

    // if the element is currently being animated (to a fadeOut)...    
    if (fadeImg.is(':animated')) {      
      // ...take it's current opacity back up to 1      
      fadeImg.stop().fadeTo(300, 1);    
    } else {      
      // fade in quickly      
      fadeImg.fadeIn(300);    
    }  
    }, function () {    
    // on hovering out, fade the element out    
    var fadeImg = jQuery('> span', this);    
    if (fadeImg.is(':animated')) {      
      fadeImg.stop().fadeTo(300, 0);    
    } else {      
      // fade away slowly      
      fadeImg.fadeOut(300);    
    }  
  });
}