function decrease(si,sh,fh)
{
	// Close up the div
	var divname = "eb_" + si;
	var object = document.getElementById(divname).style;
	
	diff = fh - sh;
	add = Math.floor(diff/2);
	sh = sh + add;
	object.height = sh + "px";
	if(sh > fh)
	{
		// Div is still smaller than required, increase
		window.setTimeout("decrease(" + si + "," + sh + ",0)",50);
	}
	else
	{
		// Div is fully collapsed, hide div
		object.display = "none";
		
		// Clear the query portion of the form just in case
		var qb = "eb_query_" + si;
		document.getElementById(qb).value = "";
		
		// Switch back on the email link button
		var linkname = "eb_link_" + si;
		var linkobject = document.getElementById(linkname).style;
		linkobject.opacity = 1;
		linkobject.MozOpacity = 1;
		linkobject.KhtmlOpacity = 1;
		linkobject.filter = "alpha(opacity=100)";
		
		// Enable the submit button
		var button = "eb_button_" + si;
		document.getElementById(button).disabled = false;
		
		// Send the message
		var message = "eb_message_" + si;
		document.getElementById(message).innerHTML = "<p>Your message was sent...</p>";		
	}
}

function fadeOut(si,op)
{
	// Fade up the div
	op = op - 1;
	dop = op/100;
	var divname = "eb_" + si;
	var object = document.getElementById(divname).style;
	object.opacity = dop;
	object.MozOpacity = dop;
	object.KhtmlOpacity = dop;
	object.filter = "alpha(opacity=" + op + ")";
	
	if(op > 0)
	{
		// Continue to fade out the div
		window.setTimeout("fadeOut(" + si + "," + op + ")",10);
	}
	else
	{
		// Hide the table using none
		var tablename = "eb_table_" + si;
		var tableobject = document.getElementById(tablename).style;
		tableobject.display = "none";
		
		// Lets close up the div
		window.setTimeout("decrease(" + si + ",275,0)",0);
	}	
}

function fadeIn(si,op)
{
	// Fade up the div
	op = op + 1;
	dop = op/100;
	var divname = "eb_" + si;
	var object = document.getElementById(divname).style;
	object.opacity = dop;
	object.MozOpacity = dop;
	object.KhtmlOpacity = dop;
	object.filter = "alpha(opacity=" + op + ")";
	
	if(op < 100)
	{
		// Continue to fade in the div
		window.setTimeout("fadeIn(" + si + "," + op + ")",10);
	}		
}

function increase(si,sh,fh)
{
	// Open up the div
	var divname = "eb_" + si;
	var object = document.getElementById(divname).style;
	
	diff = fh - sh;
	add = Math.ceil(diff/2);
	sh = sh + add;
	object.height = sh + "px";
	if(sh < fh)
	{
		// Div is still smaller than required, increase
		window.setTimeout("increase(" + si + "," + sh + ",275)",50);
	}
	else
	{
		// Div is at full height, block table
		var tablename = "eb_table_" + si;
		var tableobject = document.getElementById(tablename).style;
		tableobject.display = "block";
				
		// Fade in the div
		window.setTimeout("fadeIn(" + si + ",0)",0);
	}
}

function opensesame(si)
{
	// Change the div display from none to block, hide the link
	var divname = "eb_" + si;
	var object = document.getElementById(divname).style;
	object.display = "block";
	
	var linkname = "eb_link_" + si;
	var linkobject = document.getElementById(linkname).style;
	linkobject.opacity = 0;
	linkobject.MozOpacity = 0;
	linkobject.KhtmlOpacity = 0;
	linkobject.filter = "alpha(opacity=0)";
		
	// Change the height of the block from 0 to 275
	window.setTimeout("increase(" + si + ",0,275)",0);	
}

// Holds an instance of XMLHttpRequest
var xmlHttp = createXmlHttpRequestObject();

// creates an XMLHttpRequest instance
function createXmlHttpRequestObject() 
{
	// will store the reference to the XMLHttpRequest object
	var xmlHttp;
	// this should work for all browsers except IE6 and older
	try
	{
		// try to create XMLHttpRequest object
		xmlHttp = new XMLHttpRequest();
	}
	catch(e)
	{
		// assume IE6 or older
		var XmlHttpVersions = new Array("MSXML2.XMLHTTP.6.0","MSXML2.XMLHTTP.5.0","MSXML2.XMLHTTP.4.0","MSXML2.XMLHTTP.3.0","MSXML2.XMLHTTP","Microsoft.XMLHTTP");
		
		// try every prog id until one works
		for(var i=0; i<XmlHttpVersions.length && !xmlHttp; i++)
		{
			try
			{
				// try to create XMLHttpRequest object
				xmlHttp = new ActiveXObject(XmlHttpVersions[i]);
			}
			catch (e)
			{
				// ignore potential error
			}
		}
	}
	
	// return the created object or display an error message
	if(!xmlHttp)
	{
		alert("Error creating the XMLHttpRequest object.");
	}
	else
	{
		return xmlHttp;
	}
}

// Read a file from the server
function sendEmail(si)
{
	// Send the message
	var message = "eb_message_" + si;
	document.getElementById(message).innerHTML = "<p>Sending query...</p>";
			
	// Only continue if xmlHttp isn't void
	if(xmlHttp)
	{
		// Try to connect to the server
		try
		{
			// Initiate the asynchronous HTTP request
			var rand = Math.floor(Math.random()*999999)
			var eb_name = "eb_name_" + si;
			var eb_email = "eb_email_" + si;
			var eb_company = "eb_company_" + si;
			var eb_query = "eb_query_" + si;
			var eb_eqs = "eb_eqs_" + si;
			var eb_eql = "eb_eql_" + si;
			var eb_eqc = "eb_eqc_" + si;
			var name = escape(document.getElementById(eb_name).value);
			var email = escape(document.getElementById(eb_email).value);
			var company = escape(document.getElementById(eb_company).value);
			var query = escape(document.getElementById(eb_query).value);
			var eqs = document.getElementById(eb_eqs).value;
			var eql = document.getElementById(eb_eql).value;
			var eqc = document.getElementById(eb_eqc).value;
			// alert("/ajax-query.php?rand=" + rand + "&si=" + si + "&name=" + name + "&email=" + email + "&company=" + company + "&query=" + query + "&eqs=" + eqs + "&eql=" + eql + "&eqc=" + eqc);
			xmlHttp.open("GET","/ajax-query.php?rand=" + rand + "&si=" + si + "&name=" + name + "&email=" + email + "&company=" + company + "&query=" + query + "&eqs=" + eqs + "&eql=" + eql + "&eqc=" + eqc,true);
			xmlHttp.onreadystatechange = handleRequestStateChange;
			xmlHttp.send(null);
		}
		catch(e)
		{
			// Display the error in case of failure
			//alert("Can't connect to server:\n" + e.toString());
		}
	}
}

// Functioncalled when the state of the HTTP request changes
function handleRequestStateChange()
{
	// When readystate is 4, we are ready to read the server response
	if(xmlHttp.readyState == 4)
	{
		// Continue only if HTTP status is OK
		if(xmlHttp.status == 200)
		{
			try
			{
				// Do something with the response from the server
				handleServerResponse();
			}
			catch(e)
			{
				// Display error message
				//alert("Error reading the response: " + e.toString());
			}
		}
		else
		{
			// Display status message
			//alert("There was a problem retrieving the data:\n" + xmlHttp.statusText);
		}
	}
}

// Handles the response received from the server
function handleServerResponse()
{
	// Retrieve the server's response
	var response = xmlHttp.responseText;
	var arrayed = response.split("-");
	var si = arrayed[0];
	var feedback = arrayed[1]; 
	
	if(feedback == "x")
	{
		// Send the message
		var message = "eb_message_" + si;
		document.getElementById(message).innerHTML = "<p>Sorry, an error occoured, please try again</p>";
	}
	else if(feedback == "1")
	{
		// Send the message
		var message = "eb_message_" + si;
		document.getElementById(message).innerHTML = "<p>Thank you, your query was submitted</p>";
		
		// Disable the query button
		var button = "eb_button_" + si;
		document.getElementById(button).disabled = true;
		
		// Fade out after 2 seconds
		window.setTimeout("fadeOut(" + si + ",100)",2000);
	}
	else
	{
		// Send the message
		var message = "eb_message_" + si;
		document.getElementById(message).innerHTML = feedback;
	}		
}
