// CREATE REQUEST OBJECT ===========================================================================
var request = null;

try {		
	request = new XMLHttpRequest();		
} catch (trymicrosoft) {
	try {
		request = new ActiveXObject("Msxm12.XMLHTTP");
	} catch (othermicrosoft) {
		try {
			request = new ActiveXObject("Microsoft.XMLHTTP");
		} catch (failed) {
			request = null;
		}
	}
}

if (request == null) { alert('Error creating connection object!'); }

// create HTTPRequest object
function initHTTP(){
	var http_request = false;
	if (window.XMLHttpRequest) { // Mozilla
		http_request = new XMLHttpRequest();
	}
	else if (window.ActiveXObject) { // IE
		try {
			http_request = new ActiveXObject("Msxml2.XMLHTTP");
		} catch (e) {
			try {
				http_request = new ActiveXObject("Microsoft.XMLHTTP");
			} catch (e) {}
		}
	}
	if (!http_request) {
		alert('Your web browser is not compatible');
		return false;
	}
	
	return http_request;
}



// show / hide a div and return display state =======================================================
function jsShowHide(state,divID) {
	document.getElementById(divID).style.display = state;
	state == 'none' ? state = 'block' : state = 'none';
	//alert('v6: ' + state);
	return state;
}


// Get images for a new section =====================================================================
function sendTeamRequest(div,playerID) {
	//alert(imgDD);
	var url = '../../inc/ajax-pzteam.php?dd=' + div + '&pid=' + playerID + '&d=' + new Date().getTime();
	request.open('get', url, true);
	request.onreadystatechange = handleImgResponse;
	request.send(null);
}


// apply new image dropdown =========================================================================
function handleImgResponse() {
	
	if (request.readyState == 4) {
		if (request.status == 200) {
			var response = request.responseText;
			var arResponse = response.split("|");
			var divContent = arResponse[0];
			
			// image div id - adds a space to the end which we need to slice off
			var divID = arResponse[1];
			//imgDivL = imgDiv.length - 1;
			//imgDiv = imgDiv.substr(0,imgDivL);
			
			document.getElementById(divID).innerHTML = divContent;
		} else {
			alert('Error! Request status is ' + request.status);
		}
	}  
}


// top 100 - mouseover action
function top100MO(playerID) {
	var url = 'inc/ajax-top100mo.php?pid=' + playerID + '&d=' + new Date().getTime();
	request = initHTTP();
	request.open('get', url, true);
	request.onreadystatechange = getPlayerDetails;
	request.send(null);
}

function getPlayerDetails() {
	
	if (request.readyState == 4) {
		if (request.status == 200) {
			var response = request.responseText;
			var arResponse = response.split("|");
			var divContent = arResponse[0];
			
			// image div id - adds a space to the end which we need to slice off
			var divID = arResponse[1];
			var bgImg = arResponse[2];
			//imgDivL = imgDiv.length - 1;
			//imgDiv = imgDiv.substr(0,imgDivL);
			
			document.getElementById(divID).style.backgroundImage = 'url(images/image_index/' + bgImg + ')';
			//document.getElementById('ajaxTop100DetailImg').style.backgroundImage = 'url(images/image_index/{56f8fa808a1aa03df2b6a89a24d5a56d}.jpg)';
			document.getElementById(divID).innerHTML = divContent;
		} else {
			//alert('Error! Request status is ' + request.status);
		}
	} 	
}



// top 100 - select player
function top100Select(playerID,sID) {
	var url = 'inc/ajax-top100select.php?pid=' + playerID + '&sid=' + sID + '&d=' + new Date().getTime();
	request = initHTTP();
	request.open('get', url, true);
	request.onreadystatechange = top100SelectPlayer;
	request.send(null);
}

function top100SelectPlayer() {
	
	if (request.readyState == 4) {
		if (request.status == 200) {
			var response = request.responseText;
			//alert(response);
			
			if (response.length > 0) {
				
				var arResponse = response.split("|");
				
				//var top100DivID = arResponse[0];
				var top100Content = arResponse[0];
				var bgImg = arResponse[1];
				var top20DivID = arResponse[2];
				var divContent = arResponse[3];
				
				//document.getElementById(top100ThumbCont).innerHTML = '<div class="top100Picked"></div>';
				//document.getElementById(top100ThumbCont).innerHTML = top100Content;
				document.getElementById('top100ThumbCont').innerHTML = top100Content;
				document.getElementById(top20DivID).innerHTML = divContent;			
				document.getElementById(top20DivID).style.backgroundImage = 'url(images/image_index/' + bgImg + ')';
				
				// show submit buttons
				if (arResponse[4].length > 0) {
					document.getElementById('top20Save1').style.display = 'block';
					document.getElementById('top20Save2').style.display = 'block';
				}
				
			}
		} else {
			alert('Error! Request status is ' + request.status);
		}
	} 	
}

function top100Select2(playerID,sID) {
	
	document.getElementById('top100ThumbCont').innerHTML = '<img src="images/top100-updating.gif" width="323" height="405" alt="updating your selection...">';
	
	var url = 'inc/ajax-top100select.php?pid=' + playerID + '&sid=' + sID + '&d=' + new Date().getTime();
	request = initHTTP();
	request.open('get', url, true);
	request.onreadystatechange = top100SelectPlayer;
	request.send(null);
	
}



// top 20 - remove player
function top20Remove(playerID,sID) {
	var url = 'inc/ajax-top20remove.php?pid=' + playerID + '&sid=' + sID + '&d=' + new Date().getTime();
	request = initHTTP();
	request.open('get', url, true);
	request.onreadystatechange = top20RemovePlayer;
	request.send(null);
}

function top20RemovePlayer() {
	
	if (request.readyState == 4) {
		if (request.status == 200) {
			var response = request.responseText;
			//alert(response);
			var arResponse = response.split("|");
			
			var top100DivID = arResponse[0];
			var top100DivContent = arResponse[1];
			var rCount = arResponse[2];
			var arTop20Content = arResponse[3].split("!");
			var arTop20Bg = arResponse[4].split("!");
			//alert('arTop20Content length ' + arTop20Content.length);
			//alert('arTop20Content[0] ' + arTop20Content[0]);
			//alert('arTop20Content[0] length' + arTop20Content[0].length);
			//alert('arTop20Bg length ' + arTop20Bg.length);
			//alert('arTop20Bg[0] ' + arTop20Bg[0]);
			
			document.getElementById(top100DivID).innerHTML = top100DivContent;			
			
			var x
			for (x in arTop20Content) {
				divID = parseInt(x) + parseInt(rCount);
				top20DivID = 'ajaxTop20Pic' + divID;
				//alert(top20DivID);
				document.getElementById(top20DivID).innerHTML = arTop20Content[x];			
				document.getElementById(top20DivID).style.backgroundImage = 'url(images/image_index/' + arTop20Bg[x] + ')';
				//document.write(mycars[x] + "<br />");
			}
			
			// last div
			divID =  parseInt(rCount);
			if (arTop20Content[0].length > 0) divID = divID + arTop20Content.length;
			top20DivID = 'ajaxTop20Pic' + divID;
			document.getElementById(top20DivID).innerHTML = '';
			document.getElementById(top20DivID).style.backgroundImage = 'url(images/top100-question.gif)';
				
			// hide submit buttons
			if (arResponse[5].length > 0) {
				document.getElementById('top20Save1').style.display = 'none';
				document.getElementById('top20Save2').style.display = 'none';
			}
			
		} else {
			alert('Error! Request status is ' + request.status);
		}
	} 	
}