Page History

## @param Pages:title=Comma separated list of element IDs|type=string|required=true|desc=
## @param noAutoInit:title=Initialise on load|type=stringboolean|required=false|desc=Initialises pages on load. Uncheck this option to auto-initialise, Check this option if you plan to initialise manually, by calling initCfDialogPages() method  

<script type="text/javascript">
  
AJS.toInit(function() {
  initCfDialogPages();
});

function initCfDialogPages() {
var pagesParam = '${paramPages}';
  var pages = pagesParam.split(',');

  for(i=0;i<pages.length;i++) {
    if (i > 0) {
      AJS.$('#' + pages[i]).append('<button type="button" class="aui-button" id="cfPrevPage'+pages[i]+'" data-current="'+pages[i]+'" data-div="'+pages[i-1]+'" onclick="showPageDiv(this)">Previous</button>');
    }

    if (i < pages.length-1) {
      AJS.$('#' + pages[i]).append('<button type="button" class="aui-button" id="cfNextPage'+pages[i]+'" data-current="'+pages[i]+'" data-div="'+pages[i+1]+'" onclick="showPageDiv(this)">Next</button>');
    }
  }
}

function showPageDiv(btn) {
  var currentDiv = AJS.$(btn).attr('data-current');
  var showDiv = AJS.$(btn).attr('data-div');
  
  AJS.$('#' + currentDiv).hide();
  AJS.$('#' + showDiv).show();
}

</script>