//jQuery.facebox("c = ");

function knrToggleTable(id) {
  table = document.getElementById(id);
  var rows=table.rows; var rowslen = rows.length;
  for(i=0;i<rowslen;i++) {
    if (rows[i].style.display=="none") rows[i].style.display="table-row";
    else rows[i].style.display="none";
  }
}

var month=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec");
var weekday=new Array("Sun","Mon","Tue","Wed","Thu","Fri","Sat");

function knrProcessEvent(){
try {
  var curLoc = "";
  var locShowNum = 0;
  var html = "<style>"+
             ".date-box {font-size: 13px; font-family: arial, sans-serif; line-height:1.25em; margin: 3px 3px;}\n"+
             ".date-box small {font-size: 11px; line-height:1.15em;}\n"+
            // ".date-box a {text-decoration:none;}\n"+
            // ".date-box a:hover {text-decoration:underline;}\n"+
             ".date-box h2, .date-box .h2 {font-size:18px;font-weight:bold;margin:0 0 0px 0;}\n"+
             ".date-box tr {vertical-align:top;}\n"+
             "h2.date-box-title {font-size: 21.25px; margin:0; font-weight:bold;}\n"+
             "h3.date-box-title {font-size: 18px; margin: 15px 0 0 0;font-weight:bold;}\n"+
             ".big-date-box {margin-right: 5px; text-align:center;}\n"+
             ".big-date-box .day-month {display:block;}\n"+
             ".big-date-box .day {display:block; font-size:2.25em; line-height:1.25em;}\n"+
             ".loc-box {}\n"+
             ".loc-box p {margin: 10px 0 10px 0;}\n"+
             "</style>\n\n"+

             "<h2 class=date-box-title>Upcoming Events</h2>";

 // html += "<pre></pre>";

  var obj = eval ("([])");
  var len = obj.length;
  if (!len) {
    html += "Nothing yet, but check back soon!"; //\n<h3 class='date-box-title'>Past Events</h3>\n";
    //var obj = eval ("()");
    //len=obj.length;
    var past=true;
  } //else {
    for(j=0;j<len;j++) {
      if (past&&j>=3) break;
      else if (j>=4) break;
      var i = past ? len-j-1 : j;

     // html += len;

     // var d = new Date(m);

      if (!i && len>1 && !past && curLoc) html += "<b>Nearest shows to "+curLoc+":\n</b>";
      else if ((i==locShowNum && !past && curLoc) || (!i && !curLoc)) html += "<b>Next show:</b>\n";
      html += "<table class='date-box' id='tbl"+i+"'>"+
              "<tr"+(i||past ? " style='display:none'" : "")+">"+
              "<td nowrap valign=top width=75 align=center>\n"+
              "<div class='big-date-box'>"+obj[i].bigDateBox+"</div>"+
              "</td>"+
              "<td class=loc-box>\n"+
              "<span class=h2><a href='javascript:calendarDetail(null, "+obj[i].id+")' >" + obj[i].name + "</a></span>\n"+
              (obj[i].artist ? "<span style='margin-bottom:12px; color: #666;'>"+obj[i].artist+"</span>" : "")+"<br/>\n"+
             // (obj[i].tourName && obj[i].venuename && obj[i].address ? "at <b>"+obj[i].venuename+"</b><br/>\n" : "")+
             // (obj[i].venuename && !obj[i].address ? "Private Engagement<br/>\n" : "")+
             // (obj[i].address ? obj[i].address+"<br/>\n" : "") +
              obj[i].city+"<br/>\n"+
              obj[i].time+" \n"+
              (i ? "<a href='javascript:;' style='font-size: 0.8em;' onClick='knrToggleTable(\"tbl"+i+"\")'>hide date</a>\n" : "\n") +
              "</td></tr>\n"; //<!--/ loc-box -->
      if (i||past) {
        //html += "<tr><td>"+
        html += "<tr style='cursor:pointer'"+ (i&&!past ? " onclick='knrToggleTable(\"tbl"+i+"\")'" : "") + "><td width=75 align=right>"+obj[i].smallDateBox+" &nbsp; </td><td>"+
               // (obj[i].tourName ? obj[i].tourName : obj[i].venuename)+(obj[i].artist ? "<span style='color: #666; font-size: 0.9em'>"+obj[i].artist+"</span>" : "")+"<br/>"+
                obj[i].name+(obj[i].artist ? "<span style='color: #666; font-size: 0.9em'>"+obj[i].artist+"</span>" : "")+"<br/>"+
                obj[i].city+
                "</td></tr>";
      }
      html += "</table>\n\n"; //<!--/ date-box -->
      html += "<div style='clear:all; height:1px;'></div>\n\n";
    }

 html += "<div style='margin: 0 5px 7px 0;'>"+
         (past ? "" : "<a href='http://www.kosi-sings.com/calendar.php' title=\"Kosi's Calendar\">more dates here...</a>")+
            '<p style="text-align:right; float:right; margin-top:5px;"><iframe src="https://www.bandsintown.com/artist/Kosi/track_button?size=small&display_tracker_count=true&text_color=%23FFFFFF&background_color=%23aabbdd&hover_color=%2390a7d3" height="25" width="165" scrolling="no" frameborder="0" style="border:none; overflow:hidden"; allowtransparency="true" ></iframe></p>'+
            "<div style='clear:both;'></div></div>\n";
 // }

  document.getElementById("knr-cal-extension").innerHTML=html;
} catch(e) {
  //document.getElementById("knr-cal-extension").innerHTML=e.message;
  alert(e.message);
}
}

knrProcessEvent();