document.observe('dom:loaded', function() {
    
    
    
    
    month = $F('curr_month');
    
    if (month == 'January'){
      month_num = 0;
   }
   if (month == 'February'){
      month_num = 1;
   }
   if (month == 'March'){
      month_num = 2;
   }
   if (month == 'April'){
      month_num = 3;
   }
   if (month == 'May'){
      month_num = 4;
   }
   if (month == 'June'){
      month_num = 5;
   }
   if (month == 'July'){
      month_num = 6;
   }
   if (month == 'August'){
      month_num = 7;
   }
   if (month == 'September'){
      month_num = 8;
   }
   if (month == 'October'){
      month_num = 9;
   }
   if (month == 'November'){
      month_num = 10;
   }
   if (month == 'December'){
      month_num = 11;
   }
   
   
   function show_description(id, extended_id, date) {
      if ($('event_description')){
         $('event_description').remove();
      }
      
      var d = new Date();
      d.setDate(date);
      d.setMonth(month_num);
      
      
      if (d.getDay() == 6 || d.getDay() == 5){
         posL = Element.cumulativeOffset(extended_id).left -600;
      } else {
         posL = Element.cumulativeOffset(extended_id).left -50;   
      }
        posT = Element.cumulativeOffset(extended_id).top -220;
        
        
      
      
     ajax_object = new Ajax.Updater('event_description','get_description.php', {
               method: 'get',
               parameters: {id: id},
               onLoading: function() {
      
                  var content = '<img src="images/loading.gif" />';
                  
                  var ajax_loader = new Element('div', {id: 'ajax_loader', lang: 'en'});
                  
                  document.appendChild(ajax_loader);
                  $('ajax_loader').innerHTML = content;
                  $('ajax_loader').setStyle({position: 'absolute', top: posT+'px', left: posL+'px', padding: '50px 140px 50px 140px'});
                  
               },
               onLoaded: function(){
                if ($('ajax_loader')){
                    $('ajax_loader').remove();
                }
               },
               onSuccess: function(transport){
                if($('ajax_loader')){
                    $('ajax_loader').remove();
                }
                
                  var description = transport.responseText;
                  
                        var event_description = new Element('div', {id: 'event_description', lang: 'en'})
            event_description.appendChild(document.createTextNode(description));
      $('content_wrapper').appendChild(event_description);
      $('event_description').setStyle({position: 'absolute', top: posT+'px', left: posL+'px', background: '#DAE0D2', width: '300px', padding: '5px', color: '#476735', border: '2px solid #000000'});
        
     new Effect.Highlight('event_description', {startcolor: '#ffffff', endcolor: '#DAE0D2', duration: '.5'});
                  
               },
               onFailure: function() {
                  alert('Something went wrong');
               }
         });
     
   }
    
    
       function remove_description() {
      
      if(Ajax.activeRequestCount > 0){
         ajax_object.abort();
      }
      
      if($('ajax_loader') != null){
         $('ajax_loader').remove();
      }
      
      if($('event_description') != null){
         new Effect.DropOut('event_description',{duration: '.5'});
      }

    
   }
    
    
    //********* EVENT LISTENERS
        //************ MOUSE OVERS
    
    $('1').observe('mouseover', function(){show_description($('1_id').value, $('1'), 1); });
        $('2').observe('mouseover', function(){show_description($('2_id').value, $('2'), 2); });
        $('3').observe('mouseover', function(){show_description($('3_id').value, $('3'), 3); });
        $('4').observe('mouseover', function(){show_description($('4_id').value, $('4'), 4); });
        $('5').observe('mouseover', function(){show_description($('5_id').value, $('5'), 5); });
        $('6').observe('mouseover', function(){show_description($('6_id').value, $('6'), 6); });
        $('7').observe('mouseover', function(){show_description($('7_id').value, $('7'), 7); });
        $('8').observe('mouseover', function(){show_description($('8_id').value, $('8'), 8); });
        $('9').observe('mouseover', function(){show_description($('9_id').value, $('9'), 9); });
        $('10').observe('mouseover', function(){show_description($('10_id').value, $('10'), 10); });
        $('11').observe('mouseover', function(){show_description($('11_id').value, $('11'), 11); });
        $('12').observe('mouseover', function(){show_description($('12_id').value, $('12'), 12); });
        $('13').observe('mouseover', function(){show_description($('13_id').value, $('13'), 13); });
        $('14').observe('mouseover', function(){show_description($('14_id').value, $('14'), 14); });
        $('15').observe('mouseover', function(){show_description($('15_id').value, $('15'), 15); });
        $('16').observe('mouseover', function(){show_description($('16_id').value, $('16'), 16); });
        $('17').observe('mouseover', function(){show_description($('17_id').value, $('17'), 17); });
        $('18').observe('mouseover', function(){show_description($('18_id').value, $('18'), 18); });
        $('19').observe('mouseover', function(){show_description($('19_id').value, $('19'), 19); });
        $('20').observe('mouseover', function(){show_description($('20_id').value, $('20'), 20); });
        $('21').observe('mouseover', function(){show_description($('21_id').value, $('21'), 21); });
        $('22').observe('mouseover', function(){show_description($('22_id').value, $('22'), 22); });
        $('23').observe('mouseover', function(){show_description($('23_id').value, $('23'), 23); });
        $('24').observe('mouseover', function(){show_description($('24_id').value, $('24'), 24); });
        $('25').observe('mouseover', function(){show_description($('25_id').value, $('25'), 25); });
        $('26').observe('mouseover', function(){show_description($('26_id').value, $('26'), 26); });
        $('27').observe('mouseover', function(){show_description($('27_id').value, $('27'), 27); });
        $('28').observe('mouseover', function(){show_description($('28_id').value, $('28'), 28); });
        $('29').observe('mouseover', function(){show_description($('29_id').value, $('29'), 29); });
        $('30').observe('mouseover', function(){show_description($('30_id').value, $('30'), 30); });
        if ($('31')){
            $('31').observe('mouseover', function(){show_description($('31_id').value, $('31'), 31); });
        }

    //********* Mouseouts
        $('1').observe('mouseout', remove_description);
        $('2').observe('mouseout', remove_description);
        $('3').observe('mouseout', remove_description);
        $('4').observe('mouseout', remove_description);
        $('5').observe('mouseout', remove_description);
        $('6').observe('mouseout', remove_description);
        $('7').observe('mouseout', remove_description);
        $('8').observe('mouseout', remove_description);
        $('9').observe('mouseout', remove_description);
        $('10').observe('mouseout', remove_description);
        $('11').observe('mouseout', remove_description);
        $('12').observe('mouseout', remove_description);
        $('13').observe('mouseout', remove_description);
        $('14').observe('mouseout', remove_description);
        $('15').observe('mouseout', remove_description);
        $('16').observe('mouseout', remove_description);
        $('17').observe('mouseout', remove_description);
        $('18').observe('mouseout', remove_description);
        $('19').observe('mouseout', remove_description);
        $('20').observe('mouseout', remove_description);
        $('21').observe('mouseout', remove_description);
        $('22').observe('mouseout', remove_description);
        $('23').observe('mouseout', remove_description);
        $('24').observe('mouseout', remove_description);
        $('25').observe('mouseout', remove_description);
        $('26').observe('mouseout', remove_description);
        $('27').observe('mouseout', remove_description);
        $('28').observe('mouseout', remove_description);
        $('29').observe('mouseout', remove_description);
        $('30').observe('mouseout', remove_description);
        if ($('31')) {
            $('31').observe('mouseout', remove_description);
        }

//********* End Event Listeners **********\\
    
    
    
});