// JavaScript Document

var url = "gettable.php";
var url2 = "vv2.php";
var A = 1;
var I = 1;
var D = 1;
var changeSort = createRequest();
var details = createRequest();
var show = createRequest();
var sort = "id";
window.onload = setSort('guild_id');

function createRequest() {
	xmlhttp=null;
	if (window.XMLHttpRequest)
	  {// code for all new browsers
	  xmlhttp=new XMLHttpRequest();
	  }
	else if (window.ActiveXObject)
	  {// code for IE5 and IE6
	  var ie_versions = ["MSXML2.XMLHttp.5.0", "MSXML2.XMLHttp.4.0", "MSXML2.XMLHttp.3.0", "MSXML2.XMLHttp", "Microsoft.XMLHttp"];
	  for(var i=0; i <ie_versions.length; i++) {
		  try {
			  xmlhttp = new ActiveXObject(ie_versions[i]);
		  }
	    catch (error) {}
	  }
	  }
	  return xmlhttp;
}

function setSort(newsort) {
	sort = newsort;
	sortHandler();
}

function sortHandler() {
	if (changeSort.readyState == 4 || changeSort.readyState == 0) {
		A = checkStatus("active");
		I = checkStatus("inactive");
		D = checkStatus("disbanded");
		param2 = "&A="+A+"&I="+I+"&D="+D;
		param= "sort="+sort;
		changeSort.open("GET", url+"?"+param+param2, true);
		changeSort.onreadystatechange = ReceiveHandler;
		changeSort.send(null);
	}

}

function ReceiveHandler () {
	if (changeSort.readyState == 4) {
		table = changeSort.responseText;
		document.getElementById("tableholder").innerHTML = table;
	}
}

function addDetails(id) {
	if (details.readyState == 4 || details.readyState == 0) {
		param= "id="+id;
		details.open("GET", url2+"?"+param, true);
		details.onreadystatechange = detailHandler;
		details.send(null);
	}
}


function detailHandler () {
	if (details.readyState == 4) {
		vv = details.responseText;
		document.getElementById("vv2holder").innerHTML = vv;
		popAjax();
	}
}

function checkStatus (box) {
	if (document.getElementById(box).checked == true) {
		return 1;
	} else {
		return 0;
	}
}

//random fun, to check things
function PopUp() {
	alert("Stabby!");
}

function hidePopAjax()
{
	document.getElementById("vv2holder").style.display = "none";
	document.getElementById("layer").style.opacity = '1';
	document.getElementById("layer").style.filter = "alpha(opacity=100)";
	document.getElementById("header").style.opacity = '1';
	document.getElementById("header").style.filter = "alpha(opacity=100)";
	document.getElementById("menu").style.opacity = '1';
	document.getElementById("menu").style.filter = "alpha(opacity=100)";
}

function popAjax() {
<!-- Due to different browser naming of certain key global variables, we need to do three different tests to determine their values -->

// Determine how much the visitor had scrolled

	var scrolledX, scrolledY;
	if( self.pageYOffset ) {
	  scrolledX = self.pageXOffset;
	  scrolledY = self.pageYOffset;
	} else if( document.documentElement && document.documentElement.scrollTop ) {
	  scrolledX = document.documentElement.scrollLeft;
	  scrolledY = document.documentElement.scrollTop;
	} else if( document.body ) {
	  scrolledX = document.body.scrollLeft;
	  scrolledY = document.body.scrollTop;
	}
	
	// Determine the coordinates of the center of browser's window
	
	var centerX, centerY;
	if( self.innerHeight ) {
	  centerX = self.innerWidth;
	  centerY = self.innerHeight;
	} else if( document.documentElement && document.documentElement.clientHeight ) {
	  centerX = document.documentElement.clientWidth;
	  centerY = document.documentElement.clientHeight;
	} else if( document.body ) {
	  centerX = document.body.clientWidth;
	  centerY = document.body.clientHeight;
	}

	var leftOffset = scrolledX + (centerX - 250) / 2;
	var topOffset = scrolledY + (centerY - 200) / 2;
	
	document.getElementById("vv2holder").style.top = topOffset + "px";
	document.getElementById("vv2holder").style.left = leftOffset + "px";
	document.getElementById("vv2holder").style.display = "block";
	//document.getElementById("layer").style.display = 'block';
	document.getElementById("layer").style.opacity = '.25';
	document.getElementById("layer").style.filter = "alpha(opacity=25)";
	document.getElementById("header").style.opacity = '.25';
	document.getElementById("header").style.filter = "alpha(opacity=25)";
	document.getElementById("menu").style.opacity = '.25';
	document.getElementById("menu").style.filter = "alpha(opacity=25)";
	document.getElementById("vv2holder").style.opacity = '1';
	document.getElementById("vv2holder").style.filter = "alpha(opacity=100)";
}
/*
	var objBody = document.getElementsByTagName("body").item(0);
	objOverlay = document.createElement("div");
	objOverlay.setAttribute('id','overlay');
	objOverlay.onclick ='hidePopAjax()';
	objOverlay.style.position = 'absolute';
	objOverlay.style.display = 'none';
	objOverlay.style.top = '0';
	objOverlay.style.left = '0';
	objOverlay.style.zIndex = '90';
 	objOverlay.style.width = '100%';

	//Meo: This method seems to be very much faster than using a png background
	objOverlay.style.backgroundColor = '#111';
	objOverlay.style.opacity = '.80';
	objOverlay.style.filter = 'alpha(opacity=80)'; 
	objOverlay.style.MozOpacity = '0.8';
	objBody.insertBefore(objOverlay, objBody.firstChild);
		
	vvbox = document.createElement("div");
	vvbox.setAttribute('id','vv2holder');
	vvbox.style.display = 'none';
	vvbox.style.position = 'absolute';
	vvbox.style.zIndex = '100';
	
	objBody.insertBefore(objLightbox, objOverlay.nextSibling);

	var arrayPageSize = MkUtilsLib.getPageSize();
	var arrayPageScroll = MkUtilsLib.getPageScroll();

	objOverlay.style.width = (arrayPageSize[0] + 'px');
	objOverlay.style.height = (arrayPageSize[1] + 'px');
*/

//Our XmlHttpRequest object to get the auto suggest
var searchReq = createRequest();

//Called from keyup on the search textbox.
//Starts the AJAX request.
function searchSuggest() {
	if (searchReq.readyState == 4 || searchReq.readyState == 0) {
		var str = escape(document.getElementById('txtSearch').value);
		searchReq.open("GET", 'searchSuggest.php?search=' + str, true);
		searchReq.onreadystatechange = handleSearchSuggest; 
		searchReq.send(null);
	}		
}

//Called when the AJAX response is returned.
function handleSearchSuggest() {
	if (searchReq.readyState == 4) {
		var ss = document.getElementById('search_suggest')
		ss.innerHTML = '';
		var str = searchReq.responseText.split("\n");
		for(i=0; i < str.length - 1; i++) {
			//Build our element string.  This is cleaner using the DOM, but
			//IE doesn't support dynamically added attributes.
			var suggest = '<div onmouseover="javascript:suggestOver(this);" ';
			suggest += 'onmouseout="javascript:suggestOut(this);" ';
			suggest += 'onclick="javascript:setSearch(this.innerHTML);" ';
			suggest += 'class="suggest_link">' + str[i] + '</div>';
			ss.innerHTML += suggest;
		}
	}
}