// THIS WILL CHANGE THE DISPLAY TYPE FOR A GENERIC ELEMENT TYPE

/****************************************************************************/

/****************************************************************************/

function changeDisplayType(element_type, element_id, display_type){

//IE compatible only

// DISPLAY CAN BE none, block, inline, inline-block, ...

	if(navigator.appName.indexOf("etscape") == -1){

  	tempColl = document.all.tags(element_type);

    for (i=0; i<tempColl.length; i++) {

      if (tempColl(i).id==element_id){

        tempColl(i).style.display = display_type;

      }

    }

	}

}



/****************************************************************************/

/****************************************************************************/

function changeChargeType(frm){

chargeTypeSelect = document.forms[frm].elements["vendor_charge_type_id"];



  switch(chargeTypeSelect.value)

  {

  	 // CASE 1 IS USER PAYS FEE IN FULL

    case '1':   

			document.forms[frm].vendor_proc_fee_flat.disabled=true;

			document.forms[frm].vendor_proc_fee_perc.disabled=true;

			//document.forms[frm].vendor_proc_fee_flat.style.color='#dddddd';

			//document.forms[frm].vendor_proc_fee_perc.disabled='#dddddd';

			changeDisplayType("div","perc_fee_div","none");

			changeDisplayType("div","flat_fee_div","none");

			break

  	 // CASE 2 IS USER PAYS NO FEE, VENDOR PAYS FEE IN FULL

    case '2':   

			document.forms[frm].vendor_proc_fee_flat.disabled=true;

			document.forms[frm].vendor_proc_fee_perc.disabled=true;

			//document.forms[frm].vendor_proc_fee_flat.style.color='#dddddd';

			//document.forms[frm].vendor_proc_fee_perc.style.color='#dddddd';

			changeDisplayType("div","perc_fee_div","none");

			changeDisplayType("div","flat_fee_div","none");

			break

  	 // CASE 3 IS USER PAYS FIXED PERCENTAGE FEE SET BY VENDOR

    case '3':   

			document.forms[frm].vendor_proc_fee_flat.disabled=true;

			//document.forms[frm].vendor_proc_fee_flat.style.color='#dddddd';

			document.forms[frm].vendor_proc_fee_perc.disabled=false;

			changeDisplayType("div","perc_fee_div","block");

			changeDisplayType("div","flat_fee_div","none");

			break

  	 // CASE 4 IS USER PAYS FIXED FLAT FEE SET BY VENDOR

    case '4':   

			document.forms[frm].vendor_proc_fee_flat.disabled=false;

			document.forms[frm].vendor_proc_fee_perc.disabled=true;

			//document.forms[frm].vendor_proc_fee_perc.style.color='#dddddd';

 			changeDisplayType("div","perc_fee_div","none");

 			changeDisplayType("div","flat_fee_div","block");

			break

  }

}





/****************************************************************************/

/****************************************************************************/

function changeReceiveMethod(frm){

receiveMethodSelect = document.forms[frm].elements["receive_method_id"];

  switch(receiveMethodSelect.value)

  {

			// CASE 1 IS PAPER CHECK   

    case '1':

			document.forms[frm].vendor_checking.disabled=true;

			document.forms[frm].vendor_routing.disabled=true;

			//document.forms[frm].vendor_checking.style.color='#dddddd';

			//document.forms[frm].vendor_routing.style.color='#dddddd';

			changeDisplayType("div","checking_number_div","none");

			changeDisplayType("div","routing_number_div","none");

			break

			// CASE 2 IS DIRECT DEPOSIT 

    case '2':   

			document.forms[frm].vendor_checking.disabled=false;

			document.forms[frm].vendor_routing.disabled=false;

			changeDisplayType("div","checking_number_div","block");

			changeDisplayType("div","routing_number_div","block");

			break

			// CASE 3 IS E-CHECK

    case '3':   

			document.forms[frm].vendor_checking.disabled=false;

			document.forms[frm].vendor_routing.disabled=false;

    changeDisplayType("div","checking_number_div","block");

			changeDisplayType("div","routing_number_div","block");

			break

  }



} 



/****************************************************************************/

/****************************************************************************/

function changeDueDateType(frm){

dueDateTypeSelect = document.forms[frm].elements["vendor_due_date_id"];

  switch(dueDateTypeSelect.value)

  {

			// CASE 1 FIRST DAY OF MONTH

    case '1':

			document.forms[frm].vendor_due_date_specified.disabled=true;

			document.forms[frm].vendor_late_date.disabled=false;

			//document.forms[frm].vendor_due_date_specified.style.color='#dddddd';

			changeDisplayType("div","specify_date_div","none");

    changeDisplayType("div","late_date_div","block");

			break

			// CASE 2 IS LAST DAY OF MONTH

    case '2':   

			document.forms[frm].vendor_due_date_specified.disabled=true;

			document.forms[frm].vendor_late_date.disabled=false;

			//document.forms[frm].vendor_due_date_specified.style.color='#dddddd';

			changeDisplayType("div","specify_date_div","none");

    changeDisplayType("div","late_date_div","block");

			break

			// CASE 3 IS SPECIFIED DAY OF MONTH

    case '3':   

			document.forms[frm].vendor_due_date_specified.disabled=false;

			document.forms[frm].vendor_late_date.disabled=false;

    changeDisplayType("div","specify_date_div","block");

    changeDisplayType("div","late_date_div","block");

			break

			// CASE 4 IS DIFFERENT DAY OF MONTH FOR EACH USER

    case '4':   

			document.forms[frm].vendor_due_date_specified.disabled=true;

			document.forms[frm].vendor_late_date.disabled=false;

			//document.forms[frm].vendor_due_date_specified.style.color='#dddddd';

    changeDisplayType("div","specify_date_div","none");

    changeDisplayType("div","late_date_div","block");

			break

    case '5':   

			document.forms[frm].vendor_due_date_specified.disabled=true;

			document.forms[frm].vendor_late_date.disabled=true;

			//document.forms[frm].vendor_due_date_specified.style.color='#dddddd';

    changeDisplayType("div","specify_date_div","none");

    changeDisplayType("div","late_date_div","none");

			break

  }



} 



/****************************************************************************/

/****************************************************************************/

function loadPage(page){

  c = 0;

  while (document.forms[c]) {

    //If we are loading the vendor register page, change the display of the appropriate inputs

    if(document.forms[c].name=="vendorReg" || document.forms[c].name=="vendorUpdate"){

      changeReceiveMethod(document.forms[c].name);

      changeChargeType(document.forms[c].name);

      changeDueDateType(document.forms[c].name);

      vendorRegStep("vendor_reg_step2_div", "vendor_reg_step1_div")

    }

			if (document.getElementById('page_body')) {

      document.getElementById('page_body').style.visibility="visible";

    }

    c++;

  }

  if (start=document.getElementById("start")) {

    start.focus();

  }

	if (start=document.getElementById("get_started")) {

  	document.getElementById("get_started").src="images/gs.gif";

	}

  

}





/****************************************************************************/

/****************************************************************************/

function vendorRegStep(step1, step2){

  changeDisplayType("div",step1,"none");

  changeDisplayType("div",step2,"block");

}





/****************************************************************************/

/****************************************************************************/

function viewStep(step){

  changeDisplayType("div","vendor_reg_step1_div","none");

  changeDisplayType("div","vendor_reg_step2_div","none");

  changeDisplayType("div","vendor_reg_step3_div","none");

  changeDisplayType("div","vendor_reg_step4_div","none");

  changeDisplayType("div","vendor_reg_step5_div","none");

  changeDisplayType("div",step,"block");

}





// THIS WILL AUTOTAB TO THE NEXT FIELD

/****************************************************************************/

/****************************************************************************/

function autotab(original,destination){

  if (original.getAttribute&&original.value.length==original.getAttribute("maxlength")){

  	 // DISABLED RIGHT NOW...

    // destination.focus();

  }

}





// THIS WILL AUTOMATICALLY SUBMIT THE FORM WHEN STATE IS CHANGED

/****************************************************************************/

/****************************************************************************/

function changeState(change_state_action) {

  if (change_state_action){

    document.forms["jdpayState"].action=change_state_action;

    document.forms["jdpayState"].submit();

  }

}



// OPENS A NEW WINDOW

/****************************************************************************/

/****************************************************************************/

function openWin(url,name) {

  features = "height=300,width=600,location=no,menubar=no,toolbar=no,resizable=no,scrollbars=yes,status=no";

  popup=window.open(url,name,features);

	popup.focus();

}