image_url = new Array();
image_url[0] = "http://" + GLOBAL_siteurl + "/templates/" + TEMPLATE_NAME
		+ "/icons/up_trans_16.png";
image_url[1] = "http://" + GLOBAL_siteurl + "/templates/" + TEMPLATE_NAME
		+ "/icons/up_16.png";
image_url[2] = "http://" + GLOBAL_siteurl + "/templates/" + TEMPLATE_NAME
		+ "/icons/down_trans_16.png";
image_url[3] = "http://" + GLOBAL_siteurl + "/templates/" + TEMPLATE_NAME
		+ "/icons/down_16.png";
image_url[4] = "http://" + GLOBAL_siteurl + "/templates/" + TEMPLATE_NAME
		+ "/icons/ajax-loader.gif";
image_url[5] = "http://" + GLOBAL_siteurl + "/templates/" + TEMPLATE_NAME
		+ "/icons/signal_flag_red_trans.png";
image_url[6] = "http://" + GLOBAL_siteurl + "/templates/" + TEMPLATE_NAME
		+ "/icons/signal_flag_red.png";

preload_image = new Image();
preload_image.src = image_url[0];

preload_image2 = new Image();
preload_image2.src = image_url[1];

preload_image3 = new Image();
preload_image3.src = image_url[2];

preload_image4 = new Image();
preload_image4.src = image_url[3];

preload_image5 = new Image();
preload_image5.src = image_url[4];

preload_image6 = new Image();
preload_image6.src = image_url[5];

preload_image7 = new Image();
preload_image7.src = image_url[6];

var tmp;
var clicked = false;
var posting_reactie=false;

function changeUp(id, sid) {
	id.src = image_url[1];
	document.getElementById("Up_" + sid).style.color = '#000000';
}
function changeBackUp(id, sid) {
	id.src = image_url[0];
	document.getElementById("Up_" + sid).style.color = '#62808F';
}

function changeDelete(id) {
	id.src = image_url[6];
}
function changeBackDelete(id) {
	id.src = image_url[5];
}
function changeDown(id, sid) {
	id.src = image_url[3];
	document.getElementById("Down_" + sid).style.color = '#000000';
}
function changeBackDown(id, sid) {
	id.src = image_url[2];
	document.getElementById("Down_" + sid).style.color = '#62808F';
}

function resetUp(id) {
	document.getElementById('tools_' + id).innerHTML = tmp;
	tmp = "";
	clicked = false;
}
function resetDown(id) {
	document.getElementById('tools_' + id).innerHTML = tmp;
	tmp = "";
	clicked = false;
}

function ClickUp(id) {
	if (clicked == true) {
		return;
	} else {
		clicked = true;
	}
	tmp = document.getElementById("tools_" + id).innerHTML;
	var raw = document.getElementById("Up_" + id).innerHTML;
	document.getElementById("tools_" + id).innerHTML = "<img src='http://"
			+ GLOBAL_siteurl + "/templates/" + TEMPLATE_NAME
			+ "/icons/ajax-loader.gif'>";

	var number = parseInt(raw.substr(1));
	var new_number = number + 1;
	var ajax_add = ajaxinclude("ajax/page/vote_reactie.php?x=up&i=" + id
			+ "&PURL=" + PURL + "&rnd=" + Math.random());
	if (ajax_add == "ok") {
		document.getElementById("tools_" + id).innerHTML = tmp;
		document.getElementById("Up_" + id).innerHTML = "+" + new_number;
		clicked = false;
	} else {

		document.getElementById("tools_" + id).innerHTML = ajax_add + " " + tmp;
		setTimeout("resetUp('" + id + "')", 3000);

	}
}

function removeReactie(rid) {
	CoR = CoR - 1;
	$("#comment_" + rid).fadeOut("slow");
	ajaxrequest("ajax/page/meld_reactie.php?id=" + rid);

}
function ClickDown(id) {
	if (clicked == true) {
		return;
	} else {
		clicked = true;
	}
	tmp = document.getElementById("tools_" + id).innerHTML;
	var raw = document.getElementById("Down_" + id).innerHTML;
	document.getElementById("tools_" + id).innerHTML = "<img src='http://"
			+ GLOBAL_siteurl + "/templates/" + TEMPLATE_NAME
			+ "/icons/ajax-loader.gif'>";

	var number = parseInt(raw.substr(1));
	var new_number = number + 1;
	var ajax_add = ajaxinclude("ajax/page/vote_reactie.php?x=down&i=" + id
			+ "&PURL=" + PURL + "&rnd=" + Math.random());
	if (ajax_add == "ok") {
		document.getElementById("tools_" + id).innerHTML = tmp;
		document.getElementById("Down_" + id).innerHTML = "-" + new_number;
		clicked = false;
	} else {
		document.getElementById("tools_" + id).innerHTML = ajax_add + " " + tmp;
		setTimeout("resetDown('" + id + "')", 3000);

	}
}

function createXMLHttpRequest() {
	if (window.ActiveXObject) {
		xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
	} else if (window.XMLHttpRequest) {
		xmlHttp = new XMLHttpRequest();
	}
}

function ajaxpostinclude(url, query) {
	createXMLHttpRequest();
	xmlHttp.open("POST", url, true);
	xmlHttp.onreadystatechange = handleStateChange;
	xmlHttp.setRequestHeader("Content-Type",
			"application/x-www-form-urlencoded");
	xmlHttp.send(query);
}
function handleStateChange() {
	if (xmlHttp.readyState == 4) {
		if (xmlHttp.status == 200) {
			parseResults();
		}
	}
}
function parseResults() {

	document.getElementById('reacties_data').innerHTML = document
			.getElementById('reacties_data').innerHTML
			+ xmlHttp.responseText;
	document.getElementById("reacties_load").innerHTML = "";
	document.getElementById('reactie').disabled=false;
	CoR = CoR + 1;
	posting_reactie=false;//done
}

function plaats_reactie() {
	if(posting_reactie==true){
		return;
	}else{
		posting_reactie=true;
	}
	var reactie = document.getElementById('reactie').value;
	//reactie.value = "";
	document.reacties_form.reactie.value="";
	
	reactie.disabled=true;

	document.getElementById("reacties_load").innerHTML = "<img src='http://"
			+ GLOBAL_siteurl + "/templates/" + TEMPLATE_NAME
			+ "/icons/ajax-loader.gif'>";

	ajaxpostinclude("ajax/page/add_reactie.php" + "?TiD=" + TiD + "&CoR=" + CoR
			+ "&rnd=" + Math.random(), "reactie=" + reactie);

}

