var refer1Input = document.getElementById("refer1Input");
var refer2Input = document.getElementById("refer2Input");
var resultElement = document.getElementById("resultValue");
var up1 = document.getElementById("UPButton1");
var up2 = document.getElementById("UPButton2");
var down1 = document.getElementById("DownButton1");
var down2 = document.getElementById("DownButton2");

var reps = new Array();
var scriptFactor = false;
var incomeRatio = 1; //this is the number of $ the user can earn per each customer
var handleKeyPress = true; //for keyboard-buggy browsers (Opera) set this to false

up1.onclick = function(){upHandler(1);};
up2.onclick = function(){upHandler(2);};
down1.onclick = function(){downHandler(1);};
down2.onclick = function(){downHandler(2);};
for(var i=0;i<5;i++){
	reps[i] = new Array();
	for(var j=0;j<2;j++)
		reps[i][j] = document.getElementById("rep"+(j+2)+(i+1));
}
if(navigator.appName != "Microsoft Internet Explorer"){
	var keyAttribute1 = document.createAttribute("onkeypress");
	keyAttribute1.nodeValue = "return handleKey(event);";
	refer1Input.setAttributeNode(keyAttribute1);
	var keyAttribute2 = document.createAttribute("onkeypress");
	keyAttribute2.nodeValue = "return handleKey(event);";
	refer2Input.setAttributeNode(keyAttribute2);
	
	var inputAttribute1 = document.createAttribute("oninput");
	inputAttribute1.nodeValue = "updateData();";
	refer1Input.setAttributeNode(inputAttribute1);
	var inputAttribute2 = document.createAttribute("oninput");
	inputAttribute2.nodeValue = "updateData();";
	refer2Input.setAttributeNode(inputAttribute2);
}
else{
	refer1Input.onkeypress = function(){ return handleKey(event); };
	refer2Input.onkeypress = function(){ return handleKey(event); };
	refer1Input.onpropertychange = function(){ if(event.propertyName == "value" && !scriptFactor){updateData();} };
	refer2Input.onpropertychange = function(){ if(event.propertyName == "value" && !scriptFactor){updateData();} };
}

function upHandler(idx){
	if(idx == 1){
		scriptFactor = true;
		var ref1 = parseInt(extractNumberStr(refer1Input.value));
		if(++ref1>10000) ref1=10000;
		refer1Input.value = ref1+"";
		scriptFactor = false;
		updateData();
	}
	else{
		scriptFactor = true;
		var ref2 = parseInt(extractNumberStr(refer2Input.value));
		if(++ref2>100) ref2=100;
		refer2Input.value = ref2+"";
		scriptFactor = false;
		updateData();
	}
}
function downHandler(idx){
	if(idx == 1){
		scriptFactor = true;
		var ref1 = parseInt(extractNumberStr(refer1Input.value));
		if(--ref1<0) ref1=0;
		refer1Input.value = ref1+"";
		scriptFactor = false;
		updateData();
	}
	else{
		scriptFactor = true;
		var ref2 = parseInt(extractNumberStr(refer2Input.value));
		if(--ref2<0) ref2=0;
		refer2Input.value = ref2+"";
		scriptFactor = false;
		updateData();
	}
}
function handleKey(keyevent) {
    var keyCode = (typeof keyevent.charCode != "undefined" ? keyevent.charCode : (typeof keyevent.keyCode != "undefined" ? keyevent.keyCode : keyevent.which));
    return (keyCode <= 31 || (keyCode >= 48 && keyCode <= 57) || !handleKeyPress);
}
function extractNumberStr(sourcestring) {
    var c, result = "";
    for (var i = 0; i < sourcestring.length; i++) {
        c = sourcestring.charAt(i);
        if ((c > '0' && c <= '9') || (c == '0' && result.length > 0)) result += c;
    }
	if(result.length == 0) result = "0";
    return result;
}
function updateData(){
	scriptFactor = true;
	var ref1  = parseInt(extractNumberStr(refer1Input.value));
	var ref2  = parseInt(extractNumberStr(refer2Input.value));
	if(ref1>10000) ref1=10000;
	if(ref2>100) ref2=100;
	refer1Input.value = ref1+"";
	refer2Input.value = ref2+"";
	reps[0][0].innerHTML = ref1+""; reps[0][1].innerHTML = "("+ref1+")";
	var totalIncome = ref1;
	if(ref1 != 0 || ref2 != 0){
		for(var i=1;i<5;i++){
			reps[i][0].innerHTML = (ref1*ref2)+"";
			reps[i][1].innerHTML = "("+ref1+"x"+ref2+")";
			ref1 *= ref2;
			totalIncome += ref1;
		}
		totalIncome *= incomeRatio;
		resultElement.innerHTML = "$" + Math.round(totalIncome);
	}
	else{
		for(var i=1;i<5;i++){
			reps[i][0].innerHTML = "0";
			reps[i][1].innerHTML = "(0x0)";
		}
		resultElement.innerHTML = "$0";
	}
	scriptFactor = false;
}
updateData();