var dom = document.getElementById
var addingajaxcalled=0; // var is in util.js
var app_URL='http://www.w3shoppingcart.com"';
var app_secureURL='https://w3safesecure.com/w3shoppingcart';  
var httpOrhttps = location.href.substring(0,5); 
var currURL;
if(httpOrhttps == 'https') currURL=app_secureURL;
else currURL=app_URL; 

 
 
   // for ajax & other calls
function getContainer(dv) { 
	var container;
	if(document.getElementById){
		if(document.getElementById(dv)) container = document.getElementById(dv);  
	}
	else {
		var c=eval(dv);
		 if(c) container = c;
	}
	return container;
}

// preload images
var loginimg1 = new Image();
var loginimg2 = new Image(); 
var ajaxload = new Image();
var ajaxloadbar = new Image(); 
loginimg2.src = 'images/am_clock.gif';  
ajaxload.src = 'images/ajax-loader.gif';
ajaxloadbar.src = 'images/ajax-loader-bar.gif';

 
  
var loadSpace;
var loadSpace2;
var errSpace;
var shareForm; 
var usernamefield;

var zval; 
function getUsernameAvail(usernamefieldSent) {  
   if (!xmlhttp) xmlhttp = aaGetXmlHttpRequest();
   if (!xmlhttp) return; 
	loadSpace="divUsername";//set to global var
	errSpace=loadSpace;//set to global var
	usernamefield=usernamefieldSent;//set to global var
   zval=usernamefield.value;//set to global var
   if(zval.length >=4 && zval.length <= 50) {  
   			if(zval.indexOf(' ')>=0) {
				fillitwith='<span style="background-color:red;color:white;padding:1px">No spaces allowed</span>';
				usernamefield.style.backgroundColor="#ffc0c0"; 
				getContainer(loadSpace).innerHTML = fillitwith;  
				usernamefield.select();
				usernamefield.focus(); 
   			}
			else {
				var zvalEnc = encodeURIComponent(zval);  
				var qry = "username=" + zvalEnc;
				var url = 'Ajax_Username_Avail_yesNo.cfm?' + qry;
				ajaxPreloader(loadSpace,'center',0,'bar'); 
				xmlhttp.open('GET', url, true);
				//xmlhttp.onreadystatechange = fillUsername;
				xmlhttp.onreadystatechange = fillGivenSpace;
				xmlhttp.send(null); 
				return false;
			}
 	}  
	else {
		fillitwith='<span style="background-color:red;color:white;padding:1px">Length 4 to 50 needed.</span>';
		usernamefield.style.backgroundColor="#ffc0c0";
		var container = getContainer(loadSpace);
		container.innerHTML = fillitwith;  
		usernamefield.select();
		usernamefield.focus(); 
	}  
}   

function fillGivenSpace() { 
	   if(isK && xmlhttp.readyState == 4 && xmlhttp.status != 200) {
			var container;
		   	if(loadSpace)  container = getContainer(loadSpace);  
			else if (errSpace)  container = getContainer(errSpace);  
			if(container) container.innerHTML = xmlhttp.responseText + "<br>xmlhttp.status: " +xmlhttp.status;
			else alert("error: " +  xmlhttp.responseText + "xmlhttp.status: " +xmlhttp.status );  
			loadSpace2=null;//done with it (keep this inside readystatechange or it resets it before it uses it
	   } 
	   if(xmlhttp.readyState == 4 && xmlhttp.status == 200) {    
	   		if(isK&&0)  alert("returned ok: " + xmlhttp.responseText);
			var posE = -1;
		    var str=xmlhttp.responseText; 
			var pos=str.indexOf('<span id="et"></span>');   
			var container;
			 if(pos >= 0) {   
			 		str=str.substring(0,pos); 
					if(loadSpace2)  container = getContainer(loadSpace2);//if load space is not null, us it.
					else container = getContainer(loadSpace);  
			}
			else {
					var posE=str.indexOf('<span id="et">0</span>');  
					if(posE>=0) str=str.substring(0,posE);
					if(str.length > 0)  str= '<span style="color:red;">' + str + '</span>'; 
					container = getContainer(errSpace); 
			} 
			if(container) {
					if( str.length > 0) {
						container.style.display='block';
						container.innerHTML = str;  
					}
					else {
						container.style.display='none';
						if(isK && 0) alert("K: Nothing returned, container closed, OK");
					} 
					if(posE<0) {
							if(errSpace) {
								 var Errcontainer = getContainer(errSpace);  
								 if(Errcontainer && Errcontainer.innerHTML &&
								   (Errcontainer.innerHTML.indexOf("ajax-loader.gif")>0 || Errcontainer.innerHTML.indexOf("ajax-loader-bar.gif")>0) ) {
								 		Errcontainer.style.display='none';//remove any preloader
								 }
							 } 
					}  
			}
			else if(str.length > 0) { 
					if(isK) alert("K: no container and has a string" + str);
					else alert(str); 
			}
			else {
				if(isK&&0) alert("K: Nothing returned and no container");
			}   
			loadSpace2=null;//done with it (keep this inside readystatechange or it resets it before it uses it
		}    
}
