              
              
              

//----------Reciever user info changer
            function changeRecieverUserInfo(val)
            { bForm=document.bookingForm
              if(val =='other')
              { bForm.recieverName.value =mForm.recieverName.value
              	bForm.recieverPhone.value =mForm.recieverPhone.value
                bForm.recieverAddress.value =mForm.recieverAddress.value
                document.bookingForm.recieverName.readOnly =false
                document.bookingForm.recieverPhone.readOnly =false
                document.bookingForm.recieverAddress.readOnly =false
                //bForm.recieverName.removeAttribute('readonly')
                //bForm.recieverPhone.removeAttribute('readonly')
                //bForm.recieverAddress.removeAttribute('readonly')
              }
              else
              if(val =='member')
              {	str =getObj('memberInfo').innerHTML.split('_')
              	bForm.recieverName.value =str[0]
                bForm.recieverPhone.value =str[1]
                bForm.recieverAddress.value =str[2]
                document.bookingForm.recieverName.readOnly =true
                document.bookingForm.recieverPhone.readOnly =true
                document.bookingForm.recieverAddress.readOnly =true
                //bForm.recieverName.setAttribute('readonly',true)
                //bForm.recieverPhone.setAttribute('readonly',true)
                //bForm.recieverAddress.setAttribute('readonly',true)
              }
            }


//----------Deliver case changer
			function deliverChoseChanger(val,obj)
			{ if(val ==0)
			  { obj.bgColor ='#426594'
			  	obj.style.borderColor ='#426594'
			   	obj.parentNode.cells[1].style.color ='black'
			   	obj.parentNode.cells[2].bgColor ='#BFD3ED'
			   	obj.parentNode.cells[2].style.borderColor ='#87A1C2'
			   	obj.parentNode.cells[3].style.color ='#9C9C9C'
			  	str = '<b>Our address</b><br>'
			  	str +='Khan-Uul district-3, Ulaanbaatar city-13, Mongolia<br>'
			  	str +='Phone: 976-11-344815; 343557<br>'
			  	str +='Fax: 976-11-343477;<br>'
			    str +='Postal code: 210136' }
			  if(val==1)
			  { obj.bgColor ='#426594'
			   	obj.style.borderColor ='#426594'
			   	obj.parentNode.cells[3].style.color ='black'
			   	obj.parentNode.cells[0].bgColor ='#BFD3ED'
			   	obj.parentNode.cells[0].style.borderColor ='#87A1C2'
			   	obj.parentNode.cells[1].style.color ='#9C9C9C'
			  	str = '<table cellpadding="3" cellspacing="0" align="center">'
			  	str +='<tr><td height="10"></td></tr>'
			  	str +='<tr><td colspan="3" style="color:#00629D;"><b>International transfer</b></td>'
			  	str +='    <td width="28"></td>'
			  	str +='	   <td width="250px" style="color:#00629D;"><b>Internal transfer</b></td></tr>'
			  	str +='<tr><td width="80px" align="center">'
				str +='	       <table id="dhlTable" bgColor="#E8EDF3" cellpadding="0" cellspacing="0"'
				str +='         style="border:1px solid #78BEE8; cursor:pointer"'
				str +='		    onClick="mForm.deliverCase.value=\'dhl\';'
				str +='                  deliverChoser(this)">'
				str +='		   <tr><td style="padding-left:5px; height:18px; color:black"><b>DHL</b></td></tr>'
				str +='        <tr><td style="padding:5px; padding-top:0px">'
				str +='                <img src="img/book/dhl.png" width="73" height="37"></td></tr>'
				str +='        </table>'
				str +='	   </td>'
			  	str +='	   <td width="80px">'
				str +='		   <table id="fedExTable" bgColor="#E8EDF3" cellpadding="0" cellspacing="0"'
				str +='         style="border:1px solid #78BEE8; cursor:pointer"'
				str +='         onClick="mForm.deliverCase.value=\'fedEx\';'
				str +='                  deliverChoser(this)">'
				str +='		   <tr><td style="padding-left:5px; height:18px; color:black"><b>FedEx</b></td></tr>'
				str +='        <tr><td style="padding:5px; padding-top:0px">'
				str +='                <img src="img/book/fedEx.png" width="73" height="37"></td></tr>'
				str +='        </table>'
				str +='    </td>'
			  	str +='	   <td width="80px">'
				str +='		   <table id="upsTable" bgColor="#E8EDF3" cellpadding="0" cellspacing="0"'
				str +='         style="border:1px solid #78BEE8; cursor:pointer"'
				str +='         onClick="mForm.deliverCase.value=\'ups\';'
				str +='                  deliverChoser(this)">'
				str +='		   <tr><td style="padding-left:5px; height:18px; color:black"><b>UPS</b></td></tr>'
				str +='        <tr><td style="padding:5px; padding-top:0px">'
				str +='                <img src="img/book/ups.png" width="73" height="37"></td></tr>'
				str +='        </table>'
				str +='    </td>'
				str +='    <td></td>'
				str +='	   <td valign="top" style="padding:3px">'
				str +='        <table id="inUBTable" cellspacing="0" cellpadding="0" bgColor="#E8EDF3"'
				str +='         style="border:1px solid #78BEE8; cursor:pointer" height="64" width="208"'
				str +='         onClick="mForm.deliverCase.value=\'inUB\';'
				str +='                  deliverChoser(this)">'
				str +='        <tr><td style="color:black; padding-left:5px; height:18px"><b>Inside Ulaanbaatar</b><td></tr>'
				str +='        <tr><td style="padding-left:5px; padding-right:5px" valign="top">'
				str +='             Product will be transported to you by receiver address! Please recheck entered address!</td></tr>'
				str +='        </table>'
				str +='    </td>'
				str +='</tr>'
				str +='<tr><td colspan="3" valign="top">'
				str +='        <table id="outMongoliaTable" cellspacing="0" cellpadding="0" bgColor="#E8EDF3"'
				str +='         style="border:1px solid #78BEE8; cursor:pointer"'
				str +='         onClick="mForm.deliverCase.value=\'outMongolia\';'
				str +='                  deliverChoser(this)">'
				str +='        <tr><td style="color:black; padding-left:5px; height:18px"><b>Other</b></td></tr>'
				str +='        <tr><td style="padding:5px; padding-top:0px">'
				str +='             If your choice is not suitable for this 3 options. '
				str +='             Please enter your transporter information!</td></tr>'
				str +='        <tr><td style="padding:5px; padding-top:0px">'
				str +='            <textarea id="otherDeliverForeign" class="st1" style="width:255px; height:100px;'
				str +='             padding-left:3px; padding-top:3px; color:black; font-size:12px"></textarea></td></tr>'
				str +='        </table>'
				str +='    </td>'
				str +='    <td></td>'
				str +='	   <td valign="top">'
				str +='        <table id="outUBTable" width="208" height="129" cellspacing="0" cellpadding="0" bgColor="#E8EDF3"'
				str +='         style="border:1px solid #78BEE8; cursor:pointer"'
				str +='         onClick="mForm.deliverCase.value=\'outUB\';'
				str +='                  deliverChoser(this)">'
				str +='        <tr><td style="color:black; padding-left:5px; height:18px"><b>Countryside</b></td></tr>'
				str +='        <tr><td style="padding:5px; padding-top:0px">'
				str +='             If you receive product from countryside'
				str +='             Please enter your transporter information!</td></tr>'
				str +='        <tr><td style="padding:5px; padding-top:0px">'
				str +='            <textarea id="otherDeliverCountrySide" class="st1" style="width:195px; height:100px;'
				str +='             padding-left:3px; padding-top:3px; color:black; font-size:12px"></textarea></td></tr>'
				str +='        </table>'
				str +='    </td>'
				str +='</tr>'
				str +='<tr><td height="20"></td></tr>'
				str +='</table>'
			  }
			  getObj('deliverChoseTd').innerHTML =str
			}
			
			
//----------Deliver case choser
            var preDeliver ='0'
            function deliverChoser(obj)
            { if(preDeliver !=obj)
              { obj.bgColor='#4E6786'
                obj.style.borderColor ='black'
                obj.rows[0].cells[0].style.color ='white'
                obj.rows[1].cells[0].style.color ='#E1E9F3'
                if(obj.rows[1].cells[0].childNodes[0]=='[object HTMLImageElement]')
                   obj.rows[1].cells[0].childNodes[0].style.MozOpacity ='0.5'
                if(preDeliver !='0')
                { preDeliver.bgColor='#E8EDF3'
                  preDeliver.style.borderColor ='#78BEE8'
                  preDeliver.rows[0].cells[0].style.color ='black'
                  preDeliver.rows[1].cells[0].style.color ='#4E4E4E'
                  if(preDeliver.rows[1].cells[0].childNodes[0]=='[object HTMLImageElement]')
                     preDeliver.rows[1].cells[0].childNodes[0].style.MozOpacity ='1'
                }
                preDeliver =obj
              }
            }


//----------Payment case changer
			function paymentChoseChanger(val,obj)
			{ if(val ==0)
			  { obj.bgColor ='#426594'
			   	obj.style.borderColor ='#426594'
			   	obj.parentNode.cells[1].style.color ='black'
			   	obj.parentNode.cells[2].bgColor ='#BFD3ED'
			   	obj.parentNode.cells[2].style.borderColor ='#87A1C2'
			   	obj.parentNode.cells[3].style.color ='#9C9C9C'
			    tmp = '<table align="center">'
			  	tmp +='<tr><td height="8"></td></tr>'
			  	tmp +='<tr><td><table>'
				tmp +='        <tr><td bgColor="#BFD3ED" style="padding-bottom:4px; cursor:pointer; border:1px solid #87A1C2"'
				tmp +='   	        onMouseOver="this.bgColor=\'#87A1C2\'" onMouseOut ="this.bgColor=\'#BFD3ED\'">'
				tmp +='   	       <input type="radio" name="bankChose" value="0" checked style="cursor:pointer"'
				tmp +='             onClick="mForm.paymentBank.value=\'golomt\';'
				tmp +='                      mForm.paymentAccount.value=\'null\'"'
				tmp +='             mForm.paymentBank.value=\'golomt\'></td></tr>'
				tmp +='        </table>'
			  	tmp +='    </td>'
			  	tmp +='    <td><img src="img/book/golomtLogo.jpg"></td></tr>'
			  	tmp +='<tr><td></td>'
			  	tmp +='    <td style="color:black">'
			  	tmp +='        You can pay by Golomt Bank, ХАС Bank, Zoos Bank, Capitron Bank\'s<br>'
			  	tmp +='        internal VISA, Master cards and external VISA, Master cards</td></tr>'
			  	tmp +='<tr><td height="8"></td></tr>'
			  	tmp +='<tr><td><table>'
				tmp +='        <tr><td bgColor="#BFD3ED" style="padding-bottom:4px; cursor:pointer; border:1px solid #87A1C2"'
				tmp +='   	        onMouseOver="this.bgColor=\'#87A1C2\'" onMouseOut ="this.bgColor=\'#BFD3ED\'">'
				tmp +='   	       <input type="radio" name="bankChose" value="0" style="cursor:pointer"'
				tmp +='             onClick="mForm.paymentBank.value=\'tdb\';'
				tmp +='                      mForm.paymentAccount.value=\'null\'"'
				tmp +='             onClick="mForm.paymentBank.value=\'tdb\'"></td></tr>'
				tmp +='        </table>'
			  	tmp +='    </td>'
			  	tmp +='    <td><img src="img/book/tdbLogo.jpg"></td></tr>'
			  	tmp +='<tr><td></td>'
			  	tmp +='    <td style="color:black">'
			  	tmp +='     You can pay by Trade Development Bank, Mongol Post Bank, Ulaanbaatar Bank\'s <br>'
			  	tmp +='     internal VISA, Master Overseas VISA, VISAPLUS cards</td></tr>'
			  	tmp +='<tr><td height="8"></td></tr>'
			  	tmp +='</table>'
			  }
			  
			  if(val ==1)
			  { obj.bgColor ='#426594'
			   	obj.style.borderColor ='#426594'
			   	obj.parentNode.cells[3].style.color ='black'
			   	obj.parentNode.cells[0].bgColor ='#BFD3ED'
			   	obj.parentNode.cells[0].style.borderColor ='#87A1C2'
			   	obj.parentNode.cells[1].style.color ='#9C9C9C'
			   	
			  	tmp = '<table cellpadding="0" cellspacing="0" align="center">'
			  	tmp +='<tr><td height="20"></td></tr>'
			  	tmp +='<tr><td colspan="2" bgColor="#EDEEEE" style="padding:8px; color:black; border:1px solid #D2D3D5" align="center">'
			  	tmp +='     You can transfer order payment to Altai Cashmere Co., Ltd\'s<br> beneath account!</td></tr>'
			    tmp +='<tr><td height="10"></td></tr>'
			  	tmp +='<tr><td align="right" style="color:black">Beneficiary\'s Bank:&nbsp;</td>'
			  	tmp +='    <td><select id="bankName" style="background-color:#E3EFF9; color:black; border:1px solid #32536F; width:198px"'
			  	tmp +='         onChange="mForm.paymentBank.value =this.value;'
			  	tmp +='                   changeAccounts(this.value);'
			  	tmp +='                   mForm.paymentAccount.value =getObj(\'selectAccount\').value">'
			  	tmp +='        <option value="golomt" '; if(mForm.paymentBank.value =='golomt') tmp +='selected'; tmp +='>Golomt Bank</option>'
			  	tmp +='        <option value="tdb" ';    if(mForm.paymentBank.value =='tdb')    tmp +='selected'; tmp +='>Trade Development Bank</option>'
			  	tmp +='        <option value="haan" ';   if(mForm.paymentBank.value =='haan')   tmp +='selected'; tmp +='>Khan Bank</option>'
			  	tmp +='        <option value="xac" ';    if(mForm.paymentBank.value =='xac')    tmp +='selected'; tmp +='>Хас Bank</option>'
			  	tmp +='        </select></td></tr>'
			  	tmp +='<tr><td height="5"></td></tr>'
			  	tmp +='<tr><td align="right" style="color:black">Beneficiary\'s Account:&nbsp;</td>'
			  	tmp +='    <td id="accountsTd"></td></tr>'
			  	tmp +='<tr><td height="5"></td></tr>'
			  	tmp +='<tr><td align="right" style="color:black">Transfer from:&nbsp;</td>'
			  	tmp +='    <td><select style="background-color:#E3EFF9; color:black; border:1px solid #32536F; width:198px"'
			  	tmp +='         onChange="mForm.paymentWay.value =this.value">'
			  	tmp +='        <option value="inSide" ';  if(mForm.paymentWay.value =='inSide')  tmp +='selected'; tmp +='>Internal</option>'
			  	tmp +='        <option value="outSide" '; if(mForm.paymentWay.value =='outSide') tmp +='selected'; tmp +='>External</option>'
			  	tmp +='        </select></td></tr>'
			  	tmp +='<tr><td height="20"></td></tr>'
			  	tmp +='</table>'
              }
			  getObj('paymentChoseTd').innerHTML =tmp
			}


//----------Payment case choser
            var prePayment ='0'
            function paymentChoser(obj)
            { if(prePayment !=obj)
              { if(obj.width !='300')  obj.bgColor='#4E6786'
                else
                { obj.rows[0].cells[0].bgColor='#4E6786'
              	  obj.rows[1].cells[0].bgColor='#E8EDF3' }
                obj.parentNode.style.borderColor ='#4E6786'
                obj.rows[0].cells[0].style.color ='white'
                if(prePayment !='0')
                { if(prePayment.width !='300')  prePayment.bgColor='#F1F4F8'
              	  else
              	  { prePayment.rows[0].cells[0].bgColor='#F1F4F8'
              	    prePayment.rows[1].cells[0].bgColor='' }
                  prePayment.parentNode.style.borderColor ='#63A1C6'
                  prePayment.rows[0].cells[0].style.color ='black'
                }
                prePayment =obj
              }
            }


//----------Submit Booking
            function changeAccounts(bankName)
            { tmp = '<select id="selectAccount" style="background-color:#E3EFF9; color:black; border:1px solid #32536F; width:198px"'
              tmp +=' onChange="mForm.paymentAccount.value =this.value">'
			  if(bankName =='tdb')
			  { tmp +='<option value="tug_499005931" '; if(mForm.paymentAccount.value =='tug_499005931')  tmp +='selected'; tmp +='>MNT: &nbsp; &nbsp;499005931</option>'
			  	tmp +='<option value="usd_499018963" '; if(mForm.paymentAccount.value =='usd_499018963')  tmp +='selected'; tmp +='>USD: &nbsp; &nbsp;499018963</option>'
			  	tmp +='<option value="eur_499124722" '; if(mForm.paymentAccount.value =='eur_499124722')  tmp +='selected'; tmp +='>EURO: &nbsp; &nbsp;&nbsp; 499124722</option>'
			  }
			  if(bankName =='golomt')
			  { tmp +='<option value="tug_1102038251" '; if(mForm.paymentAccount.value =='tug_1102038251')  tmp +='selected'; tmp +='>MNT: &nbsp; &nbsp;1102038251</option>'
			  	tmp +='<option value="usd_1102111858" '; if(mForm.paymentAccount.value =='usd_1102111858')  tmp +='selected'; tmp +='>USD: &nbsp; &nbsp;1102111858</option>'
			  }
			  if(bankName =='xac')
			  { tmp +='<option value="tug_21000510" '; if(mForm.paymentAccount.value =='tug_21000510')  tmp +='selected'; tmp +='>MNT: &nbsp; &nbsp;21000510</option>'
			  	tmp +='<option value="usd_23000166" '; if(mForm.paymentAccount.value =='usd_23000166')  tmp +='selected'; tmp +='>USD: &nbsp; &nbsp;23000166</option>'
			  }
			  if(bankName =='haan')
			  { tmp +='<option value="tug_5038006571" '; if(mForm.paymentAccount.value =='tug_5038006571')  tmp +='selected'; tmp +='>MNT: &nbsp; &nbsp;5038006571</option>'
			  	tmp +='<option value="usd_5038006582" '; if(mForm.paymentAccount.value =='usd_5038006582')  tmp +='selected'; tmp +='>USD: &nbsp; &nbsp;5038006582</option>'
			  }
			  tmp +='</select>'
			  getObj('accountsTd').innerHTML =tmp
            }


//----------Submit Booking
            var xmlBook
            function submitBooking()
			{ xmlBook =getXMLHttpObject()
		      if(xmlBook ==null) { alert("Browser does not support HTTP Request"); return }
			  url ='module/ajax/submitBooking.php'
			  xmlBook.onreadystatechange =stateChanged_Book
			  xmlBook.open("GET",url,true)
			  xmlBook.send(null) }
			      
			function stateChanged_Book()
			{ if(xmlBook.readyState ==4 || xmlBook.readyState =="complete")
			  { getObj('proBody').innerHTML =xmlBook.responseText
			  	preLoaderControl(false)
			} }