var MediaController = function(params) { this.init(params); };

MediaController.prototype = {
  
  top_cat_id: false,
  cat: false,
  cat_id: false,
  categories: false,
  media: false,
  s3_upload_url: false,
	aws_access_key_id: false,		
	policy: false,
	signature: false,
	selected_media: false,
	uploader: false,
  refresh_unprocessed_images: true,
  allow_edit: false,
  feather_editor: false,  
  last_upload_processed: false,
  
  init: function(params) {
    var that = this;
    for (var i in params)
      this[i] = params[i];
            
    $("#uploader")
      .empty()
      .append($('<p/>')
        .append($('<a/>').addClass('caboose-btn').attr('href', '#').html('Upload').click(function(e) { e.preventDefault(); that.toggle_uploader(); }))
        .append($('<a/>').addClass('caboose-btn').attr('href', '#').html('Select All').click(function(e) { e.preventDefault(); that.select_all_media(); }))
        .append($('<a/>').addClass('caboose-btn').attr('href', '#').attr('id', 'sort-btn').html('Sort').click(function(e) { e.preventDefault(); that.sort_media(); }))
      )
      .append($('<div/>').attr('id', 'the_uploader'));          
    that.refresh();   
  },    
  
  refresh: function()
  {
    var that = this;
    that.refresh_categories();
    that.refresh_media();
    that.print_controls();    
  },
  
  refresh_categories: function(after) 
  {
    var that = this;
    $.ajax({
      url: '/admin/media-categories/flat-tree',
      type: 'get',
      async: false,      
      success: function(resp) { 
        that.categories = resp;
        if (!that.cat_id)
          that.cat_id = that.categories[0].id;
        that.print_categories();
        if (after) after();
      }        
    });
  },
  
  refresh_media: function() 
  {
    var that = this;
    $.ajax({
      url: '/admin/media/json',
      type: 'get',
      async: false,
      data: { media_category_id: that.cat_id },
      success: function(resp) {
        that.media = resp;        
        that.selected_media = [];
        that.print_media();                
      }        
    });
  },

  change_sort_order: function(list) {
    var that = this;
   // console.log(list.toString());
    $.ajax({
      url: '/admin/media-categories/' + that.cat_id + '/sort-order',
      type: 'put',
      data: {
        sort: list
      },
      success: function(resp) { 
        console.log("success");
      }        
    });
  },

  sort_media: function() {
    var that = this;
    var btn = $("#sort-btn");
    if ( btn.text() == "Sort" ) {
      $("li.media").draggable("disable");
      $("#sort-btn").text("Done Sorting");
      $("li.media").css("cursor","move");
      $("#media ul").sortable({
        update: function(event, ui) {
          var index = ui.item.index();
          var start = ui.item.data('start');
          var media_id = ui.item.attr("id").replace("media","");
          var sort_list = [];
          for(var i=1;i <= $("#media ul li").length; i++) {
          //  console.log(i);
            var m = $('#media ul li:nth-child(' + i + ')').attr('id').replace("media","");
          //  if (m) {
              sort_list.push(m);
         //   }
          }
          that.change_sort_order(sort_list);
        }
      });
      $("#media ul").sortable('enable');
      $("#media ul li").css("border-color","#98FF97");
    }
    else if ( btn.text() == "Done Sorting") {
      $("#media ul").sortable("disable");
      $("li.media").draggable("enable");
      $("li.media").css("cursor","default");
      $("#sort-btn").text("Sort");
      $("#media ul li").css("border-color","#666");
    }
  },
      
  toggle_uploader: function()
  {
    var that = this;
    if (that.uploader)
    {      
      $("#the_uploader").slideUp(400, function() {
        $("#the_uploader").plupload('destroy');
        that.uploader = false;
      });            
    }
    else
    {      
      $("#the_uploader").hide();
      that.uploader = $("#the_uploader").plupload({
		    runtimes: 'html5,flash,silverlight',
		    url: that.s3_upload_url,		      
		    multipart: true,
		    multipart_params: {
		    	key: that.cat_id + '_${filename}', // use filename as a key
		    	Filename: that.cat_id + '_${filename}', // adding this to keep consistency across the runtimes
		    	acl: 'public-read',
          //'Content-Type': '',
		    	AWSAccessKeyId: that.aws_access_key_id,		
		    	policy: that.policy,
		    	signature: that.signature
		    },		
		    file_data_name: 'file', // optional, but better be specified directly
		    filters: {			
		    	max_file_size: '100mb', // Maximum file size			
		    	mime_types: [{ title: "Upload files", extensions: "jpg,jpeg,png,gif,tif,tiff,mp3,wav,pdf,doc,docx,odt,odp,ods,ppt,pptx,xls,xlsx,zip,tgz,csv,txt" }] // Specify what files to browse for		    	
		    },		
		    flash_swf_url: '../../js/Moxie.swf', // Flash settings		
		    silverlight_xap_url: '../../js/Moxie.xap', // Silverlight settings
        init: {
          BeforeUpload: function(up, file) {        
            //up.settings.multipart_params["Content-Type"] = file.type;
            $.ajax({
              url: '/admin/media/pre-upload',
              type: 'post',
              data: {
                media_category_id: that.cat_id,
                name: file.name,
                file_type: file.type
              },
              success: function(resp) {},
              async: false          
            });
            controller.refresh();
          },
          FileUploaded: function(ip, file)
          {
            that.refresh();            
          },          
          UploadComplete: function(up, files) {
            that.refresh();
            if (that.uploader)
            {
              $("#the_uploader").slideUp(400, function() {
                $("#the_uploader").plupload('destroy');
                that.uploader = false;
              });
            }
          }
        }
      });
      $("#the_uploader").slideDown();      
    }
  },
        
  check_processing_status: function() 
  {     
    var that = this;
    if (!that.last_upload_processed)
      that.last_upload_processed = new Date();
        
    $.ajax({
      url: '/admin/media/last-upload-processed',
      type: 'get',            
      success: function(resp) {                
        var d = Date.parse(resp['last_upload_processed']);        
        if (d > that.last_upload_processed)          
          that.refresh_media();          
        else
          setTimeout(function() { that.check_processing_status(); }, 2000);          
        that.last_upload_processed = d;                                                        
      }        
    });
  },
    
  print_categories: function() 
  {
    var that = this;
    var ul = $('<ul/>');
    var product_cat_id = 0;
    if (that.categories.length > 0)
    {      
      $.each(that.categories, function(i, cat) {
        var li = $('<li/>')
          .addClass('category')
          .attr('id', 'cat' + cat.id)
          .data('media_category_id', cat.id)
          .append($('<a/>').attr('href', '#').html(cat.name + ' (' + cat.media_count + ')').click(function(e) { e.preventDefault(); that.select_category($(this).parent().data('media_category_id')); }));
        if (cat.id == that.cat_id)
          li.addClass('selected');
     //   console.dir(cat);
        if (cat.name && cat.name.indexOf('Products') > -1 && product_cat_id == 0) {
          li.addClass('products-li');
          li.html('').append($('<a/>').attr('href', '#').html(cat.name).click(function(e) { e.preventDefault(); $(this).closest('#left_content').toggleClass('hide-products'); }));
          product_cat_id = cat.id;
        }
        else if ( cat.parent_id == product_cat_id ) {
          li.addClass('product-sub-li');
          li.html('').append($('<a/>').attr('href', '#').html(cat.name + ' (' + cat.media_count + ')').click(function(e) { e.preventDefault(); that.select_category($(this).parent().data('media_category_id')); }));
        }
        ul.append(li);
      });      
    }
    else
      ul = $('<p/>').html("There are no media categories.");
    $('#categories').empty().append(ul)
      .append($('<p/>').append($('<a/>').attr('href', '#').html('New Category').click(function(e) { e.preventDefault(); that.add_category(); })))
      .append($('<div/>').attr('id', 'new_cat_message'));            

    $.each(that.categories, function(i, cat) {
      $('#cat' + cat.id).droppable({
        accept: function(draggable) { return (draggable.hasClass('category') || draggable.hasClass('media')) },
        hoverClass: 'cat_hover',
        drop: function(event, ui) {                         
          if (ui.draggable.hasClass('category'))
          {
            var child_cat_id = ui.draggable.data('media_category_id');
            var new_parent_id = $(this).data('media_category_id');                      
            $.ajax({
              url: '/admin/media-categories/' + child_cat_id,
              type: 'put',
              data: { parent_id: new_parent_id },
              success: function(resp) { that.refresh_categories(); }              
            });            
          }
          else // media
          {               
            var media_category_id = $(this).data('media_category_id');
            var ids = (that.selected_media.length > 0 ? that.selected_media : [ui.draggable.data('media_id')]);          
            $.ajax({
              url: '/admin/media-categories/' + media_category_id + '/attach',
              type: 'post',
              data: { media_id: ids },
              success: function(resp) { that.refresh_categories(); that.refresh_media(); }              
            });
          }
        }        
      });                
      $('#cat' + cat.id).draggable({ revert: 'invalid' });
    });    
  },
  
  print_controls: function()
  {
    var that = this;
    $('#controls').empty()
      .append($('<div/>').attr('id', 'delete').append($('<p/>').addClass('delete_dropper').html('Delete')));
      
    $('#delete').droppable({
      accept: function(draggable) { return (draggable.hasClass('category') || draggable.hasClass('media')) },
      hoverClass: 'hover',
      drop: function(event, ui) {        
        if (ui.draggable.hasClass('category'))
        {
          var media_category_id = ui.draggable.data('media_category_id');
          that.delete_category(media_category_id);                      
        }
        else // media
        {                    
          id = ui.draggable.data('media_id');
          if (that.selected_media.length > 0 && that.selected_media.indexOf(id) > -1)            
          {            
            that.select_media(id); // Go ahead and de-select because the select event is about to run            
          }                    
          that.delete_media();
        }
      }        
    });
  },  

  print_media: function() 
  {
    var that = this;
    var ul = $('<ul/>');
    var processing = false;
    if (that.media.length > 0)
    {      
      $.each(that.media, function(i, m) {
        if (m.media_type == 'image' && m.processed == false)
          processing = true
        var li = $('<li/>')
          .attr('id', 'media' + m.id)
          .addClass('media')
          .data('media_id', m.id)
          .click(function(e) { that.select_media($(this).data('media_id')); })
          .append($('<span/>').addClass('name').html(m.original_name).click(function(e) {
            e.stopPropagation();
            that.edit_media_description($(this).parent().data('media_id'));
          }));
    //    console.dir(m);
        if (m.original_name && m.original_name.indexOf('png') > 0) {
          li.addClass("png");
        }
        if (m.image_urls)
          li.append($("<div/>").addClass("table").append($("<div/>").addClass("table-cell").append($('<img/>').attr('src', m.image_urls.tiny_url).attr("id","image-" + m.id))));  
        else if (m.original_name) {
          var ext = m.original_name.match(/\.[0-9a-z]+$/i);
          li.addClass('empty');
          if (ext && ext.length > 0)
            li.append($('<img/>').attr('src', '/assets/caboose/file_types/' + ext[0].replace(".","").toLowerCase() + '.png').addClass('file-icon').attr("width","80").attr("height","80"));
        }                                  
        if (that.selected_media.indexOf(m.id) > -1)
          li.addClass('selected ui-selected');
        var btndiv = $("<div/>").addClass("buttons");
        li.append(btndiv);
        if (that.allow_edit && m.image_urls) btndiv.append($("<a/>").html("Edit Image").click(function() { that.edit_image($(this).parent().parent().data('media_id')); }));
        else                                 btndiv.append($("<a/>").attr('href', m.file_url).html("Direct URL"));
        if ( m.image_urls )                  btndiv.append($("<a/>").addClass("dl i").html("Download").click(function() { that.download_image($(this).parent().parent().data('media_id')); }));
        else                                 btndiv.append($("<a/>").addClass("dl i").html("Download").click(function() { that.download_image($(this).parent().parent().data('media_id')); }));
        ul.append(li);
      });
    }
    else
      ul = $('<p/>').html("This category is empty.");
    $('#media').empty().append(ul);    
    if (that.refresh_unprocessed_images == true && processing)
    {
      //setTimeout(function() { that.refresh_media(); }, 2000);
      setTimeout(function() { that.check_processing_status(); }, 2000);
    }
    
    $.each(that.media, function(i, m) {
      $('li.media').draggable({
        multiple: true,
        revert: 'invalid',
        start: function() { $(this).data("origPosition", $(this).position()); }
      });
    });
  //  $("#media ul").sortable();
  },     
  
  //============================================================================
        
  select_media: function(media_id)
  {    
    var that = this;    
    var i = that.selected_media.indexOf(media_id);
    if (i > -1)
    {
      that.selected_media.splice(i, 1);
      $('#media' + media_id).removeClass('selected ui-selected');
    }
    else
    {       
      that.selected_media[that.selected_media.length] = media_id;
      $('#media' + media_id).addClass('selected ui-selected').css('top', '0').css('left', '0');
    }        
    
    
  },
  
  select_all_media: function()
  {
    var that = this;
    
    // See if they're all selected
    var all_selected = true;
    $.each(that.media, function(i, m) {
      if (that.selected_media.indexOf(m.id) == -1)
      {
        all_selected = false
        return false;
      }
    });
    
    // Now de-select everything
    $('li.media').removeClass('selected ui-selected');
    that.selected_media = [];
    
    // And re-select everything if not everything was previously selected
    if (!all_selected)
    {
      $.each(that.media, function(i, m) {
        $('#media' + m.id).addClass('selected ui-selected');
        that.selected_media[i] = m.id;
      });
    }        
  },
  
  delete_media: function(confirm)
  {        
    var that = this;    
    if (!confirm)
    {            
      $.each(that.selected_media, function(i, id) {     
        $('#media' + id).css('top', '0').css('left', '0');        
      });                                  
      var div = $('<p/>').addClass('note error')
        .append('Are you sure?<br/>')        
        .append($('<input/>').attr('type', 'button').val('Yes').click(function() { that.delete_media(true); })).append(" ")
        .append($('<input/>').attr('type', 'button').val('No' ).click(function() { that.refresh_media(); that.print_controls(); }));
      $('#delete').empty().append(div);
      return;            
    }    
    $('#delete').empty().html("<p class='loading'>Deleting...</p>");
    $.ajax({
      url: '/admin/media/bulk',
      type: 'delete',
      data: { ids: that.selected_media },      
      success: function(resp) { that.refresh_categories(); that.refresh_media(); that.print_controls(); }            
    });    
  },
  
  edit_media_description: function(media_id)
  {
    var that = this;
    caboose_modal_url('/admin/media/' + media_id + '/description');
    
    //var div = $('<div/>').attr('id', 'media_' + media_id + '_description');
    //$('#media').append(div);
    //new ModelBinder({
    //  name: 'Media',
    //  id: media_id,
    //  update_url: '/admin/media/' + media_id,
    //  authenticity_token: that.authenticity_token,
    //  attributes: [
    //    {
    //      name: 'description', nice_name: 'Description', type: 'textarea', value: '', width: 400, height: 100, fixed_placeholder: true,        
    //      after_update: function() { $('#media_' + media_id + '_description_container').remove(); },
    //      after_cancel: function() { $('#media_' + media_id + '_description_container').remove(); }          
    //    }
    //  ]      
    //});
    //var options = {      
    //  iframe: true,
    //  innerWidth: 200,
    //  innerHeight:  50,
    //  scrolling: false,
    //  transition: 'fade',
    //  closeButton: false,
    //  onComplete: caboose_fix_colorbox,
    //  opacity: 0.50       
    //};
    //setTimeout(function() { $('#media_' + media_id + '_description_container').colorbox(options); }, 2000);
  },
  
  //============================================================================
  
  select_category: function(cat_id)
  {
    var that = this;
    that.cat_id = cat_id;
    that.print_categories();
    that.refresh_media();
    $("#sort-btn").text("Sort");
  },
  
  add_category: function(name)
  {
    var that = this;
    if (!name)
    {      
      var div = $('<p/>').addClass('note warning')
        .append('New Category Name: ')
        .append($('<input/>').attr('type', 'text').attr('id', 'new_cat_name')).append(" ")
        .append($('<input/>').attr('type', 'button').val('Add').click(function() { that.add_category($('#new_cat_name').val()); })).append(" ")
        .append($('<input/>').attr('type', 'button').val('Cancel').click(function() { $('#new_cat_message').empty(); }));
      $('#new_cat_message').empty().append(div);
      return;
    }
    $('#new_cat_message').empty().html("<p class='loading'>Adding category...</p>");
    $.ajax({
      url: '/admin/media-categories',
      type: 'post',
      data: {
        parent_id: that.cat_id,
        name: name
      },
      success: function(resp) {
        if (resp.error) $('#new_cat_message').empty().html("<p class='note error'>" + resp.error + "</p>");
        if (resp.refresh) that.refresh_categories();
      }    
    });
  },
  
  delete_category: function(cat_id, confirm)
  {
    var that = this;
    if (!confirm)
    {
      var div = $('<p/>').addClass('note warning')
        .append('Are you sure? ')        
        .append($('<input/>').attr('type', 'button').val('Yes').click(function() { that.delete_category(cat_id, true); })).append(" ")
        .append($('<input/>').attr('type', 'button').val('No' ).click(function() { that.refresh_categories(); that.print_controls() }));
      $('#delete').empty().append(div);
      return;
    }
    $('#delete').empty().html("<p class='loading'>Deleting...</p>");              
    $.ajax({
      url: '/admin/media-categories/' + cat_id,
      type: 'delete',      
      success: function(resp) {                  
        that.refresh_categories(function() {                        
          var exists = false;
          $.each(that.categories, function(i, cat) { if (cat.id == cat_id) { exists = true; return false; }});
          if (!exists) 
            that.select_category(that.categories[0].id);
          else            
            that.refresh_media();
          that.print_controls();
        });
      }            
    });    
  },
    
  media_with_id: function(media_id) 
  {
    var that = this;
    var m = false;
    if (that.media.length > 0)
    {      
      $.each(that.media, function(i, m2) {        
        if (parseInt(m2.id) == parseInt(media_id))
        {
          m = m2;
          return false;
        }
      });
    }
    return m;
  },

  download_image: function(media_id) {    
    var that = this;
    url = that.download_url(media_id);        
    window.open(url);     
  },
  
  download_url: function(media_id) {
    var that = this;
    var m = that.media_with_id(media_id);
    var url = '';
    if ( m.image_urls )
      url = m.image_urls.original_url;
    else
      url = m.file_url;
    return url;     
  },
  
  //============================================================================
  // Aviary
  //============================================================================

  edit_image: function(media_id) 
  {
    var that = this;
    var m = that.media_with_id(media_id);    
        
    if (that.feather_editor != false)
    {
      that.edit_image_helper(m);
      return;
    }    
    that.feather_editor = new Aviary.Feather({
      apiKey: '933414ee42934e8b81d8cd2226a5a13b',
      theme: 'light',
      enableCORS: false,
      maxSize: 1600,
      onSave: function(media_id, new_url) { return that.update_image(media_id, new_url); },
      onLoad: function() { that.edit_image_helper(m); }
    });        
  },
  
  edit_image_helper: function(m)
  {
    console.log(m.image_urls.original_url);
    var that = this;
    that.feather_editor.launch({
      image: 'image-' + m.id,
      url: m.image_urls.original_url
    });
  },
  
  update_image: function(image_id, new_url) 
  {
    var that = this;    
    var media_id = parseInt(image_id.replace('image-', ''));

    that.feather_editor.showWaitIndicator();
    $.ajax({
      url: '/admin/media/' + media_id,
      type: 'put',
      data: { image_url: new_url },
      success: function(resp) {
        if(resp.error)   { alert("Error saving image:\n\n" + resp.error); } 
        if(resp.success) {
          that.feather_editor.hideWaitIndicator();
          var src = $('#image-' + media_id).attr('src').split('?')[0];                    
          $('#image-' + media_id).attr('src', src + '?' +  Date.now());
          that.feather_editor.close();
          that.refresh_media();
        }
      }
    });
    return false;
  }
  
};