// Place your application-specific JavaScript functions and classes here
// This file is automatically included by javascript_include_tag :defaults

document.observe("dom:loaded", function() {

  var metadesc_container = $('metadesc_container');

  if (!Object.isUndefined(metadesc_container)) {
    //Toggler
	$('metadesc_toggler_link').observe('click', function() {
	  $('metadesc').toggle();
	  var label= $('metadesc_toggler_label');
	  reset_category_metadesc_label(label);
	});
	// Submitter
	
	$('category_submitter').observe("click", function() {
		var metadesc_form = $('category_metadesc_form');
		var url = metadesc_form.getAttribute('action');
		var params = Form.serialize(metadesc_form);
		var myAjax = new Ajax.Request(url, {method: 'post', parameters: params, onLoading: show_category_metadesc_loading, onComplete: show_category_metadesc_completed} );
		
	})
  }

	// Status
	$('category_meta_description').observe("focus", function(){
		$('category_metadesc_status').innerHTML = 'Click "Update" to submit your changes'
	});

});

function show_category_metadesc_loading() {
	$('category_metadesc_status').innerHTML = 'Loading'
}

function show_category_metadesc_completed(transport) {
	var response = transport.responseText.evalJSON();
	$('category_metadesc_status').innerHTML = response.status;	
}

function reset_category_metadesc_label(label) {
	(label.innerHTML == 'Show')?(label.innerHTML = 'Hide'):(label.innerHTML = 'Show');
}