// Throughout the admin I chose to use slow animations to make it clear that stuff is being hidden or shown depending on settings.
jQuery(document).ready(function() {
  jQuery('.show_list').change(function() {
    if (jQuery('.show_list:checked').length == 0) {
      jQuery('.content_placement').hide('slow');
      jQuery('.content_placement input').attr('disabled','disabled');
      jQuery('.show_template').attr('checked', 'checked');
    } else {
      jQuery('.show_template').attr('checked', false);
      jQuery('.content_placement').show('slow');
      jQuery('.content_placement input').removeAttr('disabled');
    }

    var postName = 'printfriendly_option[show_on_posts]';
    var homeName = 'printfriendly_option[show_on_homepage]';

    var optionName = jQuery(this).attr('name');
    if (optionName == homeName || optionName == postName){
      if(jQuery(this).is(':checked')) {
        jQuery('#pf-categories').show('slow');
      } else if(!jQuery('input[name="' + homeName + '"]').is(':checked')
                && !jQuery('input[name="' + postName + '"]').is(':checked')) {
        jQuery('#pf-categories').hide('slow');
      }
    }
  }).change();

  jQuery('.show_template').change(function() {
    if(jQuery(this).is(':checked')) {
      jQuery('.show_list').attr('checked', false);
      jQuery('.show_list').attr('disabled', 'disabled');
      jQuery('.content_placement').hide('slow');
      jQuery('.content_placement input').attr('disabled','disabled');
      jQuery('#pf-categories-metabox').hide('slow');
    } else {
      jQuery('.show_list').removeAttr('disabled');
      jQuery('.content_placement').show('slow');
      jQuery('.content_placement input').removeAttr('disabled');
    }
  }).change();

  jQuery('#toggle-categories').click(function() {
    if(jQuery('#pf-categories-metabox').is(':visible')) {
      jQuery('#pf-categories-metabox').hide('slow');
    } else {
      jQuery('#pf-categories-metabox').show('slow');
    }
  });

  jQuery(document).mouseup(function (e) {
    var container = jQuery("#pf-categories");

    if (container.has(e.target).length === 0) {
      jQuery('#pf-categories-metabox').hide('slow');
    }
  });

  jQuery('#colorSelector').ColorPicker({
    color: jQuery('#text_color').val(),
    onShow: function (colpkr) {
      jQuery(colpkr).fadeIn(500);
      return false;
    },
    onHide: function (colpkr) {
      jQuery(colpkr).fadeOut(500);
      return false;
    },
    onChange: function (hsb, hex, rgb) {
      jQuery('#colorSelector div').css('backgroundColor', '#' + hex);
      jQuery('#text_color').val('#' + hex);
      jQuery('.printfriendly-text2').css('color','#' + hex);
    }
  });

  jQuery('#text_size').change(function(){
    size = jQuery('#text_size').val();
    jQuery('.printfriendly-text2').css('font-size',parseInt(size));
  }).change();

  jQuery('#css input').change(function() {
    if(jQuery(this).attr('checked')) {
      jQuery(this).val('off');
      jQuery('#margin, #txt-color, #txt-size').hide('slow');
      pf_reset_style();
    } else {
      jQuery(this).val('on');
      jQuery('#margin, #txt-color, #txt-size').show('slow');
      pf_apply_style();
    }
  }).change();

  jQuery('#custom_text').change(function(){
    pf_custom_text_change();
  }).change();

  jQuery('#custom_text').keyup(function(){
    pf_custom_text_change();
  });

  function pf_custom_text_change(){
    jQuery('#buttongroup3 span:not(.printandpdf)').text( jQuery('#custom_text').val() );
    jQuery('#custom span.printfriendly-text2').text( jQuery('#custom_text').val() );
  }

  function pf_initialize_preview(urlInputSelector, previewSelector) {
    var el = jQuery(urlInputSelector);
    var imgUrl = jQuery.trim(el.val());
    var preview = jQuery(previewSelector + '-preview');
    var error = jQuery(previewSelector + '-error');
    el.bind('input paste change keyup', function() {
      setTimeout(function() {
        // ie shows error if we try to merge the two below into a single statement
        var img = jQuery('<img/>');
        var imgUrl = jQuery.trim(el.val());
        img.load(function() {
            error.html('');
            preview.html('').append(img);})
          .error(function() {
            preview.html('');
            if(img.attr('src') != '') {
              error.html('<div class="error settings-error"><p><strong>Invalid Image URL</strong></p></div>');
            }
          }).attr('src', imgUrl);
        // hide error for empty url
        if(imgUrl == '')
          error.html('');
      }, 100);
    });
  }

  pf_initialize_preview('#custom_image', '#pf-custom-button');
  pf_initialize_preview('#upload-an-image', '#pf-image');
  jQuery('#custom_image, #upload-an-image').change();
  jQuery('#custom_image').bind('focus', function() {
    jQuery('#custom-image').attr('checked', 'checked');
    jQuery('#pf-custom-button-error').show();
  });
  jQuery('#button-style input.radio').bind('change', function() {
    if(jQuery('#custom-image').attr('checked')) {
      jQuery('#pf-custom-button-error').show();
    } else {
      jQuery('#pf-custom-button-error').hide();
    }
  }).change();

  jQuery('#pf-logo').bind('change', function() {
    if(jQuery(this).val() == 'favicon') {
      jQuery('.custom-logo, #image-preview').hide();
    } else {
      jQuery('.custom-logo').css('display', 'inline-block');
      jQuery('#image-preview').show();
    }
  }).change();

  jQuery('#website_protocol').bind('change', function() {
    if(jQuery(this).val() == 'https') {
      jQuery('#https-beta-registration').show('slow');
    } else {
      jQuery('#https-beta-registration').hide('slow');
    }
  }).change();

  jQuery('#password_protected').bind('change', function() {
    if(jQuery(this).val() == 'yes') {
      jQuery('#javascript').val('yes').change();
      pf_on_javascript();
      jQuery('#javascript').attr('disabled', 'disabled');
      jQuery('#pf-javascript-container').hide('slow');
    } else {
      jQuery('#javascript').removeAttr('disabled');
      jQuery('#pf-javascript-container').show('slow');
    }
  }).change();

  jQuery('#javascript').bind('change', function() {
    if(jQuery(this).val() == 'yes') {
      pf_on_javascript();
    } else {
      pf_on_no_javascript();
    }
  }).change();

  function pf_on_javascript() {
    jQuery('.javascript').show();
    jQuery('.no-javascript').hide();
  }

  function pf_on_no_javascript() {
    jQuery('.javascript').hide();
    jQuery('.no-javascript').show();
  }

  function pf_reset_style() {
    jQuery('.printfriendly-text2').css('font-size',14);
    jQuery('.printfriendly-text2').css('color','#000000');
  }

  function pf_apply_style() {
    jQuery('.printfriendly-text2').css('color', jQuery('#text_color').val() );
    size = jQuery('#text_size').val();
    jQuery('.printfriendly-text2').css('font-size',parseInt(size));
  }

  // postboxes setup
  jQuery('.if-js-closed').removeClass('if-js-closed').addClass('closed');

  // categories checkboxes
  var category_ids = jQuery('#category_ids').val();

  if( typeof category_ids !== 'undefined' ) {
    category_ids = category_ids.split(',');

    if(category_ids[0] == 'all') {
      var ids = [];
      jQuery('#categorydiv :checkbox').each(function() {
        jQuery(this).attr('checked', 'checked');
      });
      jQuery('#category-all :checkbox').each(function() {
        ids.push(jQuery(this).val());
      });
      // for older wp versions we do not have per category settings so
      // ids array will be empty and in that case we shouldn't replace 'all'
      if(ids.length != 0) {
        jQuery('#category_ids').val(ids.join(','));
      }
    } else {

      jQuery('#categorydiv :checkbox').each(function() {
        if(jQuery.inArray(jQuery(this).val(), category_ids) != -1) {
          jQuery(this).attr('checked', 'checked');
        }
      });
    }
  }

  jQuery('#categorydiv :checkbox').click(function() {
    var values = jQuery('#category_ids').val();
    var ids = [];
    if(values != '')
      ids = values.split(',');

    var id = jQuery(this).val();

    if(jQuery(this).is(':checked'))
      ids.push(id);
    else {
      ids = jQuery.grep(ids, function(value) {
        return value != id;
      });
    }

    jQuery('#category_ids').val(ids.join(','));
  });

  // page checkboxes TODO...

  var $pfIcon = jQuery('#pf-icon');
  $pfIcon.change(function() {
    jQuery('#custom_image').val('https://cdn.printfriendly.com/' + $pfIcon.val());
    jQuery('#custom_image, #upload-an-image').change();
  });
});