/ElmcityAdmin/elmcity-1.15.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_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 $j = jQuery.noConflict();

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

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

function position_sidebar(top_element)
  {
  try
    {
    var top_elt_bottom = $j('#' + top_element)[0].getClientRects()[0].bottom;
    }
  catch (e)
    {
    console.log(e.message);
    top_elt_bottom = 0;
    }

  if ( top_elt_bottom <= 0  )
     $j('#sidebar').css('top', $j(window).scrollTop() - top_offset + 'px');
  else
     $j('#sidebar').css('top', top_method);
  }


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;

  if ( $j('#sidebar').css('position') != 'fixed' ) // unframed, no fixed elements
    {
    position_sidebar(top_element);
//    position_ad();
    }

  var date_str = find_current_name().replace('d','');
  var parsed = parse_yyyy_mm_dd(date_str)
  setDate(parsed['year'], parsed['month'], parsed['day']);
  }

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).load(function () {
//  window.scrollTo(0,0);
//});

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 || datepicker ) 
     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_day,
            hideIfNoPrevNext: true,
            beforeShowDay: maybeShowDay
        });

  setDate(today.getFullYear(), today.getMonth() + 1, today.getDate());

  if ( $j('#sidebar').css('position') != 'fixed' ) // unframed, no fixed elements
    {
    position_sidebar(top_element)
//    position_ad();
    $j('#sidebar').css('visibility','visible');
    $j('#datepicker').css('visibility','visible');
    $j('#tags').css('visibility','visible');
    }

  datepicker = true;
  }


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

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

  var elmcity_id = get_elmcity_id();

  load_category_images(elmcity_id);

  load_source_images(elmcity_id);

  $j('.sd').css('font-size','x-large');

  $j('.atc').css('font-size','x-large');

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

  var view = gup('view');

  is_view = view != '';

  is_eventsonly = gup('eventsonly').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();

  // 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();

  if ( is_sidebar )   {

    show_category_image_under_picker();

    setup_datepicker(); 

  if ( ! show_images ) 
    return;


  if ( $j.keys(category_images).length == 0 )
     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 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) 
  {
  window.scrollTo(0, $j('#' + id).offset().top);
  }


function setDate(year,month,day)
  {
//  console.log("set_date");
  var date =  $j('#datepicker').datepicker('getDate');
  var current_date = $j('td > a[class~=ui-state-active]');
  current_date.css('font-weight', 'normal');
  $j('#datepicker').datepicker('setDate', new Date(year, month-1, day));
  var td = $j('td[class=ui-datepicker-current-day] > a[class~=ui-state-active]');
  var td = $j('td > a[class~=ui-state-active]');
  current_date = $j('td > a[class~=ui-state-active]');
  current_date.css('font-weight', 'bold');
  }


function maybeShowDay(date)
  {
  var year = date.getFullYear();
  var month = date.getMonth() + 1;
  var day = date.getDate();
  month = maybeZeroPad(month.toString());
  day = maybeZeroPad(day.toString());
  var date_str = "d" + year + month + day;
  show = $j.inArray( date_str, anchor_names ) == -1 ? false : true;
  var style = ( show == false ) ? "ui-datepicker-unselectable ui-state-disabled" : "";
  return [show, style]
  }

function goDay(date_str)
  {
  var parsed = parse_mm_dd_yyyy(date_str)
  var year = parsed['year'];
  var month = parsed['month'];
  var day = parsed['day'];
  var id = 'd' + year + month + day;
  scrollToElement(id);
//  location.href = '#d' + year + month + day;
//  setDate(year, month, day);
  }

function goMonth(year, month)
  {
  month = maybeZeroPad(month.toString());
  var id = $j('h1[id^="d' + year + month + '"]').attr('id')
  scrollToElement(id);
//  location.href = '#ym' + year + month;
//  setDate(year, parseInt(month), 1);
  }

function maybeZeroPad(str)
  {
  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() );

   try
     {
     var days_cookie_name = make_cookie_name_from_view(view);
     var days_cookie_value = $j.cookie(days_cookie_name);
     if ( typeof(days_cookie_value)!='undefined'  )
       {
       var days = days_cookie_value;
       path = add_href_arg( path, 'days', days );
       }
     }
   catch (e)
     {
     console.log(e.message);
     }   

  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);
  }

//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 = 'http://elmcity.cloudapp.net/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, 100);
               }
           }
           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 + '">visit the source calendar</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 uid = get_uid(id);

var elmcity_id = get_elmcity_id();

var url = host + elmcity_id + '/description_from_uid?uid=' + uid + '&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_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 remember_or_forget_days()
  {
  var view = gup('view');
  var days = gup('days');

  if ( days != '' )
    remember_days(view, days);
  else
    forget_days(view);
  }

function remember_days(view, days)
  {
  try
    {
    var cookie_name = make_cookie_name_from_view(view);
    $j.cookie(cookie_name, days);
    }
  catch (e)
    {
    console.log(e.message);
    }
  }

function forget_days(view)
  {
  try
    {
    var cookie_name = make_cookie_name_from_view(view);
    $j.removeCookie(cookie_name);
    }
  catch (e)
    {
    console.log(e.message);
    }
  }

function make_cookie_name_from_view(view)
  {
  if ( view == 'all' )
     view = '';
  view = view.replace(',' , '_');       
  view = view.replace('-' , '_minus_'); 
  var cookie_name = 'elmcity_' + view + '_days';
  return cookie_name; 
  }

function load_category_images(id)
{

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

  $j.ajax({
       url: 'http://elmcity.cloudapp.net/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: 'http://elmcity.cloudapp.net/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 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 = '';

}