/*
# Community Almanac - A place for your stories.
# Copyright (C) 2009  Douglas Mayle, Robert Marianski,
# Andy Cochran, Chris Patterson

# This file is part of Community Almanac.

# Community Almanac is free software: you can redistribute it and/or modify
# it under the terms of the GNU Affero General Public License as
# published by the Free Software Foundation, either version 3 of the
# License, or (at your option) any later version.

# Community Almanac is distributed in the hope that it will be useful,
# but WITHOUT ANY WARRANTY; without even the implied warranty of
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
# GNU Affero General Public License for more details.

# You should have received a copy of the GNU Affero General Public License
# along with Community Almanac.  If not, see <http://www.gnu.org/licenses/>.
*/

// This gorgeous function originally written by Dan Phiffer (http://phiffer.org/)
function hrefToID(href) {
  var start = href.indexOf('#');
  if (start < 0) {
    return '';
  }
  var length = href.length - start;
  return href.substr(start + 1, length);
}
var nocacheURL = window.nocacheURL = function nocacheURL(url) {
    var randomid=Math.random();
    var randomval=Math.random();
    if (url.indexOf('?') >= 0) {
      return url + '&' + randomid + '=' + randomval;
    } else {
      return url + '?' + randomid + '=' + randomval;
    }
}
function applyMapDisplaySideEffects(data) {
  var geometryJson = data.geometry;
  if (!geometryJson) {
    return;
  }
  var map_id = data.map_id;
  var formatter = new OpenLayers.Format.GeoJSON({
    'internalProjection': new OpenLayers.Projection("EPSG:900913"),
    'externalProjection': new OpenLayers.Projection("EPSG:4326")
  });
  var feature = formatter.read(geometryJson)[0];
  var bounds = feature.geometry.getBounds();
  var map = new OpenLayers.Map(map_id, {
    projection: new OpenLayers.Projection('EPSG:900913'),
    displayProjection: new OpenLayers.Projection('EPSG:4326'),
    maxExtent: new OpenLayers.Bounds(-14323800, 2299000, -7376800, 7191400)
    });
  var navControl = map.getControlsByClass('OpenLayers.Control.Navigation')[0];
  navControl.disableZoomWheel();
  var baseLayer = new OpenLayers.Layer.Google('google', {sphericalMercator: true, type: G_PHYSICAL_MAP});
  map.addLayer(baseLayer);
  var featureLayer = new OpenLayers.Layer.Vector('features');
  featureLayer.addFeatures([feature]);
  map.addLayer(featureLayer);
  map.zoomToExtent(bounds);
}

function applyMapEditSideEffects(data) {
  if (!(data.lng && data.lat) && !data.geometry) {
    return;
  }
  var Tooltip = OpenLayers.Class(OpenLayers.Control, {
    initialize:function(options) {
      // Support default options...
      OpenLayers.Control.prototype.initialize.apply(this, [options]);
    }
  });
  var featureLayer = new OpenLayers.Layer.Vector('feature');
  var onActivate = function() { featureLayer.destroyFeatures(); };
  var onPathActivate = function() {
    featureLayer.destroyFeatures();
    tooltipPath.activate();
  }
  var onPolyActivate = function() {
    featureLayer.destroyFeatures();
    tooltipPoly.activate();
  }
  var drawPoint = new OpenLayers.Control.DrawFeature(
    featureLayer, OpenLayers.Handler.Point,
    {'displayClass': 'olControlDrawFeaturePoint',
     'eventListeners': {'activate': onActivate}});
  var drawPath = new OpenLayers.Control.DrawFeature(
    featureLayer, OpenLayers.Handler.Path,
    {'displayClass': 'olControlDrawFeaturePath',
     'eventListeners': {'activate': onPathActivate}});
  var tooltipPath = new Tooltip({'displayClass': 'olControlTooltipPath'});
  var tooltipPoly = new Tooltip({'displayClass': 'olControlTooltipPoly'});
  var drawPolygon = new OpenLayers.Control.DrawFeature(
    featureLayer, OpenLayers.Handler.Polygon,
    {'displayClass': 'olControlDrawFeaturePolygon',
     'eventListeners': {'activate': onPolyActivate}});
  var deactivateAllEditingControls = function() {
    drawPoint.deactivate();
    drawPath.deactivate();
    drawPolygon.deactivate();
    tooltipPath.deactivate();
    tooltipPoly.deactivate();
  };
  var featureAdded = function(evt) {
    deactivateAllEditingControls();
    var formatter = new OpenLayers.Format.GeoJSON({
      'internalProjection': new OpenLayers.Projection("EPSG:900913"),
      'externalProjection': new OpenLayers.Projection("EPSG:4326")
    });
    var str = formatter.write(evt.feature.geometry);
    // the hidden input is expected to be right next to the map div
    $('#' + data.map_id).next().val(str);
  };
  featureLayer.events.on({featureadded: featureAdded});
  var panelControls = [
   new OpenLayers.Control.Navigation({zoomWheelEnabled: false}),
   new OpenLayers.Control.PanZoom(),
   drawPoint,
   drawPath,
   drawPolygon,
   tooltipPath,
   tooltipPoly
  ];
  var toolbar = new OpenLayers.Control.Panel({
     displayClass: 'olControlEditingToolbar',
     defaultControl: panelControls[0]
  });
  toolbar.addControls(panelControls);

  var map_id = data.map_id;
  map = new OpenLayers.Map(map_id, {
    projection: new OpenLayers.Projection('EPSG:900913'),
    displayProjection: new OpenLayers.Projection('EPSG:4326'),
    maxExtent: new OpenLayers.Bounds(-14323800, 2299000, -7376800, 7191400)
    });
  var baseLayer = new OpenLayers.Layer.Google('google', {sphericalMercator: true, type: G_PHYSICAL_MAP});
  map.addLayer(baseLayer);
  map.addControl(toolbar);
  // if this is an edit on an existing feature, we should displaly that feature too
  if (data.geometry) {
    var geometryJson = data.geometry;
    var formatter = new OpenLayers.Format.GeoJSON({
      'internalProjection': new OpenLayers.Projection("EPSG:900913"),
      'externalProjection': new OpenLayers.Projection("EPSG:4326")
    });
    var feature = formatter.read(geometryJson)[0];
    var bounds = feature.geometry.getBounds();
    featureLayer.addFeatures([feature]);
    map.addLayer(featureLayer);
    map.zoomToExtent(bounds);
  }
  // otherwise we center on the almanac
  else {
    var lng = data.lng;
    var lat = data.lat;
    var center = new OpenLayers.LonLat(lng, lat);
    map.addLayer(featureLayer);
    center.transform(new OpenLayers.Projection('EPSG:4326'), map.getProjectionObject());
    map.setCenter(center, 12);
  }
}

function applyFileUploadEditSideEffects(data) {
  if (!data.file_id || !data.file_upload_url) {
    return;
  }
  var file_id = data.file_id;
  var file_upload_url = data.file_upload_url;
  var fileElt = $('#' + file_id);
  var mediaItemActions = fileElt.nextAll('.media-item-actions');
  var saveLink = mediaItemActions.find('.submit-upload-file');
  var li = fileElt.closest('li');
  var uploadStatus = fileElt.nextAll('.upload-status');
  var onComplete = function(file, response) {
    uploadStatus.text('Upload Complete!');
    newli = $('<li></li>').append(response.html);
    li.replaceWith(newli);
    au.destroy();
    applyFlowPlayerSideEffects(response);
  };
  var au = new AjaxUpload(file_id, {
    action: file_upload_url,
    name: 'userfile',
    responseType: 'json',
    autoSubmit: false,
    onChange: function(file, extension) {
      uploadStatus.text('Ready to upload: ' + file);
    },
    onSubmit: function(file, extension) {
      uploadStatus.text('Uploading');
    },
    onComplete: onComplete
  });
  saveLink.click(function(e) {
    e.preventDefault();
    au.submit();
  });
}

function applyFlowPlayerSideEffects(data) {
  if (!data.flowplayer_id || !data.audio_url) {
    return;
  }

  var flowplayerId = data.flowplayer_id;
  var flowplayerAudioUrl = data.audio_url;

  var flowplayerElt = $('#' + data.flowplayer_id);
  if (flowplayerElt.length === 0) {
    return;
  }

  // flowplayer doesn't work unless element is empty
  flowplayerElt.empty();

  $f(flowplayerId, '/js/flowplayer/flowplayer-3.1.1.swf', {
    plugins: {
      controls: {
        fullscreen: false,
        heigh: 30
      },
      audio: {
        url: '/js/flowplayer/flowplayer.audio-3.1.0.swf'
      }
    },
    clip: {
      autoPlay: false
    },
    playlist: [{
      url: flowplayerAudioUrl,
      autoPlay: false
    }]
  });
}

function applyRichTextSideEffects(data) {
  if (!data.textarea_id) {
    return;
  }
  tinyMCE.execCommand('mceAddControl', false, data.textarea_id);
}

function applyDisplaySideEffects(data) {
  applyMapDisplaySideEffects(data);
  applyFlowPlayerSideEffects(data);
}

function applyEditSideEffects(data) {
  applyMapEditSideEffects(data);
  applyFileUploadEditSideEffects(data);
  applyFlowPlayerSideEffects(data);
  applyRichTextSideEffects(data);
}

$(document).ready(function() {

  // add the title to the submit button form
  $('#submit-button-form').submit(function() {
    var title = $('#page-title').val();
    var newinput = $('<input type="hidden" name="name" value="' + title + '" />');
    newinput.appendTo($(this));
    return true;
  });

  $('input[type=submit,disabled=disabled].disabled').click(function() {
    return false;
  });

  // on pages, have the add a comment link unhide the form
  // but only hide it if there are no validation errors
  if ($("#comment-form .error-message").length == 0) {
    $("#comment-form").hide();
  } else {
    $("#comment-form").show();
  }
  $("#comment-bttn, #comments .comment-link").click(function() {
    $("#comment-form").slideDown("fast");
    $("#comment-bttn, #comments .comment-link").slideUp("normal");
    return false;
    });
  // and have the comment link submit the form itself
  $('#comment-submit a.comment-link').click(function() {
    $('#comment-form').submit();
    return false;
  });

  // click on the sidebar publish/save button submits the form
  $('#add-page-bttn a').click(function() {
    var form = $('#submit-button-form');
    if (form.length !== 0) {
      form.submit();
      return false;
    }
    return true;
  });

  // clicking on page title erases text already there
  $('#page-title').focus(function() {
    if ($(this).val() == "Page Name") {
      $(this).val("");
    }
  }).blur(function() {
    if ($(this).val() === "") {
      $(this).val("Page Name");
    } else {
      // save the page name on blur if it's been set
      if (window.pageNameEditUrl) {
          var url = window.pageNameEditUrl;
          $.post(url, {'name': $(this).val()});
      }
    }
  });

  // page title input on page create should be focused by default
  $('#page-title').focus();

  // display media maps from session or database
  if (window.pageMapFeatures) {
    for (var i = 0; i < pageMapFeatures.length; i++) {
      var fn = function(i) {
        var feature_data = pageMapFeatures[i];
        applyMapDisplaySideEffects(feature_data);
      };
      fn(i);
    }
  }

  // XXX we should have a structure similar to the above for flowplayer
  if (window.flowplayerElts) {
    for (var i = 0; i < flowplayerElts.length; i++) {
      var fn = function(i) {
        var flowplayerData = flowplayerElts[i];
        applyFlowPlayerSideEffects(flowplayerData);
      };
      fn(i);
    }
  }

  // add sortable behavior
  if (window.sortUrl) {
    $('ul.page-media-items').sortable({
      update: function(event, ui) {
        ui.item.parent().children().each(function(index) {
          if (this == ui.item.get(0)) {
            var content = $(this).find('div.mediacontent').get(0);
            $.post(window.sortUrl, {id: content.id, index: index});
            $(this).effect('bounce', {times: 2});
          }
        });
      },
      handle: 'div.media-tab'
    });
  }

  // behavior when adding a media type
  $('ul.page-media-tools li a').add('.mini-page-media-tools a').click(function(e) {
    e.preventDefault();
    var link = $(this);
    var url = link.attr('href');

    var formcontainer = $('<li></li>').appendTo($('ul.page-media-items'));
    $.getJSON(nocacheURL(url), null, function(data) {
      var html = data.html;
      $(html).appendTo(formcontainer).hide().fadeIn('fast');
      link.effect('transfer', {to: 'ul.page-media-items li:last'}, 1000);
      $.scrollTo('ul.page-media-items li:last', {duration: 1000});
      applyEditSideEffects(data);
    });
  });

  // behavior when cancelling the edit of a new media item
  $('form.add-media-item a.media-cancel').live('click', function(e) {
    e.preventDefault();
    $(this).closest('li').fadeOut('slow', function() {
      $(this).remove();
    });
  });

  // behavior when saving a new media item
  $('form.add-media-item button.media-save').live('click', function(e) {
    e.preventDefault();
    var formcontainer = $(this).closest('li');
    var form = formcontainer.find('form');
    var url = form.attr('action');
    var data = form.serialize();
    /* Dynamic add/removing of TinyMCE means we need to clean up after ourselfs. */
    if (form.find('textarea').length) {
      tinyMCE.triggerSave();
      tinyMCE.execCommand('mceRemoveControl', false, form.find('textarea').attr('id'));
    }

    $.ajax({
      contentType: 'application/x-www-form-urlencoded',
      data: data,
      success: function(data, textStatus) {
        var newli = $('<li></li>').append($(data.html));
        formcontainer.replaceWith(newli);
        newli.find('.media-content').effect('highlight');
        applyDisplaySideEffects(data);
      },
      type: "POST",
      dataType: 'json',
      url: url
    });
  });

  // register live events for the media items
  $('ul.page-media-items li .media-controls .media-edit').live('click', function(e) {
    e.preventDefault();
    var url = $(this).attr('href');
    var li = $(this).closest('li');
    $.getJSON(nocacheURL(url), {}, function(data) {
      var newli = $('<li></li>').append($(data.html));
      li.replaceWith(newli);
      newli.find('textarea').focus();
      applyEditSideEffects(data);
    });
  });

  $('ul.page-media-items li .media-controls .media-delete').live('click', function(e) {
    e.preventDefault();
    var url = $(this).attr('href');
    var li = $(this).closest('li');
    $.ajax({
      contentType: 'application/x-www-form-urlencoded',
      data: {},
      success: function(data, textStatus) {
        li.fadeOut('slow', function() {
          $(this).remove();
        });
      },
      type: "POST",
      dataType: 'json',
      url: url
    });
  });

  // media item live edit
  $('form.edit-media-item button.media-save').live('click', function(e) {
    e.preventDefault();
    var form = $(this).closest('form.edit-media-item');
    var postUrl = form.attr('action');
    var getUrl = $(this).next().attr('href');
    var data = form.serialize();
    var li = form.closest('li');

    $.ajax({
      contentType: 'application/x-www-form-urlencoded',
      data: data,
      success: function(data, textStatus) {
        $.getJSON(nocacheURL(getUrl), {}, function(data) {
          var newli = $('<li></li>').append($(data.html));
          li.replaceWith(newli);
          newli.find('.media-content').effect('highlight');
          applyDisplaySideEffects(data);
        });
      },
      type: "POST",
      dataType: 'json',
      url: postUrl
    });
  });

  // media item live cancel
  $('form.edit-media-item a.media-cancel').live('click', function(e) {
    e.preventDefault();
    var url = $(this).attr('href');
    var li = $(this).closest('li');
    $.getJSON(nocacheURL(url), {}, function(data) {
      var newli = $('<li></li>').append($(data.html));
      li.replaceWith(newli);
      applyDisplaySideEffects(data);
    });
  });

  // error uploading media items
  $('.media-error-message').live('click', function(e) {
    e.preventDefault();
    $(this).fadeOut('slow', function() {$(this).remove();});
  });

  // close flash messages
  $('a#flash-closer').live('click', function(e) {
    e.preventDefault();
    $(this).closest('#flash-messages').fadeOut('slow', function() {$(this).remove();});
  });

  // on behalf of behavior
  $('a.on_behalf_of').live('click', function(e) {
    e.preventDefault();
    var url = $(this).attr('href');
    var pageMeta = $(this).closest('.page-meta');
    pageMeta.load(url, function() {
      pageMeta.find('input').focus();
    });
  });
  $('#behalf-save').live('click', function(e) {
    e.preventDefault();
    var on_behalf_of = $(this).prev().val();
    var url = $(this).attr('href');
    var pageMeta = $(this).closest('.page-meta');
    $.post(url, {on_behalf_of: on_behalf_of}, function(data) {
      pageMeta.empty();
      pageMeta.append(data);
    });
  });
  $('#behalf-cancel').live('click', function(e) {
    e.preventDefault();
    var pageMeta = $(this).closest('.page-meta');
    var url = $(this).attr('href');
    pageMeta.load(url);
  });

  // animate the header illustration on hover of logo
    $("#logo").hover(
      function () {
        $("#ill-clouds").animate({ backgroundPosition: "-50% 0" }, 100000);
      }, 
      function () {
        $("#ill-clouds").stop();
      }
    );

});