/*
 * Use to populate the state/country 
 */

function populateState(stateId , data) {
  //var state = $("#" + stateId)[0];
  //state.innerHTML=data;
 $("#" + stateId).html(data);
}
function inputState(inputObj,stateId)
{
 var statObj=document.getElementById(stateId);
 changeSelectValue(statObj,inputObj);
}

function changeSelectValue(statObj,inputObj)
{
  statObj.options.length=0;
  statObj.options[0]=new Option(inputObj.value,inputObj.value);
}

function initStateByCountryCode(countryCode,stateCode,stateId)
{	getStates(countryCode,stateId);
	$("#"+stateId).val(stateCode);
	if(document.getElementById(stateId+"_state_Input"))
	$("#"+stateId+"_state_Input").val(stateCode);
}
function getStates(countryCode , stateId) {
  $.ajax({
    type:"Get",
	async:false,
    url:contextPath+"/ajax/stateRestriction.jsp",
    data:"countryCode=" + countryCode,
    dataType:"text",
    success: function(data) {
		
		var disable=""
        var stateInputId=stateId+"_"+"state_Input";
        var style = "width:120px;";
        try{
          style = $("#" + stateId).attr("style");
        }catch(e){
        }
        if(countryCode==""){
			disable="true";
			var stateInput=document.getElementById(stateInputId);
				 if(stateInput!=null){ stateInput.style.display="none"; }
				 var sel=document.getElementById(stateId);
				 if(sel!=null){ sel.style.display="";}
				 sel.disabled=disable;
				
		}
		if($.trim(data)=="NoState")
		{ 
			
			var sel=document.getElementById(stateId);
			var parent=sel.parentNode;
			var stateInput=document.getElementById(stateInputId);
			if(stateInput!=null)
			{	sel.style.display="none";
				stateInput.value="";
				stateInput.style.display="";
				inputState(stateInput,stateId);
				sel.disabled=disable;
			}
			else
			{
				var newInput= document.createElement("input"); 
				newInput.setAttribute("type","text");
				newInput.setAttribute("id",stateInputId);
				newInput.setAttribute("style",style);
			//	newInput.style.width=sel.style.width;
				newInput.style.width="214px";
				newInput.maxLength=20;
				var onclikFunction="inputState(this,'"+stateId+"')";
				newInput.onblur=function(){ inputState(newInput,stateId);};
				newInput.onkeyup=function(){ inputState(newInput,stateId);};
				parent.appendChild(newInput);
				sel.style.display="none";
				sel.disabled=disable;
			}
			if(document.getElementById(stateInputId)) 
			{
			    if(document.getElementById(stateId).disabled)
				$("#"+stateInputId).attr("readonly","readonly");
			}
			$("#"+stateInputId).blur();
			$("#"+stateInputId).keyup();
			if($("."+stateId)[0]!=null)
			$("."+stateId).attr("style","display:none");
			return;
		}
		else
		{	
		     var stateInput=document.getElementById(stateInputId);
			 if(stateInput!=null)
			 stateInput.style.display="none";
   			 var sel=document.getElementById(stateId);
			 if(sel!=null)
			 sel.style.display="";
			 sel.disabled=disable;
			 if($("."+stateId)[0]!=null)
			 $("."+stateId).attr("style","display:''");
		}
      try{
        populateState(stateId , data);
      }catch(e){
      }
	  
    },
    error: function() {

    }
  }); 
}