// add/remove dynamic fields
var Carnival = {
  config: {
    dateFormat: "<%= I18n.t('date.formats.default').gsub('%', '') %>"
  }
};

String.prototype.unescapeHtml = function () {
    var temp = document.createElement("div");
    temp.innerHTML = this;
    var result = temp.childNodes[0].nodeValue;
    temp.removeChild(temp.firstChild);
    return result;
}

Carnival.remoteFunction = function(url, successCallback, errorCallback, method, data, showOverlay){
  if(!data)
    data = {};
  var ajaxParams = {
    url: url,
    type: method,
    data: data,
    success: function(data, status, jqXHR){
      Carnival.callFunc(successCallback, data);
    },
    error: function(jqXHR, status, error){
      Carnival.callFunc(errorCallback, data);
    },
    complete: function(jqXHR, status){
    }
  };

  if(showOverlay)
    showModalOverlay();

  $.ajax(ajaxParams);
}

Carnival.callFunc = function(functionName, data){
  var func = window[functionName];
  if(func)
  {
    if(typeof func === 'function')
    {
      func(data);
    }
  }else{
    if(console && console.warn)
      console.warn('The funcion ' + functionName + ' was not implemented')
  }
}

Carnival.submitIndexForm = function(){
  $("#advanced_search_form input").each(function(){
    var $input = $(this);
    var inputValue = $input.val();

    // [Date Inputs] If has no integer, i.e an empty strings
    if($input.attr('class') && $input.attr('class').search('date') >= 0){
      if(inputValue.match(/\d+/) === null)
        $input.val('');
    }
  });

  $("#advanced_search_form select").each(function(){
    var inputValue = $(this).val();

    if(inputValue == "-1")
      $(this).val('');
  });
  var form = $('.carnival-index-form').find('form')
  form.submit();
}

Carnival.setIndexPageParam = function(name, value){
  var form = $('.carnival-index-form').find('form')
  form.find('input[name='+name+']').val(value);
}

Carnival.getIndexPageParam = function(name){
  var form = $('.carnival-index-form').find('form')
  return form.find('input[name='+name+']').val();
}

Carnival.removeAdvancedSearch = function(key){
  var input = $("[name='advanced_search["+key+"]']");
  input.val('');
  Carnival.submitIndexForm()
}

Carnival.reloadIndexPage = function(){
  Carnival.setIndexPageParam('page', 1);
  Carnival.submitIndexForm()
}

Carnival.setIndexPageParamAndReload = function(name, value){
  Carnival.setIndexPageParam(name, value);
  Carnival.reloadIndexPage();
}

Carnival.sortColumn = function(column, direction){
  Carnival.setIndexPageParam('sort_column', column);
  Carnival.setIndexPageParam('sort_direction', direction);
  Carnival.reloadIndexPage();
}

Carnival.goToPage = function(page){
  Carnival.setIndexPageParam('page', page);
  Carnival.submitIndexForm()
}

Carnival.sortIndexList = function(elem){
  var selectedOption = $(elem).find('option:selected');
  var columnName = $(selectedOption).data('columnName');
  var sortDir = $(selectedOption).data('sortDir');
  Carnival.sortColumn(columnName, sortDir);
}

function removeFields(link) {
  $(link).prev("input[type=hidden]").val("1");
  $(link).closest(".fields").slideToggle("show");
}

function addFields(link, association, content) {
  var numItems = $('.fields').length
  var new_id = numItems
  var regexp = new RegExp("new_" + association, "g")
  $(link).parent().before(content.unescapeHtml().replace(regexp, new_id));
  formLoad();
  return false;
}

function openPopUp(url){
  $.colorbox({href:url, opacity:0.5, width:"90%"});
}

function markActive(){
  $('.dropdown_main_menu_sublevel a.actived').closest('.dropdown_main_menu_sublevel').show();
}

// page load functions

var pageLoad = function(){

  width = 0;

  $('.advanced-search-tag').each(function(){
    width += $(this).outerWidth();
    var explodeLevel = Math.floor(width/$('.advanced-search-tags').width());
    if(explodeLevel >= 1)
      $(this).parent().addClass('explode'+ explodeLevel);
  })

  $('ul.menu').clone().appendTo('div.menu.short');

  $('.dropdown_main_menu_sublevel').hide(0);

  $('.menu.full .sublevel').click(function(){
    $(this).next().slideToggle(200)
    return false
  })

  $('.menu.short .sublevel').parent().mouseover(function(){
    $(this).children().next().fadeIn(0)
    return false
  })

  $('.menu.short .sublevel').parent().mouseleave(function(){
    $(this).children().next().fadeOut(0)
    return false
  })


  $(".carnival-select").select2({width: '100%'});
  $(".popup").click(function(e){
    e.preventDefault()
    var url = $(this).attr('href')
    abrirPopUp(url)
  })

  markActive()

  $('div.menu.short').show(0);
  $('div.menu.short .dropdown_main_menu_sublevel').hide();
  $('#content').toggleClass('menu-opened');
  $('.short ul.dropdown_main_menu li ul li a.actived').parent().parent().parent().addClass('active');
  $('.full ul.dropdown_main_menu li ul li a.actived').parent().parent().parent().addClass('active');

  if($('ul.menu li.active a').html())
    $('#header').append("<h1>"+$('ul.menu li.active a').html()+" &raquo; "+$('ul.menu a.actived').html()+"</h1>")

  $('.full ul.dropdown_main_menu li:has(ul)').each(function( index ) {
    $('.short ul.dropdown_main_menu li:has(ul) > ul').eq(index).prepend('<h1>'+$('.full ul.dropdown_main_menu li:has(ul) > a').eq(index).html()+'</h1>')
  });

  var $lefty = $('div.menu.full');
  $lefty.hide();

  $('.minify').on("click", function(){
    var $lefty = $('div.menu.full');
    var shouldHideExpandedMenu = (parseInt($lefty.css('margin-left'),10) == 0);

    if(shouldHideExpandedMenu){
      $lefty.animate({
        marginLeft: (-$lefty.outerWidth() - 2)
      }, 100);
      setTimeout("$('div.menu.full').hide()", 100);
    }
    else{
      $lefty.show();
      $lefty.animate({
        marginLeft: 0
      }, 100);
    }
    setTimeout("$('div.menu.short').fadeToggle(100)", 0);
    setTimeout("$('#content').toggleClass('menu-opened')", 0);
  });
};

// form load functions

function setupDateFields(){
  var dateFormat = Carnival.config.dateFormat;
  var dateOptions = {
      format: dateFormat,
      scrollInput: false,
      mask: true,
      timepicker: false
  };

  var dateTimeOptions = $.extend({}, dateOptions, { timepicker: true, mask: true, format: dateFormat + ' H:i'} );

  function addPicker(elem, options){
    var value = $(elem).val();
    $(elem).datetimepicker(options);
    if(value)
      $(elem).val(value);
  }

  $(".datepicker").each(function(){
    addPicker(this, dateOptions);
  });
  $(".datetimepicker").each(function(){
    addPicker(this, dateTimeOptions);
  });
}

var formLoad = function(){
  setupDateFields();
  $('select').select2({width: '100%'});
  $('input.previewable').change(function() {
    var that = $( this );
    var reader = new FileReader();
    var img = $(this).siblings('img.previewable');

    reader.onload = function(e) {
      var val = e.target.result;
      img.attr('src', val);
    }

    if (this.files && this.files[0]) {
      reader.readAsDataURL(this.files[0]);
    } else {
      img.attr('src', '');
    }
  });
  selectRemote();
}

$(document).ready(function(){
  pageLoad();
  formLoad();


  $('a').each(function(){this_=$(this);if(this_.hasClass() == false){this_.addClass('link')}})

  $('*[data-carnival-show-overlay=true]').on('ajax:beforeSend', function(xhr, settings) {
    showModalOverlay();
  });

});