title: How do I use the 'eventMouseout' callback in FullCalendar?
body: <p>I'm trying to make it so that when you put your mouse over an event in my calendar it changes color. I can do that and it works, but the events are different colors and I only know how to make the events turn back to one color, not more than one. So, even though I have red, blue, and green events they only turn red after you put your mouse over them. I only want the events with the id "rto" to turn red, so how would I accomplish that?</p>
  
  <pre><code>&lt;script type='text/javascript'&gt;
  
  $(document).ready(function() {
  
       var cal = $('#calendar')
  
     cal.fullCalendar({
      eventSources: [
  
          {
              url: "...",
              borderColor: 'green',
              id: "events",
          },
          {
              url: "...",
              borderColor: 'red',
              id: "rto",
          },
          {
              url: "...",
              borderColor: 'blue',
              id: "goals",
          },
                      ],
  
  eventMouseover: function(){
  
              $(this).css('border-color', 'orange');
  
          },
  eventMouseout: function() { 
  
              $(this).css('border-color', 'red');
  
          }
      }); 
  });
  </code></pre>
  
  <p>This is how you use the function: function( event, jsEvent, view ) { }</p>