function toggleDiv(element){
    $('#' + element).toggle();
  }

  function custom_archives(val, type, action, display_div_id) {
    get_loading_image(display_div_id);
    document.getElementById(val).className = 'selected';
    //$('#' + val).addClass('selected');  #TODO It doesn't work using jquery
    jQuery.ajax({
      type: "post",url: ajaxurl,data: {action: action, val: val, type: type},
      success: function(res){
        $('#' + display_div_id ).html(res);
        if (type == 'monthly') {
          $('#category_archive').html('');
        }
      }
    });
  }

  function get_loading_image(id) {
    $('#' + id).html('<div style ="float:left;padding-top:200px;padding-left:190px;width:100%;"><img  src="' + IMAGES_PATH + 'loadingAnimation.gif" /></div>');
  }

  function change_tabs (tabs_id, number, active) {
    for (var inc = 1 ; inc <= number ; inc++) {
      if (inc == active) {
        document.getElementById(tabs_id + inc).className = 'selected';
        document.getElementById(tabs_id + '_style' + inc).style.display = 'block';
      } else {
        document.getElementById(tabs_id + inc).className = '';
        document.getElementById(tabs_id + '_style' + inc).style.display = 'none';
      }
    }
  }