jQuery.noConflict();
var focusedInputId;
var delparam=1;

function readyForNumPad() {
	jQuery("input[type=text]").focus(function(){
		focusedInputId=jQuery(this).attr("id");
	});
	jQuery("#numpad a img").hover(function(){
		jQuery(this).attr("src","images/numpad/"+jQuery(this).parent().attr("id")+"_o.png");
	},function(){
		jQuery(this).attr("src","images/numpad/"+jQuery(this).parent().attr("id")+".png");
	});
	jQuery("#buttonclose").click(function(){
			jQuery("#numpad").hide();
			return false;
	});
	jQuery("#posid").change(function(){
		jQuery("#numpad").hide(1);
	});
	jQuery("#mailorderid").change(function(){
		jQuery("#numpad").hide(1);
	});
	jQuery("#m_ccname").focus(function(){
		jQuery("#numpad").hide(1);
	});
	jQuery("#ccname").focus(function(){
		jQuery("#numpad").hide(1);
	});
}
function bindClicksForNumPad() {
	jQuery("#numpad a").click(function(){
		var id = '#'+focusedInputId;
		var text = jQuery(id).val();
		var textlength = text.length;
		if(textlength != jQuery(id).attr("maxlength")) {
			jQuery(id).val(jQuery(id).val()+jQuery(this).attr("rel"));
		}
		if((focusedInputId == "ccno1" || focusedInputId == "ccno2" || focusedInputId == "ccno3" || focusedInputId == "ccno4" ||
			focusedInputId == "m_ccno1" || focusedInputId == "m_ccno2" || focusedInputId == "m_ccno3" || focusedInputId == "m_ccno4") && delparam==1) {
			var inputtext = jQuery(id).val();
			if(inputtext.length==4){
				moveNextInput(focusedInputId);
				return false;
			}
		}
		delparam=1;
	});
	jQuery("#buttondel").click(function(){
		if(jQuery("#"+focusedInputId).val().length>0){
			jQuery("#"+focusedInputId).val(jQuery("#"+focusedInputId).val().substr(0, jQuery("#"+focusedInputId).val().length-1));	  
		}
		if(jQuery("#"+focusedInputId).val().length==0){
			moveBackInput(focusedInputId);
		}
		delparam=0;
	});
	
	jQuery("#buttonhelp").click(function(){
		mixAuto();
	});
}

jQuery(document).ready(function(){
	readyForNumPad();
	bindClicksForNumPad();
});

var pos=new Array("11,11","11,37","11,63","34,11","34,37","34,63","57,11","57,37","57,63","80,37");
function mixAuto(){
	pos.sort(randOrd);
	for(i=0;i<10;i++){
			jQuery("#button"+i).animate({top: "34px", left: "37px",opacity:0}, 100);
	}
	for(i=0;i<10;i++){
		var ps = pos[i].split(",");
		jQuery("#button"+i).animate({top: ps[0]+"px", left: ps[1]+"px",opacity:1}, 500,'linear');
	}
}
function randOrd(){
	return (Math.round(Math.random())-0.5);
}

function activateNumpad(){
	jQuery("#numpad").show(1);
}

function NumCont(e) {
	olay = document.all ? window.event : e;
	tus = document.all ? olay.keyCode : olay.which;
	if(tus<48||tus>57) {
		if(tus!=8 && tus!=0){
			if(document.all) { 
				olay.returnValue = false; 
			}else{ 
				olay.preventDefault(); 
			}
		}
	}
}

function moveNextInput(elementID){
	var element=document.getElementById(elementID).value;
	if(elementID.length==5){
		var index=elementID.substr(4);
		var index2=elementID.substr(0,4);
		if(elementID!="ccno4"){
			if(element.length==4){
				index=parseInt(index)+1;
				var focused=index2 + index;
				document.getElementById(focused).focus();
				focusedInputId = index2 + index;
			}
		}
	}else{
		var index=elementID.substr(6);
		var index2=elementID.substr(0,6);
		if(elementID!="m_ccno4"){
			if(element.length==4){
				index=parseInt(index)+1;
				var focused=index2 + index;
				document.getElementById(focused).focus();
				focusedInputId = index2 + index;
			}
		}
	}
}
function moveBackInput(elementID){
	if(elementID=='cvc2'){
		return false;
	}
	if(elementID.length==5){
		var index=elementID.substr(4);
		var index2=elementID.substr(0,4);
		if(elementID!="ccno1"){
			index=parseInt(index)-1;
			var focused=index2 + index;
			document.getElementById(focused).focus();
			focusedInputId = index2 + index;
		}
	}else{
		var index=elementID.substr(6);
		var index2=elementID.substr(0,6);
		if(elementID!="m_ccno1"){
			index=parseInt(index)-1;
			var focused=index2 + index;
			document.getElementById(focused).focus();
			focusedInputId = index2 + index;
		}
	}
}