if(typeof Prototype == 'undefined') {
  document.write('<script type="text/javascript" src="http://www.mypunchbowl.com/javascripts/prototype.js"></script>');
}

mpb_title_1           = typeof mpb_title_1 == 'string' ? mpb_title_1 : '';
mpb_title_2           = typeof mpb_title_2 == 'string' ? mpb_title_2 : '';
mpb_title_color       = typeof mpb_title_color == 'string' ? mpb_title_color : '#ffffff';
mpb_title_bg_color    = typeof mpb_title_bg_color == 'string' ? mpb_title_bg_color : '#71b5cf';
mpb_text_color        = typeof mpb_text_color == 'string' ? mpb_text_color : '#575757';
mpb_border_color      = typeof mpb_border_color == 'string' ? mpb_border_color : '#bddce2';
mpb_background_color  = typeof mpb_background_color == 'string' ? mpb_background_color : '#fffbef';
mpb_font              = typeof mpb_font == 'string' ? mpb_font : "Times New Roman";
mpb_width             = typeof mpb_width == 'string' ? mpb_width : '170px';
mpb_count             = typeof mpb_count == 'string' ? mpb_count : '10';

document.write("<div id='mpb_box' style='width: "+mpb_width+"; margin: 0 auto;'><div id='mpb_box_2' style='margin: 1px; padding: 0px; '><div id='mpb_widget' style='color: "+mpb_text_color+"; font: 14px \"Trebuchet MS\"; margin: 0 auto;'>");
document.write("</div><div id='mpb_footer' style='background-color: #ffffff; margin: 0 auto; font-size: 80%; color: "+mpb_title_color+"; text-align: center; padding: 3px; padding-bottom: 8px;'><a href='http://www.mypunchbowl.com/'><img src='http://www.mypunchbowl.com/images/widget_powered.png' style='border: 0px;'></a><br/><a href='http://www.mypunchbowl.com/widget' target='blank' style='color: blue;'>Get Your Own</a></div></div></div>");

function mpb_widget() {
  if (!$('mpb_box')) setTimeout(function() { mpb_widget(); }, 200);
  
  var months = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];
  
  $('mpb_box').style.width = mpb_width;
  $('mpb_box').style.border = "1px solid "+mpb_border_color;
  $('mpb_box_2').style.border = "2px solid "+mpb_border_color;
  $('mpb_widget').style.color = mpb_text_color;
  $('mpb_footer').style.color = mpb_title_color;

  $('mpb_widget').innerHTML = '';
  $('mpb_widget').insert("<div style='border-bottom: 3px double "+mpb_border_color+"; color: "+mpb_title_color+"; text-align: center; font-family: "+mpb_font+"; padding: 5px; background-color: "+mpb_title_bg_color+"; margin: 0 auto;'><div style='margin: 0 auto; text-align: left; line-height: 10px; font-size: 110%;'>"+mpb_title_1+"</div><div style='text-align: right; font-size: 160%;'>"+mpb_title_2+"</div></div>");
  $('mpb_widget').insert("<div id='mpb_reasons' style='background-color: "+mpb_background_color+"; font-family: "+mpb_font+"; padding: 5px; margin: 0 auto;'><table style='font-size: 90%;' cellpadding='0' cellspacing='2' border='0'><tbody> </tbody></table></div>");
  
  var cur_month = null;
  var month = 99;
  sliced_reasons = reasons.slice(0,mpb_count);
  
  sliced_reasons.each(function(reason){
    var date = new Date(reason['calendar_date']);
    var human_date = date.getDate();
    cur_month = date.getMonth();
    
    if(cur_month != month) {
      $('mpb_reasons').down('tbody').insert("<tr class='mpb_tr'><td colspan='3' style='padding-top: 4px; text-align: left; font-weight: bold;'>"+months[cur_month]+"</td></tr>");
    }
    
    $('mpb_reasons').down('tbody').insert("<tr class='mpb_tr'>");
    $$('.mpb_tr').last().insert("<td width='5px' height='17px;'></td>");
    $$('.mpb_tr').last().insert("<td width='16px' align='left' style='text-align: center; font-family: \"Times New Roman\"; font-size: 10px; color: #363636; background: url(http://www.mypunchbowl.com/images/empty_calendar_icon.gif) no-repeat; line-height: 10px; padding-top: 6px; font-weight: bold; vertical-align: top;'>" + human_date + "</td>");
    $$('.mpb_tr').last().insert("<td align='left' style='text-align: left; padding-left: 4px;'><a href='http://www.mypunchbowl.com' target='blank' style='color: "+mpb_text_color+"; text-decoration: none;'>" + reason['event_title'].truncate(19, '..') + "</a></td>");
    
    month = date.getMonth();
  });
}

// setTimeout(function() {
//   mpb_widget();
// }, 500);