var theId
function grabID(e)
{ 
var targ;
if (!e) var e = window.event;
if (e.target) targ = e.target;
else if (e.srcElement) targ = e.srcElement;
if (targ.nodeType == 3) 
targ = targ.parentNode;
theId=targ.id;
theClass=targ.className;

if((theId == 'first_name') || (theId == 'last_name') || (theId == 'phone') || (theId == 'email') || (theId == 'street1') || (theId == 'street2')|| (theId == 'city') || (theId == 'county')|| (theId == 'country') || (theId == 'Postcode'))
{
	
	var datObject			=	document.getElementById(theId);
	var	datObjectPr			=	document.getElementById(theId+'_pr');
	var	datValue			=	datObject.value;

	showchange();
}

}

function showchange()
{
	var datObject			=	document.getElementById(theId);
	var	datObjectPr			=	document.getElementById(theId+'_pr');
	var	datValue			=	(datObject.value.length > 0)?datObject.value:'';
	
	
	myUsefulFunction.upDat(uid,theId,datValue, {  
	    "onFinish": function(response){  
if(response){
	datObjectPr.innerHTML	=	response;
	av();
	}

	        }
		
	 });
	
}

function adj()
{
	var	tcard	=	document.getElementById('cardType');
	var tvalue	=	tcard.value;
	document.location.href	=	'?pg=basket&step=4&ct='+tvalue;
}

function cbp()
{
	var pname		=	document.getElementById('cardholderName');
	var pnum		=	document.getElementById('cardNumber');
	var pcvv		=	document.getElementById('cvv');

	var pnamevalue	=	pname.value;
	var pnumvalue	=	pnum.value;
	var pcvvvalue	=	pcvv.value;
	
	if(pnamevalue.length >= 3&&pnumvalue.length >= 3&&pcvvvalue.length >= 3)
	{
	var paybtn							=	document.createElement('input');
	var oldpaybtn						=	document.getElementById('paybtn');
		paybtn.type						=	'submit';
		paybtn.name						=	'payment';
		paybtn.id						=	'paybtn';
		paybtn.value					=	'Pay';
		paybtn.style.backgroundColor	=	'#cccccc';
		paybtn.style.width				=	'60px';
		paybtn.style.font				=	'10px solid #000000';
		paybtn.style.opacity			=	'1';
		paybtn.style.filter				=	'alpha(opacity=100)';
		paybtn.style.border				=	'none';
		oldpaybtn.parentNode.replaceChild(paybtn,oldpaybtn);
	}
	else
	{
		var paybtn							=	document.createElement('input');
		var oldpaybtn						=	document.getElementById('paybtn');
			paybtn.type						=	'button';
			paybtn.name						=	'payment';
			paybtn.id						=	'paybtn';
			paybtn.value					=	'Pay';
			paybtn.style.backgroundColor	=	'#cccccc';
			paybtn.style.width				=	'60px';
			paybtn.style.font				=	'10px solid #000000';
			paybtn.style.opacity			=	'0.2';
			paybtn.style.filter				=	'alpha(opacity=20)';
			paybtn.style.border				=	'none';
			oldpaybtn.parentNode.replaceChild(paybtn,oldpaybtn);
	}
}

function av()
{
	
		
	myUsefulFunction.acheck(uid, {  
	    "onFinish": function(response){  
if(response)
{
	var nxtbtn							=	document.getElementById('address');
	var nxtbtn2							=	document.createElement('input');
		
		nxtbtn2.type					=	'button';
		nxtbtn2.style.backgroundColor	=	'#CCCCCC';
		nxtbtn2.name					=	'confirm';
		nxtbtn2.id						=	'address';
		nxtbtn2.value					=	'Next';
		nxtbtn2.style.border			=	'none';
		nxtbtn2.style.font				=	'10px solid #000000';
		nxtbtn2.style.width				=	'60px';
		nxtbtn2.onmousedown				=	function(){document.location.href='?pg=basket&step=3';}
		nxtbtn.parentNode.replaceChild(nxtbtn2,nxtbtn);
}
else
{
	var nxtbtn							=	document.getElementById('address');
	var nxtbtn2							=	document.createElement('input');
		
		nxtbtn2.type					=	'button';
		nxtbtn2.style.backgroundColor	=	'#CCCCCC';
		nxtbtn2.name					=	'confirm';
		nxtbtn2.id						=	'address';
		nxtbtn2.value					=	'Next';
		nxtbtn2.style.border			=	'none';
		nxtbtn2.style.font				=	'10px solid #000000';
		nxtbtn2.style.width				=	'60px';
		nxtbtn2.style.opacity				=	'0.2';
		nxtbtn2.style.filter				=	'alpha(opacity=20)';
		nxtbtn2.onmousedown				=	function(){hilite()}
	
	nxtbtn.parentNode.replaceChild(nxtbtn2,nxtbtn);
}
	        }
		
	 });
		
}

function hilite()
{

}
function updt(theid,thefield)
{
	if(thefield == 'pos')
	{
		var newid	=	'hor'+theid;
	}

	if(thefield == 'page_source')
	{
		var newid	=	'ps'+theid;
	}
	if(thefield == 'page_name')
	{
		var newid	=	'nm'+theid;
	}
	
	var shortdesc	=	document.getElementById(newid);
	var	descvalue	=	shortdesc.value;

	myUsefulFunction.updatesde(theid,descvalue,thefield, {  
    "onFinish": function(response){  

           
        }
	
 });

}



function updtproduct(theid,thefield,idprefix)
{
	var shortdesc	=	document.getElementById(idprefix+theid);
	var	descvalue	=	shortdesc.value;
	
	myUsefulFunction.updateproducts(theid,thefield,descvalue, {  
	    "onFinish": function(response){  

	           
	        }
		
	 });
}


function addlink(theid)
{
	

	var numlinks	=	document.getElementById(theid).value;

	if(numlinks == 1)
	
	{
		document.getElementById('mlinkspan1').innerHTML =	'<table><tr><td class="linkstd"></td> <td>url 2 <input type="text" name="celink2" size="40" class="sfoTextField"/> title 2 <input type="text" name="title2"   size="40" class="sfoTextField"/></td></tr></table>';
	}
	if(numlinks == 2)
		
	{
		document.getElementById('mlinkspan1').innerHTML =	'<table><tr><td class="linkstd"></td> <td>url 2 <input type="text" name="celink2" size="40" class="sfoTextField"/> title 2 <input type="text" name="title2"   size="40" class="sfoTextField"/></td></tr><tr><td class="linkstd"></td> <td>url 3 <input type="text" name="celink3" size="40" class="sfoTextField"/> title 3 <input type="text" name="title3" value="{TITLE3}" size="40" class="sfoTextField"/></td></tr></table>';
	}

	if(numlinks == 3)
		
	{
		document.getElementById('mlinkspan1').innerHTML =	'<table><tr><td class="linkstd"></td> <td>url 2 <input type="text" name="celink2" size="40" class="sfoTextField"/> title 2 <input type="text" name="title2"   size="40" class="sfoTextField"/></td></tr><tr><td class="linkstd"></td> <td>url 3 <input type="text" name="celink3" size="40" class="sfoTextField"/> title 3 <input type="text" name="title3" value="{TITLE3}" size="40" class="sfoTextField"/></td></tr><tr><td class="linkstd"></td> <td>url 4 <input type="text" name="celink4" size="40" class="sfoTextField"/> title 4 <input type="text" name="title4"   size="40" class="sfoTextField"/></td></tr></table>';
	}

if(numlinks == 4)
		
	{
		document.getElementById('mlinkspan1').innerHTML =	'<table><tr><td class="linkstd"></td> <td>url 2 <input type="text" name="celink2" size="40" class="sfoTextField"/> title 2 <input type="text" name="title2"   size="40" class="sfoTextField"/></td></tr><tr><td class="linkstd"></td> <td>url 3 <input type="text" name="celink3" size="40" class="sfoTextField"/> title 3 <input type="text" name="title3" value="{TITLE3}" size="40" class="sfoTextField"/></td></tr><tr><td class="linkstd"></td> <td>url 4 <input type="text" name="celink4" size="40" class="sfoTextField"/> title 4 <input type="text" name="title4"   size="40" class="sfoTextField"/></td></tr><tr><td class="linkstd"></td> <td>url 5 <input type="text" name="celink5" size="40" class="sfoTextField"/> title 5 <input type="text" name="title5"   size="40" class="sfoTextField"/></td></tr></table>';
	}
	
if(numlinks == 5)
	
{
	document.getElementById('mlinkspan1').innerHTML =	'<table><tr><td class="linkstd"></td> <td>url 2 <input type="text" name="celink2" size="40" class="sfoTextField"/> title 2 <input type="text" name="title2"   size="40" class="sfoTextField"/></td></tr><tr><td class="linkstd"></td> <td>url 3 <input type="text" name="celink3" size="40" class="sfoTextField"/> title 3 <input type="text" name="title3" value="{TITLE3}" size="40" class="sfoTextField"/></td></tr><tr><td class="linkstd"></td> <td>url 4 <input type="text" name="celink4" size="40" class="sfoTextField"/> title 4 <input type="text" name="title4"   size="40" class="sfoTextField"/></td></tr><tr><td class="linkstd"></td> <td>url 5 <input type="text" name="celink5" size="40" class="sfoTextField"/> title 5 <input type="text" name="title5"   size="40" class="sfoTextField"/></td></tr><tr><td class="linkstd"></td> <td>url 6 <input type="text" name="celink6" size="40" class="sfoTextField"/> title 6 <input type="text" name="title6"   size="40" class="sfoTextField"/></td></tr></table>';
}

if(numlinks == 6)
	
{
	document.getElementById('mlinkspan1').innerHTML =	'<table><tr><td class="linkstd"></td> <td>url 2 <input type="text" name="celink2" size="40" class="sfoTextField"/> title 2 <input type="text" name="title2"   size="40" class="sfoTextField"/></td></tr><tr><td class="linkstd"></td> <td>url 3 <input type="text" name="celink3" size="40" class="sfoTextField"/> title 3 <input type="text" name="title3" value="{TITLE3}" size="40" class="sfoTextField"/></td></tr><tr><td class="linkstd"></td> <td>url 4 <input type="text" name="celink4" size="40" class="sfoTextField"/> title 4 <input type="text" name="title4"   size="40" class="sfoTextField"/></td></tr><tr><td class="linkstd"></td> <td>url 5 <input type="text" name="celink5" size="40" class="sfoTextField"/> title 5 <input type="text" name="title5"   size="40" class="sfoTextField"/></td></tr><tr><td class="linkstd"></td> <td>url 6 <input type="text" name="celink6" size="40" class="sfoTextField"/> title 6 <input type="text" name="title6"   size="40" class="sfoTextField"/></td></tr><tr><td class="linkstd"></td> <td>url 7 <input type="text" name="celink7" size="40" class="sfoTextField"/> title 7 <input type="text" name="title7"   size="40" class="sfoTextField"/></td></tr></table>';
}

if(numlinks == 7)
	
{
	document.getElementById('mlinkspan1').innerHTML =	'<table><tr><td class="linkstd"></td> <td>url 2 <input type="text" name="celink2" size="40" class="sfoTextField"/> title 2 <input type="text" name="title2"   size="40" class="sfoTextField"/></td></tr><tr><td class="linkstd"></td> <td>url 3 <input type="text" name="celink3" size="40" class="sfoTextField"/> title 3 <input type="text" name="title3" value="{TITLE3}" size="40" class="sfoTextField"/></td></tr><tr><td class="linkstd"></td> <td>url 4 <input type="text" name="celink4" size="40" class="sfoTextField"/> title 4 <input type="text" name="title4"   size="40" class="sfoTextField"/></td></tr><tr><td class="linkstd"></td> <td>url 5 <input type="text" name="celink5" size="40" class="sfoTextField"/> title 5 <input type="text" name="title5"   size="40" class="sfoTextField"/></td></tr><tr><td class="linkstd"></td> <td>url 6 <input type="text" name="celink6" size="40" class="sfoTextField"/> title 6 <input type="text" name="title6"   size="40" class="sfoTextField"/></td></tr><tr><td class="linkstd"></td> <td>url 7 <input type="text" name="celink7" size="40" class="sfoTextField"/> title 7 <input type="text" name="title7"   size="40" class="sfoTextField"/></td></tr><tr><td class="linkstd"></td> <td>url 8 <input type="text" name="celink8" size="40" class="sfoTextField"/> title 8 <input type="text" name="title8"   size="40" class="sfoTextField"/></td></tr></table>';
}

if(numlinks == 8)
	
{
	document.getElementById('mlinkspan1').innerHTML =	'<table><tr><td class="linkstd"></td> <td>url 2 <input type="text" name="celink2" size="40" class="sfoTextField"/> title 2 <input type="text" name="title2"   size="40" class="sfoTextField"/></td></tr><tr><td class="linkstd"></td> <td>url 3 <input type="text" name="celink3" size="40" class="sfoTextField"/> title 3 <input type="text" name="title3" value="{TITLE3}" size="40" class="sfoTextField"/></td></tr><tr><td class="linkstd"></td> <td>url 4 <input type="text" name="celink4" size="40" class="sfoTextField"/> title 4 <input type="text" name="title4"   size="40" class="sfoTextField"/></td></tr><tr><td class="linkstd"></td> <td>url 5 <input type="text" name="celink5" size="40" class="sfoTextField"/> title 5 <input type="text" name="title5"   size="40" class="sfoTextField"/></td></tr><tr><td class="linkstd"></td> <td>url 6 <input type="text" name="celink6" size="40" class="sfoTextField"/> title 6 <input type="text" name="title6"   size="40" class="sfoTextField"/></td></tr><tr><td class="linkstd"></td> <td>url 7 <input type="text" name="celink7" size="40" class="sfoTextField"/> title 7 <input type="text" name="title7"   size="40" class="sfoTextField"/></td></tr><tr><td class="linkstd"></td> <td>url 8 <input type="text" name="celink8" size="40" class="sfoTextField"/> title 8 <input type="text" name="title8"   size="40" class="sfoTextField"/></td></tr><tr><td class="linkstd"></td> <td>url 9 <input type="text" name="celink9" size="40" class="sfoTextField"/> title 9 <input type="text" name="title9"   size="40" class="sfoTextField"/></td></tr></table>';
}

if(numlinks == 9)
	
{
	document.getElementById('mlinkspan1').innerHTML =	'<table><tr><td class="linkstd"></td> <td>url 2 <input type="text" name="celink2" size="40" class="sfoTextField"/> title 2 <input type="text" name="title2"   size="40" class="sfoTextField"/></td></tr><tr><td class="linkstd"></td> <td>url 3 <input type="text" name="celink3" size="40" class="sfoTextField"/> title 3 <input type="text" name="title3" value="{TITLE3}" size="40" class="sfoTextField"/></td></tr><tr><td class="linkstd"></td> <td>url 4 <input type="text" name="celink4" size="40" class="sfoTextField"/> title 4 <input type="text" name="title4"   size="40" class="sfoTextField"/></td></tr><tr><td class="linkstd"></td> <td>url 5 <input type="text" name="celink5" size="40" class="sfoTextField"/> title 5 <input type="text" name="title5"   size="40" class="sfoTextField"/></td></tr><tr><td class="linkstd"></td> <td>url 6 <input type="text" name="celink6" size="40" class="sfoTextField"/> title 6 <input type="text" name="title6"   size="40" class="sfoTextField"/></td></tr><tr><td class="linkstd"></td> <td>url 7 <input type="text" name="celink7" size="40" class="sfoTextField"/> title 7 <input type="text" name="title7"   size="40" class="sfoTextField"/></td></tr><tr><td class="linkstd"></td> <td>url 8 <input type="text" name="celink8" size="40" class="sfoTextField"/> title 8 <input type="text" name="title8"   size="40" class="sfoTextField"/></td></tr><tr><td class="linkstd"></td> <td>url 9 <input type="text" name="celink9" size="40" class="sfoTextField"/> title 9 <input type="text" name="title9"   size="40" class="sfoTextField"/></td></tr><tr><td class="linkstd"></td> <td>url 10 <input type="text" name="celink10" size="40" class="sfoTextField"/> title 10 <input type="text" name="title10"   size="40" class="sfoTextField"/></td></tr></table>';
}

if(numlinks == 10)
	
{
	document.getElementById('mlinkspan1').innerHTML =	'<table><tr><td class="linkstd"></td> <td>url 2 <input type="text" name="celink2" size="40" class="sfoTextField"/> title 2 <input type="text" name="title2"   size="40" class="sfoTextField"/></td></tr><tr><td class="linkstd"></td> <td>url 3 <input type="text" name="celink3" size="40" class="sfoTextField"/> title 3 <input type="text" name="title3" value="{TITLE3}" size="40" class="sfoTextField"/></td></tr><tr><td class="linkstd"></td> <td>url 4 <input type="text" name="celink4" size="40" class="sfoTextField"/> title 4 <input type="text" name="title4"   size="40" class="sfoTextField"/></td></tr><tr><td class="linkstd"></td> <td>url 5 <input type="text" name="celink5" size="40" class="sfoTextField"/> title 5 <input type="text" name="title5"   size="40" class="sfoTextField"/></td></tr><tr><td class="linkstd"></td> <td>url 6 <input type="text" name="celink6" size="40" class="sfoTextField"/> title 6 <input type="text" name="title6"   size="40" class="sfoTextField"/></td></tr><tr><td class="linkstd"></td> <td>url 7 <input type="text" name="celink7" size="40" class="sfoTextField"/> title 7 <input type="text" name="title7"   size="40" class="sfoTextField"/></td></tr><tr><td class="linkstd"></td> <td>url 8 <input type="text" name="celink8" size="40" class="sfoTextField"/> title 8 <input type="text" name="title8"   size="40" class="sfoTextField"/></td></tr><tr><td class="linkstd"></td> <td>url 9 <input type="text" name="celink9" size="40" class="sfoTextField"/> title 9 <input type="text" name="title9"   size="40" class="sfoTextField"/></td></tr><tr><td class="linkstd"></td> <td>url 10 <input type="text" name="celink10" size="40" class="sfoTextField"/> title 10 <input type="text" name="title10"   size="40" class="sfoTextField"/></td></tr><tr><td class="linkstd"></td> <td>url 11 <input type="text" name="celink11" size="40" class="sfoTextField"/> title 11 <input type="text" name="title11"   size="40" class="sfoTextField"/></td></tr></table>';
}
	
}

function postBillingFormCC()
{
	
	document.updatecardbillingform.submit();
}

function rateOurBooks()
{
	
	window.alert('Thanks for rating our books')
	
}

function showIssueNumber()
{

	document.epaymentForm.cardtypeEle.submit();
	
}

function submitmybillingadd()

{
	
	document.unhide_myform.submit();
	
}


function popup(mylink, windowname)
{
if (! window.focus)return true;
var href;
if (typeof(mylink) == 'string')
   href=mylink;
else
   href=mylink.href;
window.open(href, windowname, 'width=500,height=700,scrollbars=yes');
return false;
}

function popupWide(mylink, windowname)
{
if (! window.focus)return true;
var href;
if (typeof(mylink) == 'string')
   href=mylink;
else
   href=mylink.href;
window.open(href, windowname, 'width=700,height=400,scrollbars=yes');
return false;
}

function popupSmall(mylink, windowname)
{
if (! window.focus)return true;
var href;
if (typeof(mylink) == 'string')
   href=mylink;
else
   href=mylink.href;
window.open(href, windowname, 'width=700,height=800,scrollbars=yes');
return false;
}

function popupLarge(mylink, windowname)
{
if (! window.focus)return true;
var href;
if (typeof(mylink) == 'string')
   href=mylink;
else
   href=mylink.href;
window.open(href, windowname, 'width=1024,height=800,scrollbars=yes');
return false;
}

function submitCmsAdForm()
{
	document.cms_ad_form.submit();
}

function showchild(thearray)
{

	var dataArray	=	thearray.split(',');
	var dataCount	=	dataArray.length;
	
	for(i=0;i <= dataCount;i++)
	{
document.getElementById(dataArray[i]).style.visibility	=	'visible';
	}
	
}

function hidechild(thearray)
{
	

	var dataArray	=	thearray.split(',');
	var dataCount	=	dataArray.length;
	
	for(i=0;i <= dataCount;i++)
	{
		document.getElementById(dataArray[i]).style.visibility='hidden';
	
	}
	
}


$('#send, #pswd, #newcustomer, #returningcustomer').bind('click keyup', function(e) {
	var custstateNew	=	document.getElementById('newcustomer');
	var custstateRet	=	document.getElementById('returningcustomer');
	var emailv			=	document.getElementById('vemail');
	var disA			=	document.getElementById('nA');
	
	if(emailv.value)
	{
	//new customers handled here
	if(custstateNew.checked == true)
	{
	disA.innerHTML	=	'Please wait...';
	document.cookie		=	'uid='+emailv.value;	
	
	document.location.href	=	'?'+window.location.search.substring(1);
	}
	
	//returning customers handled here
	if(custstateRet.checked == true)
	{
		var pswdfield	=	document.getElementById('pswd');
		if(pswdfield.value)
		{
			
			//transmitting password and email for validation
			myUsefulFunction.valUandP(emailv.value,pswdfield.value, {  
			    "onFinish": function(response){  

				if(response)

				{
					disA.innerHTML	=	'Please wait...';
					document.location.href	=	'?'+window.location.search.substring(1);
				}
				else
				{
					disA.innerHTML	=	'Sorry try again...';
				}
			           
			        }
				
			 });
			
		}
		else
		{
			disA.innerHTML	=	'Please see password...';
		}
			
	}
	
	if(custstateNew.checked == false&&custstateRet.checked==false)
	{
		disA.innerHTML	=	'Please state if you are a new or returning customer';
	}
	}
	else
	{
		disA.innerHTML	=	'Please see email...';
	}
		
});

document.onkeyup	=	grabID;
document.onclick	=	grabID;
document.onchange	=	grabID;