/ElmcityAdmin/elmcity-1.17.js

var host = 'http://elmcity.cloudapp.net/';
var blobhost = 'http://elmcity.blob.core.windows.net/';
var anchor_names = [];
var today = new Date();
var last_day;
var datepicker = false;
//var is_mobile = false;
//var is_mobile_declared = false;
//var is_mobile_detected = false;
var is_eventsonly = false;
var is_bare_events = false;
var is_theme = false;
var is_view = false;
var is_sidebar = true;
var show_images = true;
var hide_maps = true;
var top_method = 0; // for use in position_sidebar
var default_args = {};
var last_available_day = null;
var can_load_events;
var metadata;

var $j = jQuery.noConflict();

var redirected_hubs = [ 'AnnArborChronicle'];
var redirected_hubs_dict = { 'AnnArborChronicle':'events.annarborchronicle.com' };

var category_images = {};
var source_images = {};

function get_top_elt_top() {
  try
    {
    var top_elt_top = $j('#' + top_element)[0].getClientRects()[0].top;
    }
  catch (e)
    {
    console.log(e.message);
    top_elt_top = 0;
    }
  return top_elt_top;
}

function position_sidebar(top_element)
  {

  if ( is_eventsonly ) 
    return;

  var top_elt_top = get_top_elt_top();

  var top = top_elt_top < 0 ? 0 : top_elt_top;

  $j('#sidebar').css('position','fixed').css('top',top);

  var date_str = find_current_name().replace('d','');
  var parsed = parse_yyyy_mm_dd(date_str)
  $j('#datepicker').datepicker('setDate', new Date(parsed['year'], parsed['month']-1, parsed['day']));
  apply_datepicker_styles();

  }


function on_load()
  {
  }


function get_elmcity_id()
  {
  return $j('#elmcity_id').text().trim();
  }

function get_view()
  {
  return $j('#view').text().trim();
  }

function get_selected_hub()
  {
  return  $j('#hub_select option:selected').val();
  }

function get_generated_hub()
  {
  return $j('#hub').text().trim();
  }


function gup( name )
  {  
  var value = default_args[name];
  if ( value == null ) value = '';

  name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");  
  var regexS = "[\\?&]"+name+"=([^&#]*)";  
  var regex = new RegExp( regexS );  
  var results = regex.exec( window.location.href );   
  if( results != null )    
    value = results[1].replace(/%20/,' ');

  return value;
  }

function parse_yyyy_mm_dd(date_str)
  {
    var match = /(\d{4,4})(\d{2,2})(\d{2,2})/.exec(date_str);
    return { year: match[1], month: match[2], day: match[3] }
  }

function parse_mm_dd_yyyy(date_str)
  {
  var match = /(\d{2,2})\/(\d{2,2})\/(\d{4,4})/.exec(date_str);
  return { month: match[1], day: match[2], year: match[3] }
  }

function parse_yyyy_mm_dd_T_hh_mm(date_str)
  {
  var match = /(\d{4,4})-(\d+)-(\d+)T(\d+):(\d+)/.exec(date_str);
  return { year: match[1], month: match[2], day: match[3], hour: match[4], minute: match[5] }
  }


function scroll(event) {

  if ( is_eventsonly )
    return;

  position_sidebar(top_element);

  }

function resize(event) {

position_sidebar(top_element);

}


function style_current_date() {
}
 
function find_last_day()
  {
  try
    {
    var last_anchor = anchor_names[anchor_names.length - 1];
    var parsed = parse_yyyy_mm_dd(last_anchor.replace('d',''));
    return new Date(parsed['year'], parsed['month'] - 1, parsed['day']);
    }
  catch (e)
    {
    return new Date();
    }
  }

function get_anchor_names(anchors)
  {
  var anchor_names = [];
  for (var i = 0; i < anchors.length; i++)
    {
    anchor_names.push(anchors[i].name);
    }
  return anchor_names;
  }

function day_anchors()
  {
  return $j('a[name^="d"]');
  }


function find_current_name()
  {
  if ( is_eventsonly ) 
    return;

//  console.log("find_current_name");

  try
    {
    var before = [];
    var datepicker_top = $j("#datepicker")[0].getClientRects()[0].top;
    var datepicker_bottom = $j("#datepicker")[0].getClientRects()[0].bottom;
    var datepicker_height = datepicker_bottom - datepicker_top;
    var datepicker_center = datepicker_top + ( datepicker_height / 2 );
    var anchors = day_anchors();
    for (var i = 0; i < anchors.length; i++)
      {
      var anchor = anchors[i];
      var anchor_top = anchor.getClientRects()[0].top;
      if ( anchor_top < datepicker_center )
        before.push(anchor.name);
      else
        break;
      }
    var ret = before[before.length-1];
    if ( typeof ret == 'undefined' )
      ret = anchors[0].name;
    }
 catch (e)
    {
     console.log("find_current_name: " + e.message);
    }
  return ret;
  }


$j(window).scroll(function(event) {
  scroll(event);
});

$j(window).resize(function(event) {
  console.log('resize');
  resize(event);
});


function prep_day_anchors_and_last_day()
  {
  var anchors = day_anchors();
  anchor_names = get_anchor_names(anchors);
  last_day = find_last_day();
  }


function setup_datepicker()
  {
  if ( is_eventsonly && ! is_bare_events ) 
     return;
//  console.log("setup_datepicker");

  prep_day_anchors_and_last_day();

  $j('#datepicker').datepicker({  
            onSelect: function(dateText, inst) { goDay(dateText); },
            onChangeMonthYear: function(year, month, inst) { goMonth(year, month); },
            minDate: today,
            maxDate: last_available_day,
            hideIfNoPrevNext: true,
            beforeShowDay: maybeShowDay
        });

  apply_datepicker_styles();

  $j('#sidebar').css('visibility','visible');
  $j('#datepicker').css('visibility','visible');
  $j('#tags').css('visibility','visible');

  }

function ready()
{
  var elmcity_id = get_elmcity_id();

  load_category_images(elmcity_id);

  load_source_images(elmcity_id);

  is_theme = gup('theme') != '';

  var view = gup('view');

  is_view = view != '';

  is_eventsonly = gup('eventsonly').startsWith('y');

  is_bare_events = gup('bare_events').startsWith('y');

  if ( is_eventsonly ) {
    show_images = false; // default to no images for eventsonly views
    }
  else {
    show_images = true;  // default to show images for full views
  }

  if ( gup('show_images').startsWith('n') ) // optionally override to false
    show_images = false;

  if ( gup('show_images').startsWith('y') ) // optionally override to true
    show_images = true;

  if ( gup('hide_maps').startsWith('n') ) // optionally override to false
    hide_maps = false;

//  is_mobile_declared = gup('mobile').startsWith('y');
//  is_mobile_detected = $j('#mobile_detected').text().trim() == "__MOBILE_DETECTED__";
//  is_mobile = is_mobile_declared || is_mobile_detected;

  if ( is_eventsonly )                     
    $j('.bl').css('margin-right','3%');       // could overwrite theme-defined?

  is_sidebar = ! is_eventsonly;

  if ( gup('hubtitle').startsWith('n') )
      $j('.hubtitle').remove();

  if ( gup('tags').startsWith('n') )
    $j('.cat').remove();

  if ( gup('tags').startsWith('hide') ) // keep them invisibly for use with image display
    $j('.cat').css('display','none');

  if ( is_view && is_sidebar )
    try {
      var href = $j('#subscribe').attr('href');
      href = href.replace('__VIEW__', gup('view'));
      $j('#subscribe').attr('href',href);
      $j('#subscribe').text('subscribe');
      }
    catch (e) {
      console.log('cannot activate subscribe link');  
      }

  if ( gup('timeofday') == 'no' )
    $j('.timeofday').remove();

  if ( gup('datestyle') != '' )
    apply_json_css('.ed', 'datestyle');

  if ( gup('itemstyle') != '' )
    apply_json_css('.bl', 'itemstyle');

  if ( gup('titlestyle') != '' )
    apply_json_css('.ttl', 'titlestyle');

  if ( gup('linkstyle') != '' )
    apply_json_css('.ttl a', 'linkstyle');

  if ( gup('dtstartstyle') != '' )
    apply_json_css('.st', 'dtstartstyle');

  if ( gup('sd') != '' )
    apply_json_css('.sd', 'sd');

  if ( gup('atc') != '' )
    apply_json_css('.atc', 'atc');

  if ( gup('cat') != '' )
    apply_json_css('.cat', 'cat');

  if ( gup('sourcestyle') != '' )
    apply_json_css('.src', 'sourcestyle');

//  remember_or_forget_days();

//  adjust_openers();

  show_category_image_under_picker();

  try {
    metadata = JSON.parse($j('#elmcity_metadata').text());
    last_available_day = new Date (metadata["last_available_day"]);
    last_available_day.addDays(1);
    can_load_events = metadata["days"].filter( function(x) { return anchor_names.indexOf(x) == -1 } )
  }
  catch (e) {
    console.log('cannot process metadata');
    }

  if ( is_sidebar ) 

    setup_datepicker(); 
    
    position_sidebar();

//    $j('a[title="see details"]').removeAttr('target');

}


$j(document).ready(function()
{
ready();
});


function apply_json_css(element,style)
  {
  try 
    {
    var style = decodeURIComponent(gup(style));
    style = style.replace(/'/g,'"');
    $j(element).css(JSON.parse(style));
    }
  catch (e)
    {
    console.log(e.message);
    }
  }

function scrollToElement(id) 
  {
  if ( $j('#'+ id).length )
    window.scrollTo(0, $j('#' + id).offset().top);
  }


function getDateStr(date) {
  var year = date.getFullYear();
  var month = maybeZeroPad(date.getMonth() + 1);
  var day = maybeZeroPad(date.getDate());
  return "d" + year + month + day;
}

function hasLoadedEvents(date_str) {
  return $j.inArray(date_str, anchor_names) == -1 ? false : true;
}

function canLoadEvents(date_str) {
  return $j.inArray(date_str, can_load_events) == -1 ? false : true;
}

function maybeShowDay(date) {
  var date_str = getDateStr(date);
  var style;
  var d = new Date();
  var today = new Date(d.getFullYear(), d.getMonth(), d.getDate());
  var has_loaded_events = hasLoadedEvents(date_str);
  var can_load_events = canLoadEvents(date_str);
  var tooltip = '';
  if (   
       date < today || 
       ( last_available_day != null && date > last_available_day ) ||
       ( ! hasLoadedEvents(date_str) && ! canLoadEvents(date_str) )
      )
    style = "ui-state-disabled"; 
  else if ( has_loaded_events && is_today(date) ) {
    style = 'cal_day is_today has_loaded_events';
    }
  else {
     var tooltip_date_str = date.toDateString();
     if ( has_loaded_events ) {
       style = 'cal_day has_loaded_events';
       tooltip = "go to " + tooltip_date_str 
       }
     else if ( can_load_events) {
       style = 'cal_day can_load_events'; 
       tooltip = "load events for " + tooltip_date_str;
       }
     }

  return [true, style, tooltip];
  }

function apply_datepicker_styles() {
//  $j('#datepicker').datepicker('refresh');

  $j('.cal_day a').css('font-weight','bold').css('color','darkgreen');
  $j('.is_today a').css('text-decoration','underline');
  $j('.has_loaded_events a').css('color','darkgreen').css('font-weight:bold');
  $j('.can_load_events a').css('font-style','italic').css('color','black').css('font-weight','normal');
  $j('.ui-datepicker-current-day a').css('border-color','darkgreen').css('border-width','thin');

  $j('td .cal_day a').removeClass('ui-state-default');
  $j('td .cal_day a').removeClass('ui-state-active');

  $j('td.ui-state-disabled').removeAttr('onclick');
  $j('td.ui-state-disabled a').removeAttr('href');
}

function is_today(date) {
  var now = new Date();
  return ( now.getYear() == date.getYear() && now.getMonth() == date.getMonth() && now.getDate() == date.getDate() );
}

function goDay(date_text)
  {
  var parsed = parse_mm_dd_yyyy(date_text)
  var year = parsed['year'];
  var month = parsed['month'];
  var day = parsed['day'];
  var date_str = 'd' + year + month + day;
  var has_loaded_events = hasLoadedEvents(date_str);
  if (!has_loaded_events)
     load_events_for_date(year, month, day); 
  else
     scrollToElement(date_str);
  setTimeout('apply_datepicker_styles()',100);
  }

function goMonth(year, month)
  {
  month = maybeZeroPad(month.toString());
  var id = $j('h1[id^="d' + year + month + '"]').attr('id')
//  scrollToElement(id);
  setTimeout('apply_datepicker_styles()',100);
  }

function maybeZeroPad(str)
  {
  str = str.toString();
  if ( str.length == 1 ) str = '0' + str;
  return str;
  }

function remove(array, str)
   {
    for(var i=0; i<array.length; i++) 
      {
      if ( array[i] == str || array[i].startsWith(str) ) 
        {
        array.splice(i, 1);
        break;
        }
      }
   }

Date.prototype.addDays = function(days) {
    this.setDate(this.getDate()+days);
} 

String.prototype.replaceAt=function(index, char) {
    return this.substr(0, index) + char + this.substr(index+char.length);
}

String.prototype.startsWith = function (str){
    return this.indexOf(str) == 0;
};

String.prototype.contains = function (str){
    return this.indexOf(str) != -1;
};

String.prototype.endsWith = function (str){
    return this.indexOf(str) == this.length - str.length - 1;
};

if(!String.prototype.trim) {
  String.prototype.trim = function () {
    return this.replace(/^\s+|\s+$/g,'');
  };
}


function case_insensitive_sort(a, b) 
  {
  var x = a.toLowerCase();
  var y = b.toLowerCase();
  return ((x < y) ? -1 : ((x > y) ? 1 : 0));
  }

function make_path(view)
  {
  var path;
  var elmcity_id = get_elmcity_id();
  if ( view == undefined )
    {
    var selected = $j('#tag_select option:selected').val();
    view = selected.replace(/\s*\((\d+)\)/,'');
    path = make_view_path_from_picklist(view, elmcity_id);
    }
  else
    {
    path = make_view_path_from_view(view, elmcity_id);
    }

  if ( gup('tags') != '')
    path = add_href_arg(path,'tags',gup('tags') );

  if ( gup('test') != '')
    path = add_href_arg(path,'test',gup('test') );

  if ( gup('theme') != '')
    path = add_href_arg(path,'theme',gup('theme') );

  if ( gup('count') != '')
    path = add_href_arg(path,'count',gup('count') );

  if ( gup('hubtitle') != '')
    path = add_href_arg(path,'hubtitle',gup('hubtitle') );

  if ( gup('eventsonly') != '')
    path = add_href_arg(path,'eventsonly',gup('eventsonly') );

  if ( gup('template') != '')
    path = add_href_arg(path,'template',gup('template') );

  if ( gup('jsurl') != '')
    path = add_href_arg(path,'jsurl',gup('jsurl') );

  if ( gup('hub') != '') 
    path = add_href_arg(path,'hub', get_selected_hub() );

  return path;
  }

function show_view(view)
  {
  var elmcity_id = get_elmcity_id();

  var path = make_path(view);

  location.href = path;
  }

function make_view_path_from_view(view, elmcity_id)
  {
  var path;
  if ( redirected_hubs.indexOf(elmcity_id) == -1 )
    path = '/' + elmcity_id + '/?view=' + encodeURIComponent(view);
  else
    path = '/html?view=' + encodeURIComponent(view);
  return path;
  }

function make_view_path_from_picklist(view, elmcity_id)
  {
  var path;
  if ( redirected_hubs.indexOf(elmcity_id) == -1 )
    {
    if ( view == 'all' )
      path = '/' + elmcity_id + '/';
    else
      path = '/' + elmcity_id + '/?view=' + encodeURIComponent(view);
    }
  else
    {
    if ( view == 'all' )
      path = '/html' + '/';
    else
      path = '/html?view=' + encodeURIComponent(view);
    }
  return path;
  }


function remove_href_arg(href, name)
  {
  var pat = eval('/[\?&]*' + name + '=[^&]*/'); 
  href = href.replace(pat,'');
  if ( (! href.contains('?')) && href.contains('&') )
    href = href.replaceAt(href.indexOf('&'),'?');
  return href;
  }

function add_href_arg(href, name, value)
  {
  href = remove_href_arg(href,name);
  if ( href.contains('?') )
    href = href + '&' + name + '=' + value;
  else
    {
    href = href + '?' + name + '=' + value;
    }
  return href;
  }


function dismiss_menu(id)
{
var elt = $j('#' + id);
elt.find('.menu').remove();
}

function get_add_to_cal_url(id,flavor)
{
var elt = $j('#' + id);
var start = elt.find('.st').attr('content');
var end = ''; // for now
var url = elt.find('.ttl').find('a').attr('href');
var summary = get_summary(id);
var description = elt.find('.src').text();
var location = ''; // for now

var elmcity_id = get_elmcity_id();

var service_url = host + 'add_to_cal?elmcity_id=' + elmcity_id + 
                            '&flavor=' + flavor + 
                            '&start=' + encodeURIComponent(start) + 
                            '&end=' + end +
                            '&summary=' + encodeURIComponent(summary) +
                            '&url=' + encodeURIComponent(url) +
                            '&description=' + encodeURIComponent(description) +
                            '&location=' + location;
return service_url;
}


function add_to_google(id)
{
try
  {
  var service_url = get_add_to_cal_url(id, 'google');
  $j('.menu').remove();
//  console.log('redirecting to ' + service_url);
//  location.href = service_url;
  window.open(service_url, "add to google");
  }
catch (e)
  {
  console.log(e.message);
  }
}

function add_to_hotmail(id)
{
var service_url = get_add_to_cal_url(id, 'hotmail');
$j('.menu').remove();
location.href = service_url;
}

function add_to_ical(id)
{
var service_url = get_add_to_cal_url(id, 'ical');
$j('.menu').remove();
location.href = service_url;
}

function add_to_facebook(id)
{
var service_url = get_add_to_cal_url(id, 'facebook');
$j('.menu').remove();
location.href = service_url;
}


function add_to_cal(id)
{
elt = $j('#' + id);
quoted_id = '\'' + id + '\'';
elt.find('.menu').remove();
elt.append(
  '<ul class="menu">' + 
  '<li><a title="add this event to your Google calendar" href="javascript:add_to_google(' + quoted_id + ')">add to Google Calendar</a></li>' +
  '<li><a title="add this event to your Hotmail calendar" href="javascript:add_to_hotmail(' + quoted_id + ')">add to Hotmail Calendar</a></li>' +
  '<li><a title="add to your Outlook, Apple iCal, or other iCalendar-aware desktop calendar" href="javascript:add_to_ical(' + quoted_id + ')">add to iCal</a></li>' +
  '<li><a title="add to Facebook (remind yourself and invite friends with 1 click!)" href="javascript:add_to_facebook(' + quoted_id + ')">add to Facebook</a></li>' +
  '<li><a title="dismiss this menu" href="javascript:dismiss_menu(' + quoted_id + ')">cancel</a></li>' + 
  '</ul>'
  );
}

var current_id;
var current_source;

function active_description(description) {

var template = '<div id="__ID___desc" style="overflow:hidden;text-indent:0;border-style:solid;border-width:thin;padding:8px;margin:8px">__CLOSER__ __IMAGES__ <div style="clear:both"><hr width="100%"><span class="desc">__LOCATION_AND_DESCRIPTION__</span>__MAP__<div>__UPCOMING__</div>__SOURCE__</div></div>';

if ( $j('#' + current_id + '_desc').length > 0 )
  return;

template = template.replace('__ID__', current_id);

var orig_length = description.length;

description = description.replace(/<br>\s+/g, '<br>')
description = description.replace(/(<br>)\1+/g, '<br><br>')

template = template.replace('__LOCATION_AND_DESCRIPTION__',description);

quoted_id = '\'' + current_id + '\'';

var cat_images = "";

var source_image = "";

var all_images = new Array();

// build html for source image

try {
  var img_url = source_images[current_source];
    if ( typeof (img_url) != 'undefined' && img_url.contains('NoCurrentImage') == false )
      source_image += '<a title="source: ' + current_source + '"><img alt="' + current_source + '" style="float:left;margin:8px;width:100px" src="' + img_url + '"></a>'
  }
catch (e) {
  console.log(e.message);
  }

// build html for catgory images

try {
  var cats = $j('#' + current_id + ' .cat a').slice(0,2);
  for ( i = 0; i < cats.length; i++ )
    {
    var cat = cats[i].firstChild.textContent;

    if ( cat == 'facebook' )
      continue;
   
    var img_url = category_images[cat];
    if ( typeof (img_url) != 'undefined' && img_url.contains('NoCurrentImage') == false )
      {
      var href = location.href;
      href = add_href_arg(href, 'view', cat);
      href = remove_href_arg(href, 'show_desc');
      var message;
      var href_html;
      if ( gup('view') != cat )
         {
         message = 'switch to the ' + cat + ' category';
         href_html = 'href="' + href + '" ';
         }
      else
         {
         message = 'current category: ' + cat;
         href_html = ' ';
         }
      cat_images += '<a title="' + message + '"' + href_html + '><img alt="' + cat + '" style="float:left;margin:8px;width:100px;border-style:solid;border-width:thin;border-color:slategray" src="' + img_url + '"></a>';
      }
    }
  }
catch (e) {
  console.log(e.message);
  }

if ( show_images && ( source_image != '' || category_images != '' ) ) {
  template = template.replace('__IMAGES__', source_image + cat_images);
  }
else {
  template = template.replace('__IMAGES__','');
  }

//s.match( /(\d+-\d+-)(\d+)(T\d+:\d+)/ )
//["2013-10-07T19:00", "2013-10-", "07", "T19:00"]


try {
  var lat = $j('#' + current_id + ' span[property="v:latitude"]').attr('content');
  var lon = $j('#' + current_id + ' span[property="v:longitude"]').attr('content');
  if ( typeof (lat) != 'undefined' && typeof(lon) != 'undefined' ) {
    var date = get_md(current_id) + ' ' + get_st2(current_id);
    var title = get_summary(current_id);
    var map_url = host + 'get_blob?id=admin&path=map_detail.html?lat=' + lat + '&lon=' + lon + '&title=' + encodeURIComponent(title) + '&date=' + encodeURIComponent(date);
    var map_display = 'none';
    if ( ! hide_maps )
      map_display = "block";
    var iframe = '<iframe style="display:__DISPLAY__;margin-top:20px" src="' + map_url + '" width="100%" height="400" scrolling="no" seamless="seamless"></iframe>';
    iframe = iframe.replace('__DISPLAY__', map_display);

    var map_opener = '<p class="elmcity_info_para"><b>Map:</b></p><p class="elmcity_info_para" id="' + current_id + '_map_opener'  + '"><a href="javascript:reveal_map(current_id)"><img style="border-style:solid;border-width:thin" title="click to enlarge map" src="' + blobhost + 'admin/map_icon.jpg' + '"></a></p>';
    if ( ! hide_maps )
      map_opener = '';

    template = template.replace('__MAP__', map_opener + iframe);
    }
  else
    template = template.replace('__MAP__', '');
  }
catch (e) {
  console.log(e.message);
  }

// build the closer

var x = '<span style="font-size:larger;float:right;"><a title="hide description" href="javascript:hide_desc(' + quoted_id + ')"> [X] </a> </span>';

template = template.replace('__CLOSER__', x);

// acquire upcoming events from source

var elmcity_id = get_elmcity_id();

var from_dt = get_dtstart(current_id);

var to_dt = '3000-01-01T00:00'; // just a date far in future, the count arg will trim the results

if ( $j('#' + current_id + ' .src').text() != '' ) {  // skip if coalesced

template = template.replace('__UPCOMING__', '<p style="display:none" id="' + current_id + '_upcoming"></p>');

var redirected_host = get_redirected_host();

var url= redirected_host + '/json?source=' + current_source + '&from=' + from_dt + '&to=' + to_dt + '&count=4';

try {
$j.ajax({
       url: url,
       cache: false,
       complete: function(xhr, status) { 
           try {
            var upcoming = JSON.parse(xhr.responseText);
            if ( $j.keys(upcoming).length > 0 ) {
               var fn = 'show_upcoming_html("' + current_id + '",' +  xhr.responseText + ')';
               window.setTimeout(fn, 0);
               }
           }
           catch (e) {
             console.log('cannot process upcoming events' + e.message);
             }
          }
       });
  }
catch (e) {
  console.log('cannot get upcoming events' + e.message);
  }
}
else
  template = template.replace('__UPCOMING__','');

// build link to source calendar

var url = $j('#' + current_id + ' span[rel="v:url"]').attr('href');
var src = $j('#' + current_id + ' span[property="v:description"]').text()
var link = '<p style="font-size:larger"><a target="origin" title="visit the source calendar in a new window or tab" href="' + url + '">click for event details</a></p>';

template = template.replace('__SOURCE__',link);

elt = $j('#' + current_id);

elt.append(template);
}

function get_redirected_host() {
var elmcity_id = get_elmcity_id();
var redirected_host = host;
if ( redirected_hubs.indexOf(elmcity_id) != -1 )
  redirected_host = 'http://' + redirected_hubs_dict[elmcity_id] + '/';
else
  redirected_host = host + elmcity_id;
return redirected_host;
}

function reveal_map(id) {
  $j('#' + id + ' iframe').css('display','block');  
  $j('#' + id + '_map_opener').remove();
}

function show_upcoming_html(id, obj) {
  if ( $j.keys(obj).length == 1 )  // only the current event
     return;
  obj = obj.splice(1);  // the query matches the current event so exclude it
  var upcoming = $j('#' + id + '_upcoming');
//  var upcoming_html = '<p class="elmcity_info_para"><b>Next on the </b>' + '<span class="src">' + current_source + '</span>' + ' <b>calendar</b>:</b></p>';
  var upcoming_html = '<p class="elmcity_info_para"><b>Next on the <u>' + current_source + '</u>' + ' calendar:</b></p>';
  upcoming_html += '<div style="margin-left:5%">';
  for ( i in obj ) {
    var dtstart = new Date(obj[i]['dtstart']).toLocaleString();
    upcoming_html += '<p class="elmcity_info_para">' + '<i>' + obj[i]['title'] + '</i>' + ', ' + '<b>' + dtstart + '</b>';
    var upcoming_location = obj[i]['location'];
    if ( upcoming_location != '' ) {
       upcoming_html += ', ' + upcoming_location;
       }
    upcoming_html += '</p>';
    }
  upcoming_html += '</div>';
  upcoming.html(upcoming_html);
  upcoming.css('display','block');
}


function hide_desc(id)
{
quoted_id = '\'' + id + '\'';

$j('#' + id + '_desc').remove();
$j('#' + id + ' .sd').css('display','inline');
$j('#' + id + ' .atc').css('display','inline');
}

function show_more(id)
  {
  $j('div.' + id).show();
  $j('span.' + id).remove();
  }


function show_desc(id)
{
quoted_id = '\'' + id + '\'';

$j('#' + id + ' .sd').css('display','none');
$j('#' + id + ' .atc').css('display','none');


var elmcity_id = get_elmcity_id();

var uid = get_uid(id);
var hash = get_hash(id);

var url;

if ( hash == '' )
  url = host + elmcity_id + '/description_from_uid?uid=' + uid + '&jsonp=active_description';
else
  url = host + elmcity_id + '/description_from_hash?hash=' + hash + '&jsonp=active_description';

current_id = id;
current_source = get_source(id);

$j.getScript(url);

if ( ! gup('open_at_top').startsWith('n') )
  scrollToElement(id);
}


function find_id_of_last_event()
  {
  var events = $j('.bl');
  var last = events[events.length-1];
  return last.attributes['id'].value;
  }

function get_summary(id)
  {
  var elt = $j('#' + id);
  var summary = $j('#' + id + ' .ttl span').text();
  if ( summary == '')
    summary = $j('#' + id + ' .ttl a').text();
  return summary;
  }

function get_uid(id)
  {
  return $j('#' + id + ' .uid').text();
  }

function get_hash(id)
  {
  return $j('#' + id + ' .hash').text();
  }

function get_dtstart(id)
  {
  return $j('#' + id + ' .st').attr('content');
  }

function get_md(id)
  {
  return $j('#' + id + ' .md').text();
  }

function get_st(id)
  {
  return $j('#' + id + ' .st').attr('content');
  }

function get_st2(id)
  {
  return $j('#' + id + ' .st').text();
  }

function get_source(id)
  {
  return $j('#' + id + ' .src').text();
  }


$j.extend({
    keys:  function(obj){
        var a = [];
        $j.each(obj, function(k){ a.push(k) });
        return a;
      }
   });

function load_category_images(id)
{

  if ( $j.keys(category_images).length > 0 )
     return;

  $j.ajax({
       url: host + 'get_blob?id=' + id + '&path=category_images.json',
       cache: false,

       complete: function(xhr, status) { 
           try {
            category_images = JSON.parse(xhr.responseText);
             }
           catch (e) {
              console.log('no category images' + e.message);
             }
          }
       });
  }

function load_source_images(id)
{

  if ( $j.keys(source_images).length > 0 )
     return;

  $j.ajax({
       url: host + 'get_blob?id=' + id + '&path=source_images.json',
       cache: false,

       complete: function(xhr, status) { 
           try {
             source_images = JSON.parse(xhr.responseText);
             }
           catch (e) {
              console.log('no source images' + e.message);
             }
          }
       });

  }


function load_events_for_date (year, month, day) {
        var per_date_events_url = location.href;
        per_date_events_url = add_href_arg(per_date_events_url, 'from', year + '-' + month + '-' + day + 'T00:00');
        var next_date = new Date(parseInt(year), parseInt(month) - 1, parseInt(day), 0, 0);
        next_date.setDate(next_date.getDate() + 1);
        var next_date_year = maybeZeroPad(next_date.getFullYear().toString(), 2);
        var next_date_month = maybeZeroPad((next_date.getMonth() + 1).toString(), 2);
        var next_date_day = maybeZeroPad(next_date.getDate().toString(), 2);
        per_date_events_url = add_href_arg(per_date_events_url, 'to', next_date_year + '-' + next_date_month + '-' + next_date_day + 'T00:00');
        per_date_events_url = add_href_arg(per_date_events_url, 'bare_events', 'y');
        per_date_events_url = add_href_arg(per_date_events_url, 'tags', 'hide');
        per_date_events_url = remove_href_arg(per_date_events_url, 'days');

        $j('#datepicker').append('<p style="font-size:larger" id="loading-date">loading...</p>')
        
        $j.ajax({
            url: per_date_events_url,
            cache: false
        }).done(function (html) {
            console.log('load_events_for_date ' + html.length + ' characters of html');
            var insertion_anchor = find_insertion_anchor(year, month, day);
            if ( insertion_anchor != '' )
              $j('#' + insertion_anchor).before(html);
            else
              $j('div .events').append(html);
            prep_day_anchors_and_last_day();
            setTimeout('apply_datepicker_styles()',100);

            // adjust_openers();

            scrollToElement('d' + year + month + day);
            $j('#loading-date').remove();
            if ( gup('tags').startsWith('hide') ) // keep them invisibly for use with image display
               $j('.cat').css('display','none');

        });
    }

function find_insertion_anchor (year, month, day) {
  var return_anchor = '';
  for (var i in anchor_names) {
    var anchor = anchor_names[i];
    if (anchor > 'd' + year + month + day)
      return_anchor = anchor;
    }
  return return_anchor;
  }


function adjust_openers() {

  if ( is_eventsonly )
    return;

  $j('.ttl a').removeAttr('target');

  // find noncoalesced ttls, adjust tooltips

  var noncoalesced = $j('.ttl a[property="v:summary"]');
  noncoalesced.attr('title','see details')

  // and hrefs
  for ( var i = 0; i < noncoalesced.length; i++ )
    {
    var id = noncoalesced[i].parentNode.parentNode.getAttribute('id');
    $j('#' + id + ' .ttl a').attr('href','javascript:show_desc("' + id + '")');
    }

  // find coalesced ttls
  var coalesced = $j('.ttl span[property="v:summary"]');

  // activate their opener links
  for ( var i = 0; i < coalesced.length; i++ )
    {
    var ttl_span_summary = $j('.ttl span[property="v:summary"]')[i];
    var id = ttl_span_summary.parentNode.parentNode.getAttribute('id');
    var text = $j('.ttl span[property="v:summary"]')[i].innerHTML;
    var html = '<a href="javascript:show_desc(\'' + id + '\')">' + text + '</a>';
    $j(ttl_span_summary).html(html);
    }

  $j('.sd').remove();
}


function show_category_image_under_picker() {

  if ( $j.keys(category_images).length == 0 )
     return;

  if ( ! show_images ) 
    return;

  var view = gup('view');

  if ( typeof(category_images[view]) != 'undefined' && category_images[view] != blobhost + 'admin/NoCurrentImage.jpg' ) 
    {
    var href = location.href;
    $j('#category_image')[0].innerHTML = '<img style="width:140px;border-width:thin;border-style:solid" src="' + category_images[view] + '">'; 
    }                
  else
    $j('#category_image')[0].innerHTML = '';

}


/*

function find_sb_left_pct() {
  sb_left = $j('#sidebar')[0].getClientRects()[0].left
  body_width = $j(window).width();
  sb_left_pct = (sb_left / body_width).toString();
  var regex = new RegExp( '\\.\\d{2,2}' );
  sb_left_pct = regex.exec(sb_left_pct)[0].replace('.','') + '%';
  return sb_left_pct;
  }

*/