$(document).ready(function(e) {
	$('#cardType').change(function(e){
		adj();
	});
	
	function adj()
	{
		var	tcard	=	document.getElementById('cardType');
		var tvalue	=	tcard.value;
		var spliturl	=	document.location.href.split('?');
			spliturl	=	spliturl[1].split('&');
		var	splitcount	=	spliturl.length;
		var i	=	0;
		var furthersplits;
		var newurl;
		while(i < splitcount)
		{
			furthersplits		=	spliturl[i].split('=')
			newurl	+=	(newurl)?'&'+furthersplits[0]+'='+furthersplits[1]:furthersplits[0]+'='+furthersplits[1];
			i++;
		}
		newurl	=	newurl.replace('undefined', '');		
		document.location.href	=	'?'+newurl+'&ct='+tvalue;
	}

if(document.location.href.match(/step=2/))
{
		av();
}

$('#first_name,#last_name,#phone,#email,#street1,#street2,#city,#county,#country,#Postcode').bind('click keyup change', function(e)
{
showchange(e.target.id);
})

function showchange(theId)
{
	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();
	}

	        }
		
	 });
	
}

$('#cardNumber,#cvv,#aterms,#cardholderName').bind('click keyup', function(e)
{
	cbp();
});

function cbp()
{
	
	var pname		=	document.getElementById('cardholderName');
	var pnum		=	document.getElementById('cardNumber');
	var pcvv		=	document.getElementById('cvv');
	var aterms		=	document.getElementById('aterms');
	
	
	
	var pnamevalue	=	pname.value;
	var pnumvalue	=	pnum.value;
	var pcvvvalue	=	pcvv.value;
	
	if(pnamevalue.length >= 3&&pnumvalue.length >= 3&&pcvvvalue.length >= 3&&aterms.checked)
	{
	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 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();
}

$('#forgot').click(function(e){
	
	var emailv			=	document.getElementById('vemail');
	var pat				=	'/@/';
	var disA			=	document.getElementById('nA');
	if(emailv.value.match(/@/))
	{
		disA.innerHTML	=	'Please wait...';
	myUsefulFunction.passwordreminder(emailv.value, {  
	    "onFinish": function(response){  
		if(response)
		{
			alert('Thank you, we have sent an email to '+emailv.value)
		}
		
	        }
		
	 });
	
}
	else
	{
		
		disA.innerHTML	=	'Please type your email';
	}
		
})


$('#pswd, #newcustomer').bind('click keyup', function(e) {
	var custstateNew	=	document.getElementById('newcustomer');
	var emailv			=	document.getElementById('vemail');
	var disA			=	document.getElementById('nA');
	
	
	$('#newcustomer').click(function(e){
		//new customers handled here
		myUsefulFunction.contguest(uid,emailv.value, {  
		    "onFinish": function(response){  
if(response)
{
	disA.innerHTML	=	'Please wait...';
	document.cookie		=	'uid='+emailv.value;	
	$('#ulogin').fadeOut('fast', function() {
        // Animation complete
      });
	document.location.href	=	'?'+window.location.search.substring(1);
}	
		        }
			
		 });
		
		
		
		
	})
	
	
	$('#pswd').keyup(function(e){
		var pswdfield	=	document.getElementById('pswd');
		myUsefulFunction.valUandP(emailv.value,pswdfield.value, {  
		    "onFinish": function(response){  

			if(response)

			{
				
				disA.innerHTML	=	'Please wait...';
				$('#ulogin').fadeOut('fast', function() {
			        // Animation complete
			      });
			}
			else
			{
				disA.innerHTML	=	'Sorry try again...';
			}
		           
		        }
			
		 });
	});
	

		
});


$('#rst').click(function(e){
	
	if($('#pw').val())
	{
		//alert($('#pw').val());
	}
	else
	{
		alert('Please choose a password');
	}
	
	if($('#rpw').val())
	{
		//alert($('#rpw').val());
	}
	else
	{
		alert('Please re-type password');
	}
	
	if(($('#pw').val() == $('#rpw').val())&&($('#pw').val()&&$('#rpw').val()))
	{
		var uidarr	=	window.location.search.substring(1).split('uid=');
		
		myUsefulFunction.resetpassword(uidarr[1],$('#pw').val(), {  
		    "onFinish": function(response){  
			if(response)
			{
				
				alert('Done')
				$('#pw').attr('disabled','disabled');
				$('#rpw').attr('disabled','disabled');
			}
			else
			{
				alert('Sorry your password was not accepted.')
			}
			
		        }
			
		 });
		
	}
	
	if(($('#pw').val() != $('#rpw').val())&&($('#pw').val()&&$('#rpw').val()))
	{
		alert('Passwords do not match, try again.')
	}
	
	
})


});
