var isClicking = false;
var n1Clicks;
var n2Clicks;
var allowBegin = true;
window.onload=onLoad;
var update_url;
var kaempfername;
var n1Clicks_ges;
var n2Clicks_ges;

function onLoad() {
}

function loadurl(dest, updateklicks) {
	try {
		// Moz supports XMLHttpRequest. IE uses ActiveX.
		// browser detction is bad. object detection works for any browser
		xmlhttp = window.XMLHttpRequest?new XMLHttpRequest(): new ActiveXObject('Microsoft.XMLHTTP');
	} catch (e) {
		// browser doesn’t support ajax. handle however you want
	}

	// the xmlhttp object triggers an event everytime the status changes
	// triggered() function handles the events
	xmlhttp.onreadystatechange = triggered;
	// open takes in the HTTP method and url.
	ticketvalue = document.getElementById('ticket').value;
	shoutvalue = document.getElementById('shouttext').value;
	update_url = dest+'&ticket='+ticketvalue+'&ca1='+n1Clicks+'&ca2='+n2Clicks+'&shout='+escape(shoutvalue);
	if (updateklicks == 1) {
		n1Clicks = 0;
		n2Clicks = 0;
		document.getElementById('score1').innerHTML = 0;
		document.getElementById('score2').innerHTML = 0;
	}

	xmlhttp.open('GET', update_url);
	// send the request. if this is a POST request we would have
	// sent post variables: send("name=aleem&gender=male)
	// Moz is fine with just send(); but
	// IE expects a value here, hence we do send(null);
	xmlhttp.send(null);
}

function triggered() {
	// if the readyState code is 4 (Completed)
	// and http status is 200 (OK) we go ahead and get the responseText
	// other readyState codes:
	// 0=Uninitialised 1=Loading 2=Loaded 3=Interactive
	if (xmlhttp.readyState==4 && xmlhttp.status==200) {
		// load html elemets
		klickzahl1el = document.getElementById('klickzahl1');
		klickzahl2el = document.getElementById('klickzahl2');
		scorepercent1el = document.getElementById('scorepercent1');
		scorepercent2el = document.getElementById('scorepercent2');
		scorebar1el = document.getElementById('scorebar1');
		scorebar2el = document.getElementById('scorebar2');
		kriegerpercent1el = document.getElementById('kriegerpercent1');
		kriegerpercent2el = document.getElementById('kriegerpercent2');
		kriegerbar1el = document.getElementById('kriegerbar1');
		kriegerbar2el = document.getElementById('kriegerbar2');
		shoutboxel = document.getElementById('shoutboxtexts');
		kriegerliste1el = document.getElementById('SF_Kaempfer_liste1');
		kriegerliste2el = document.getElementById('SF_Kaempfer_liste2');
		active1el = document.getElementById('active1');
		active2el = document.getElementById('active2');

		// load xmlresponse elements
		xmlresponse = xmlhttp.responseXML;
		xmlklicks1 = xmlresponse.getElementsByTagName('numklicks1')[0];
		xmlklicks2 = xmlresponse.getElementsByTagName('numklicks2')[0];
		xmlscorepercent1 = xmlresponse.getElementsByTagName('scorepercent1')[0];
		xmlscorepercent2 = xmlresponse.getElementsByTagName('scorepercent2')[0];
		xmlscoreheight1 = xmlresponse.getElementsByTagName('scoreheight1')[0];
		xmlscoreheight2 = xmlresponse.getElementsByTagName('scoreheight2')[0];
		xmlkriegerpercent1 = xmlresponse.getElementsByTagName('kriegerpercent1')[0];
		xmlkriegerpercent2 = xmlresponse.getElementsByTagName('kriegerpercent2')[0];
		xmlkriegerheight1 = xmlresponse.getElementsByTagName('kriegerheight1')[0];
		xmlkriegerheight2 = xmlresponse.getElementsByTagName('kriegerheight2')[0];
		xmlshoutbox = xmlresponse.getElementsByTagName('shoutbox')[0];
		xmlkrieger1 = xmlresponse.getElementsByTagName('krieger1')[0];
		xmlkrieger2 = xmlresponse.getElementsByTagName('krieger2')[0];
		xmlactive1 = xmlresponse.getElementsByTagName('active1')[0];
		xmlactive2 = xmlresponse.getElementsByTagName('active2')[0];

		// update html elements
		// klicks
		klickzahl1el.innerHTML = xmlklicks1.firstChild.nodeValue;
		klickzahl2el.innerHTML = xmlklicks2.firstChild.nodeValue;

		// score
		scorepercent1el.innerHTML = xmlscorepercent1.firstChild.nodeValue;
		scorepercent2el.innerHTML = xmlscorepercent2.firstChild.nodeValue;
		scorebar1el.style.height = xmlscoreheight1.firstChild.nodeValue;
		scorebar2el.style.height = xmlscoreheight2.firstChild.nodeValue;

		// krieger
		kriegerpercent1el.innerHTML = xmlkriegerpercent1.firstChild.nodeValue;
		kriegerpercent2el.innerHTML = xmlkriegerpercent2.firstChild.nodeValue;
		kriegerbar1el.style.height = xmlkriegerheight1.firstChild.nodeValue;
		kriegerbar2el.style.height = xmlkriegerheight2.firstChild.nodeValue;

		// shoutbox
		shoutboxel.innerHTML = xmlshoutbox.firstChild.nodeValue;

		// krieger
		kriegerliste1el.innerHTML = xmlkrieger1.firstChild.nodeValue;
		kriegerliste2el.innerHTML = xmlkrieger2.firstChild.nodeValue;

		// aktive krieger
		active1el.innerHTML = xmlactive1.firstChild.nodeValue;
		active2el.innerHTML = xmlactive2.firstChild.nodeValue;
	}
}

function click_begin1() {
	if( isClicking ) {
		n1Clicks++;
		document.getElementById('score1').innerHTML = n1Clicks;
	} else if( allowBegin ) {
		isClicking = true;
		n1Clicks = 1;
		document.getElementById('score1').innerHTML = n1Clicks;    
	}
}

function click_begin2() {
	if( isClicking ) {
		n2Clicks++;   
		document.getElementById('score2').innerHTML = n2Clicks;
	} else if( allowBegin ) {
		isClicking = true;
		n2Clicks = 1;
		document.getElementById('score2').innerHTML = n2Clicks;    
	}
}

function showExplosion() {
	if (n1Clicks > 0 || n2Clicks > 0) {
		obj = document.getElementById('explosion');
		obj.src = "images/sf/explosion.gif";
		obj.style.visibility = "visible";
		window.setTimeout("hideExplosion()", 1900);
	}
}

function hideExplosion() {
	obj = document.getElementById('explosion');
	obj.style.visibility = "hidden";
}