var m_nMaxPage = 0;
var m_nCurrPage = 0;

// ****************************************************************************
// validateonsubmit
// ****************************************************************************
function validateonsubmit(form) {
	bRet = Spry.Widget.Form.validate(form);
	
  return bRet;
}

// ****************************************************************************
// initFormBtns
// ****************************************************************************
function initFormBtns(nCurrPage, nMaxPage) {
  m_nCurrPage = nCurrPage;
  m_nMaxPage = nMaxPage;
  
  var elemBtns = $$(".form_btn");
  for (var nElement=0; nElement < elemBtns.length; nElement++) {
    var nPage = elemBtns.length - nElement;
    // only activate pages that we've already been to
    if (nPage <= nMaxPage) {     
      var elemBtn = elemBtns[nElement];
      elemBtn.nPage = nPage; 
      elemBtn.observe('click', this.clickBtn.bind(elemBtn));
      elemBtn.observe('mouseover', this.overBtn.bind(elemBtn));    
    }
  }
} 

// ****************************************************************************
// clickBtn
// ****************************************************************************
function clickBtn(evt) {  
  var form = $('form');
  var elemPage = form['page'];
  var elemAction = form['action'];
  
  var nDestPage = this.nPage;

  // if we're on the last page and going back then we do not need to validate
//  alert("c:"+m_nCurrPage+" m:"+m_nMaxPage+" d:"+nDestPage);
  if (m_nCurrPage == m_nMaxPage && nDestPage < m_nCurrPage) {
    // we do not want to store the form
    $(elemAction).setValue("none");    
    // set page to redirect to
    $(elemPage).setValue(nDestPage);
    $("form").submit();
  }
  else {  
    bRet = validateonsubmit($("form"));
    if (bRet) {
      // set page to redirect to
      $(elemPage).setValue(nDestPage);
      $("form").submit();
    }
  }
}

// ****************************************************************************
// overBtn
// ****************************************************************************
function overBtn(evt) {
  evt.element().setStyle({cursor:"pointer"});  
}