// JavaScript Document
function startCheckout()
{	//alert(ccBoxShell.style.display);
	makeVisible("cc_box_shell");
	makeVisible("custComment-shell");
	makeInvisible("completeOrder");
	
	/*
	//--BEGIN:------for fade effect SEE pkl_effects.js
	var feedbackDiv = "feedbck_cc_box_shell";
	var fromOpacity = 0;
	var toOpacity   = 100;
	var time        = 2200;
	var fps         = 10;
	var origColor = "yellow";
	var fadeColor = "yellow";
	FadeOpacity(feedbackDiv, fromOpacity, toOpacity, time, fps);
	//--END:------for fade effect SEE pkl_effects.js*/
}//function startCheckout()



function goProc(){
  var ccinfo = [];
  var ccnum  	= document.getElementById("cc_number").value;
  					var inx  = document.getElementById("exp_month").options.selectedIndex ;
  var month  	= document.getElementById("exp_month").options[inx].value ;
  					var inx  = document.getElementById("exp_year").options.selectedIndex ;
  var yr  		= document.getElementById("exp_year").options[inx].value ;
  //var s3  		= document.getElementById("cc_sec3dig").value;
  var amount  	= document.getElementById("cart_amount").value;

  	ccinfo[0] = ccnum;
  	ccinfo[1] = month;
	ccinfo[2] = yr;
	//ccinfo[3] = s3;
	ccinfo[4] = parseFloat(amount);//make sure it is a number
	
	
//---START----Confirm Order Rows -------------
var cartAttr = [];
var cartRows = [];
var numOfRows 		= document.getElementById("num_of_rows").value;
var itemsPerRow		= 9;//pkl hardcoded
var cartSubTtl		= document.getElementById("cart_sub_total").firstChild.nodeValue;
var cartShipCost 	= document.getElementById("cart_shipping").firstChild.nodeValue;
var cartTax			= document.getElementById("cart_tax").firstChild.nodeValue;
var cartGrandTtl 	= document.getElementById("cart_grand_total").firstChild.nodeValue;
cartAttr[0] = numOfRows;
cartAttr[1] = itemsPerRow;
cartAttr[2] = cartSubTtl;// alert('cartSubTtl= '+cartSubTtl);
cartAttr[3] = cartShipCost;//alert('cartShipCost= '+cartShipCost);
cartAttr[4] = cartTax;//alert('cartTax= '+cartTax);
cartAttr[5] = cartGrandTtl;//alert('cartGrandTtl= '+cartGrandTtl);


// 	loop  thru rows getting the final info
	for (eachRow =1; eachRow<=numOfRows; eachRow++){
	//get row info
	image 		= document.getElementById("cart_img-"+eachRow).innerHTML;
	prodName 	= document.getElementById("prodName-"+eachRow).innerHTML;//image code
	prodCatalog	= document.getElementById("catalog-"+eachRow).innerHTML;//image code
	
		try{
		   index	= document.getElementById("cartProdType-"+eachRow).options.selectedIndex;
		prodType	= document.getElementById("cartProdType-"+eachRow).options[index].firstChild.nodeValue;
		}
		catch(error){
		prodType	= document.getElementById("cartProdType-"+eachRow).firstChild.nodeValue ;
		}
		
		try{
		   index	= document.getElementById("cartRowSizeOption-"+eachRow).options.selectedIndex;
		prodSize	= document.getElementById("cartRowSizeOption-"+eachRow).options[index].value;
		}
		catch(error){
			prodSize	= document.getElementById("cartRowSize-"+eachRow).firstChild.nodeValue ;
		}
	   
		index	= document.getElementById("cartRowQty-"+eachRow).options.selectedIndex;
	 prodQty	= document.getElementById("cartRowQty-"+eachRow).options[index].value;
	
	priceReg 	= document.getElementById("price_reg-"+eachRow).innerHTML;
	priceDisc	= document.getElementById("price_disc-"+eachRow).innerHTML;
	prodTotal 	= document.getElementById("item_total-"+eachRow).innerHTML;
	cartRows[eachRow] = [image,prodName,prodCatalog ,prodType ,prodSize ,prodQty ,priceReg ,priceDisc ,prodTotal]

	}//for (row =1; row<=numOfRows; row++)
//---END------Confirm ORder Rows -------------
//-------
  var postVars	  =	"pklcc="+ccinfo+"&cartAttr="+cartAttr+"&cartRows="+cartRows;
  var targetDiv	  =	"cart-rows-holder";
  var processFile =	"/__shared/_pkl_cart/quicklink2/pkl_processcard.php";
//-------
   //--BEGIN:------for fade effect SEE pkl_effects.js
    var feedbackDiv = "feedbck_cc_box_shell";
	var fromOpacity = 0;
	var toOpacity   = 100;
	var time        = 2000;
	var fps         = 10;
	var origColor = "#FFFFFF";
	var fadeColor = "yellow";
	var wichShell = "feedbck_cc_box_shell";
	var wichImg = "feedbck_cc_box_shell";
   FadeOpacity(feedbackDiv, fromOpacity, toOpacity, time, fps);
	//--END:------for fade effect SEE pkl_effects.js
   
   
  useAjax_cc01(postVars,targetDiv,processFile,wichShell,wichImg);
  getAndDisplayCustInfo();
}//function goProc(n,m,y,s3,z){

function getAndDisplayCustInfo(){
//---START----Confirm Order Customer Comments -------------
var custComment = document.getElementById("custComments").value;

makeInvisible("custComments");

//---END------Confirm ORder Customer Comments  -------------
  //-------
  var postVars	  =	"custComment="+custComment;
  var targetDiv	  =	"cc_box_shell";
  var processFile =	"/__shared/_pkl_cart/get_n_display_cust_info.php";
  //-------
    //--BEGIN:------for fade effect SEE pkl_effects.js
    var feedbackDiv = "feedbck_cc_box_shell";
	var fromOpacity = 0;
	var toOpacity   = 100;
	var time        = 2000;
	var fps         = 10;
	var origColor = "#FFFFFF";
	var fadeColor = "yellow";
	var wichShell = "feedbck_cc_box_shell";
	var wichImg = "feedbackImg-name";
	FadeOpacity(feedbackDiv, fromOpacity, toOpacity, time, fps);
	//--END:------for fade effect SEE pkl_effects.js
	
  useAjax_cc01(postVars,targetDiv,processFile,wichShell,wichImg);
}//function getAndDisplayCustInfo(){



function ccprocess(stage)
{
  var custInfo = [];
  custInfo[0] = stage;
  custInfo[1] = "";// coorisponds to $status in ccProcess.php
  

  if(stage == "enter_name"){
	  //stage = "enter_billing";
  var ccNameFirst = document.getElementById("ccname-f-name");
  var ccNameLast  = document.getElementById("ccname-l-name");
  var ccEmail     = document.getElementById("ccemail");
      custInfo[2] = ccNameFirst.value; //alert(custInfo[0]);
      custInfo[3] = ccNameLast.value ; //alert(custInfo[1]);
      custInfo[4] = ccEmail.value    ; //alert(custInfo[2]);
	
	//--BEGIN:------for fade effect SEE pkl_effects.js  
    var feedbackDiv = "feedback-name";
	var fromOpacity = 0;
	var toOpacity   = 100;
	var time        = 2000;
	var fps         = 10;
	var origColor = "#FFFFFF";
	var fadeColor = "yellow";
	var wichShell = "feedback-name";
	var wichImg = "feedbackImg-name";
	FadeOpacity(feedbackDiv, fromOpacity, toOpacity, time, fps);
	//--END:------for fade effect SEE pkl_effects.js
	
  //custInfo[1] = "edit";// coorisponds to $status in ccProcess.php
  }// if($stage == "enter_name")
  
  if(stage == "enter_billing"){
	  //stage == "enter_shipping";
  var billAddress_ln_1 = document.getElementById("billAddress_ln_1");
  var billAddress_ln_2  = document.getElementById("billAddress_ln_2");
  var billCity  = document.getElementById("billCity");
  var billState  = document.getElementById("billState");
  var billZip  = document.getElementById("billZip");
  var billCountry  = document.getElementById("billCountry");
  var isShipSame   = document.getElementById("sameAddrYes");
	  
	  //custInfo[1] = "edit";// coorisponds to $status in ccProcess.php
      custInfo[6] = billAddress_ln_1.value; //alert(custInfo[0]);
      custInfo[7] = billAddress_ln_2.value ; //alert(custInfo[1]);
      custInfo[8] = billCity.value    ; //alert(custInfo[2]);
	  custInfo[9] = billState.value    ; //alert(custInfo[2]);
	  custInfo[10] = billZip.value    ; //alert(custInfo[2]);
	  custInfo[11] = billCountry.value    ; //alert(custInfo[2]);
	  custInfo[12] = isShipSame.checked    ; //will be "true" or "false"
	
	//--BEGIN:------for fade effect SEE pkl_effects.js
	var feedbackDiv = "feedback-bill";
	var fromOpacity = 20;
	var toOpacity   = 100;
	var time        = 2000;
	var fps         = 10;
	var origColor = "#990000";
	var fadeColor = "#990000";
	var wichShell = "feedback-bill";
	var wichImg = "feedbackImg-bill";
	FadeOpacity(feedbackDiv, fromOpacity, toOpacity, time, fps);
	//--END:------for fade effect SEE pkl_effects.js
	  
 
  }// if($stage == "enter_billing")
  if(stage == "enter_shipping"){
	  //alert('enter shipping stage');
	  	editAddress('ship','no_edit',null);
		stage = "enter_pay_info";
  		//enterCC(stage);
		return;
  }//if(stage == "enter_shipping")
     
  //-------
  var postVars	  =	"pklcc="+custInfo;
  var targetDiv	  =	"cc_box_shell";
  var processFile =	"/__shared/_pkl_cart/ccProcess.php";
  //-------
  
  useAjax_cc01(postVars,targetDiv,processFile, wichShell,wichImg);
  
 // ccBoxShell.style.display = "block";
}//function ccprocess()

function enterCC(stage){
		//-------
		var custInfo = [];
		 custInfo[0] = stage;
  		var postVars	  =	"pklcc="+custInfo;
  		var targetDiv	  =	"payinfo-shell";
  		var processFile =	"/__shared/_pkl_cart/ccProcess.php";
		//--BEGIN:------for fade effect SEE pkl_effects.js
		
		var feedbackDiv = "feedback-cc";
		var fromOpacity = 20;
		var toOpacity   = 100;
		var time        = 2000;
		var fps         = 10;
		var origColor = "#990000";
		var fadeColor = "#990000";
		var wichShell = "feedback-cc";
		var wichImg = "feedbackImg-cc";
		FadeOpacity(feedbackDiv, fromOpacity, toOpacity, time, fps);
		//--END:------for fade effect SEE pkl_effects.js
		
  		useAjax_cc01(postVars,targetDiv,processFile,wichShell,wichImg);    
	  }//function enterCC(){


function editAddress(whichAddress,isEdit){
// The variable, whichAddress should be either the string "bill" or "ship"
var type = whichAddress;
var targetDiv = whichAddress+"-shell";

var addressInfo = [];
var processFile =	"/__shared/_pkl_cart/ccProcess.php";
	addressInfo[0] = "edit_"+type+"_address";
	addressInfo[1] = isEdit;// may be "edit", "no_edit"
	
if(isEdit != "edit" && type=="bill"){	
	var billAddress_ln_1 = document.getElementById("billAddress_ln_1");
	var billAddress_ln_2  = document.getElementById("billAddress_ln_2");
	var billCity  = document.getElementById("billCity");
	var billState  = document.getElementById("billState");
	var billZip  = document.getElementById("billZip");
	var billCountry  = document.getElementById("billCountry");
	  
	 addressInfo[6]  = billAddress_ln_1.value; //alert(addressInfo[0]);
	 addressInfo[7]  = billAddress_ln_2.value ; //alert(addressInfo[1]);
	 addressInfo[8]  = billCity.value    ; //alert(addressInfo[2]);
	 var stIndex	 = billState.options.selectedIndex;
	 addressInfo[9]  = billState.options[stIndex].value; //alert(addressInfo[2]);
	 addressInfo[10] = billZip.value    ; //alert(addressInfo[2]);
	 addressInfo[11] = billCountry.value    ; //alert(addressInfo[2]); 
}//if(isEdit == "edit")

if(isEdit != "edit" && type=="ship"){	
	var shipAddress_ln_1 = document.getElementById("shipAddress_ln_1");
	var shipAddress_ln_2  = document.getElementById("shipAddress_ln_2");
	var shipCity  = document.getElementById("shipCity");
	var shipState  = document.getElementById("shipState");
	var shipZip  = document.getElementById("shipZip");
	var shipCountry  = document.getElementById("shipCountry");
	  
	 addressInfo[16] = shipAddress_ln_1.value; //alert(addressInfo[0]);
	 addressInfo[17] = shipAddress_ln_2.value ; //alert(addressInfo[1]);
	 addressInfo[18] = shipCity.value    ; //alert(addressInfo[2]);
	 var stIndex	 = shipState.options.selectedIndex;
	 addressInfo[19] = shipState.options[stIndex].value; //alert(addressInfo[2]);
	 addressInfo[20] = shipZip.value    ; //alert(addressInfo[2]);
	 addressInfo[21] = shipCountry.value    ; //alert(addressInfo[2]); 
}//if(isEdit == "edit")

var postVars	  =	"pklcc="+addressInfo;

	//--BEGIN:------for fade effect SEE pkl_effects.js
	var feedbackDiv = "feedback-"+whichAddress;
	var fromOpacity = 20;
	var toOpacity   = 100;
	var time        = 2000;
	var fps         = 10;
	var origColor = "#990000";
	var fadeColor = "#990000";
	var wichShell = "feedback-"+whichAddress;
	var wichImg = "feedbackImg-"+whichAddress;
	
	FadeOpacity(feedbackDiv, fromOpacity, toOpacity, time, fps);
	//--END:------for fade effect SEE pkl_effects.jss

useAjax_cc01(postVars,targetDiv,processFile,wichShell,wichImg) ;

}//function editAddress(whichAddress)

function editNameEmail(action){

var targetDiv = "name-shell";
var custInfo = [];
var processFile =	"/__shared/_pkl_cart/ccProcess.php";
	custInfo[0] = "edit_name_email";
	custInfo[1] = action;// update or edit
	
	//--BEGIN:------for fade effect SEE pkl_effects.js
	var feedbackDiv = "feedback-name";
	var fromOpacity = 0;
	var toOpacity   = 100;
	var time        = 1000;
	var fps         = 10;
	var origColor = "#FFFFFF";
	var fadeColor = "yellow";
	var wichShell = "feedback-name";
	var wichImg = "feedbackImg-name";
	FadeOpacity(feedbackDiv, fromOpacity, toOpacity, time, fps);
	//--END:------for fade effect SEE pkl_effects.js
	
//NOTE: For some reason, you must 'try{' the "...me-f-name").firstChild.nodeValue ;" 
//      way first before then 'catch(error){' the "...ccname-f-name").value;" ,
// instead of visa-vera. Not sure why. PKL ( below )
try{
	custInfo[2] = document.getElementById("ccname-f-name").firstChild.nodeValue ;
	}
catch(error){
	custInfo[2] = document.getElementById("ccname-f-name").value;
	}
try{
	custInfo[3]  = document.getElementById("ccname-l-name").firstChild.nodeValue ;
	}
catch(error){
	custInfo[3]  = document.getElementById("ccname-l-name").value;
	}
try{
	custInfo[4]    = document.getElementById("ccemail").firstChild.nodeValue ;
	}
catch(error){
	custInfo[4]     = document.getElementById("ccemail").value;
	}

  var postVars	  =	"pklcc="+custInfo;	  
useAjax_cc01(postVars,targetDiv,processFile,wichShell,wichImg) ;

}//editNameEmail()

function orderConfirmRows(){
//get the cart info
//	how many rows?    <input id="num_of_rows" value="4" type="hidden">
var cartAttr = [];
var cartRows = [];
var numOfRows 		= document.getElementById("num_of_rows").value;
var itemsPerRow		= 9;//pkl hardcoded
var cartShipCost 	= document.getElementById("cart_shipping").firstChild.nodeValue;
var cartTax			= document.getElementById("cart_tax").firstChild.nodeValue;
var cartGrandTtl 	= document.getElementById("cart_amount").value;
cartAttr[0] = numOfRows;
cartAttr[1] = itemsPerRow;
cartAttr[2] = cartShipCost;
cartAttr[3] = cartTax;
cartAttr[4] = cartGrandTtl;

// 	loop  thru rows getting the final info
	for (row =1; row<=numOfRows; row++){
	//get row info
	image 		= document.getElementById("cart_img-"+row).innerHTML;
	prodName 	= document.getElementById("prodName-"+row).innerHTML;//image code
	prodCatalog	= document.getElementById("catalog-"+row).innerHTML;//image code
	
	if(document.getElementById("cartProdType-"+row).options != null ){
	   index	= document.getElementById("cartProdType-"+row).options.selectedIndex;
	prodType	= document.getElementById("cartProdType-"+row).options[index].firstChild.nodeValue;
	}
	else{ prodType	= document.getElementById("cartProdType-"+row).firstChild.nodeValue ;}
	
	if(document.getElementById("cartRowSizeOption-"+row).options != null ){
	   index	= document.getElementById("cartRowSizeOption-"+row).options.selectedIndex;
	prodSize	= document.getElementById("cartRowSizeOption-"+row).options[index].value;
	}
	else{ prodSize	= document.getElementById("cartRowSize-"+row).firstChild.nodeValue ;}
	   
		index	= document.getElementById("cartRowQty-"+row).options.selectedIndex;
	prodQty		= document.getElementById("cartRowQty-"+row).options[index].value;
	
	priceReg 	= document.getElementById("price_reg-"+row).innerHTML;
	priceDisc	= document.getElementById("price_disc-"+row).innerHTML;
	prodTotal 	= document.getElementById("item_total-"+row).innerHTML;
	cartRows[row] = [image,prodName,prodCatalog ,prodType ,prodSize ,prodQty ,priceReg ,priceDisc ,prodTotal]

	}//for (row =1; row<=numOfRows; row++)
//alert('CART ROWS =... '+cartRows);
var targetDiv = "mainContent";
var processFile = "/__shared/_pkl_cart/pkl_process_order_rows.php";
var postVars = "cartAttr="+cartAttr+"&cartRows="+cartRows;

	//--BEGIN:------for fade effect SEE pkl_effects.js
	var feedbackDiv = "feedback-mainContent";
	var fromOpacity = 0;
	var toOpacity   = 100;
	var time        = 1000;
	var fps         = 10;
	var origColor = "#FFFFFF";
	var fadeColor = "yellow";
	var wichShell = "feedback-mainContent";
	var wichImg = "feedbackImg-mainContent";
	FadeOpacity(feedbackDiv, fromOpacity, toOpacity, time, fps);
	//--END:------for fade effect SEE pkl_effects.js


//progressIndicator("on", cart_row);
useAjax_cc01(postVars,targetDiv,processFile,wichShell,wichImg) ;
 //progressIndicator("on", cart_row);
}

function useAjax_cc01(postVars,targetDiv,processFile, wichBox) 
{
// 

 var XMLHttpRequestObject = false;
  if (window.XMLHttpRequest) {
	XMLHttpRequestObject = new XMLHttpRequest();
  } else if (window.ActiveXObject) {
	XMLHttpRequestObject = new 
	ActiveXObject("Microsoft.XMLHTTP");
  }

  if(XMLHttpRequestObject) 
  {
	//--BEGIN:------for fade effect SEE pkl_effects.js  
	sideProgressIndicator("on", wichBox);
	//--END:------for fade effect SEE pkl_effects.js
	XMLHttpRequestObject.open("POST", processFile); 
    XMLHttpRequestObject.setRequestHeader('Content-Type', 
            'application/x-www-form-urlencoded');  

	XMLHttpRequestObject.onreadystatechange = 
		function() 
				{ 			
					if (XMLHttpRequestObject.readyState == 4 && 
						XMLHttpRequestObject.status == 200) 
						{ 
						document.getElementById(targetDiv).innerHTML =
						XMLHttpRequestObject.responseText;
						}
				} //function
	XMLHttpRequestObject.send(postVars); 
  } 
  
}// function useAjax01