var viralOn = 0;
var req;
var http_request = false;
var clickedAlready = 0;

function email(id) {
	var out = '';
	if (viralOn != 1) {
		out += '<TABLE WIDTH=360 CELLPADDING=0 CELLSPACING=0 BORDER=0><TR>';
		out += '<TR><TD COLSPAN="2"><DIV ID="response">';
		out += '	<form action="javascript:get(document.getElementById("myform"));" name="myform" id="myform">';
		out += '	<TABLE WIDTH="100%" CELLPADDING="3" CELLSPACING="0" BORDER="0">';
		out += '	<INPUT TYPE="HIDDEN" NAME="id" ID="id" VALUE="'+id+'">';
		out += '		<TR VALIGN="TOP">';
		out += '			<TD>Your name</TD>';
		out += '			<TD><INPUT TYPE="TEXT" NAME="s_name" ID="s_name" VALUE="" SIZE="28"></TD>';
		out += '		</TR>';
		out += '		<TR VALIGN="TOP">';
		out += '			<TD>Your email address</TD>';
		out += '			<TD><INPUT TYPE="TEXT" NAME="s_email" ID="s_email" VALUE="" SIZE="28"></TD>';
		out += '		</TR>';
		out += '		<TR VALIGN="TOP">';
		out += '			<TD>Recipient\'s name</TD>';
		out += '			<TD><INPUT TYPE="TEXT" NAME="r_name" ID="r_name" VALUE="" SIZE="28"></TD>';
		out += '		</TR>';
		out += '		<TR VALIGN="TOP">';
		out += '			<TD>Recipient\'s email address</TD>';
		out += '			<TD><INPUT TYPE="TEXT" NAME="r_email" ID="r_email" VALUE="" SIZE="28"></TD>';
		out += '		</TR>';
		out += '		<TR VALIGN="TOP">';
		out += '			<TD>Message</TD>';
		out += '			<TD><TEXTAREA NAME="message" ID="message" COLS="26" ROWS="5"></TEXTAREA></TD>';
		out += '		</TR>';
		out += '		<TR VALIGN="TOP">';
		out += '			<TD></TD>';
		out += '			<TD ALIGN="LEFT"><input type="button" name="button" value="Submit" onclick="javascript:get(this.parentNode);"></TD>';
		out += '		</TR>';
		out += '	</TABLE>';
		out += '	</FORM>';
		out += '</DIV></TD></TR>';
		out += '</TABLE>';
		viralOn = 1;
	} else {
		viralOn = 0;
	}
	document.getElementById("viral").innerHTML = out;
	return;
}


function get(obj) {
	var poststr =	"s_name=" + encodeURI( document.getElementById("s_name").value ) +
					"&s_email=" + encodeURI( document.getElementById("s_email").value ) +
					"&r_name=" + encodeURI( document.getElementById("r_name").value) +
					"&r_email=" + encodeURI( document.getElementById("r_email").value ) +
					"&id=" + encodeURI( document.getElementById("id").value ) +
					"&message=" + encodeURI( document.getElementById("message").value ) ;
	makePOSTRequest('/scripts/sendit.php', poststr);
}

function makePOSTRequest(url, parameters) {
	http_request = false;
	if (window.XMLHttpRequest) { // Mozilla, Safari,...
		http_request = new XMLHttpRequest();
		if (http_request.overrideMimeType) {
			// set type accordingly to anticipated content type
			//http_request.overrideMimeType('text/xml');
			http_request.overrideMimeType('text/html');
		}
	} 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('Cannot create XMLHTTP instance');
		return false;
	}
      
	http_request.onreadystatechange = alertContents;
	http_request.open('POST', url, true);
	http_request.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
	http_request.setRequestHeader("Content-length", parameters.length);
	http_request.setRequestHeader("Connection", "close");
	http_request.send(parameters);
}

function alertContents() {
	if (http_request.readyState == 4) {
		if (http_request.status == 200) {
			//alert(http_request.responseText);
			result = http_request.responseText;
			document.getElementById('response').innerHTML = '<TABLE WIDTH=100% CELLPADDING=10><TR><TD ALIGN=CENTER><B>'+result+'</B></TD></TR></TABLE>';
		} else {
			alert('There was a problem with the request.');
		}
	}
}


function closeViral() {
	document.getElementById("viral").innerHTML = '';
	viralOn = 0;
	return;
}


if (document.images) {
	var onImgArray = new Array()
	onImgArray[0] = new Image
	onImgArray[1] = new Image
	onImgArray[2] = new Image
	onImgArray[3] = new Image
	onImgArray[4] = new Image
	onImgArray[0].src = "/images/menu/astudiovisits.gif"
	onImgArray[1].src = "/images/menu/aexhibitions.gif"
	onImgArray[2].src = "/images/menu/aperformance.gif"
	onImgArray[3].src = "/images/menu/acollections.gif"
	onImgArray[4].src = "/images/menu/asearch.gif"

	var offImgArray = new Array()
	offImgArray[0] = new Image
	offImgArray[1] = new Image
	offImgArray[2] = new Image
	offImgArray[3] = new Image
	offImgArray[4] = new Image
	offImgArray[0].src = "/images/menu/studiovisits.gif"
	offImgArray[1].src = "/images/menu/exhibitions.gif"
	offImgArray[2].src = "/images/menu/performance.gif"
	offImgArray[3].src = "/images/menu/collections.gif"
	offImgArray[4].src = "/images/menu/search.gif"
}

function imageOn(i) {
	if (document.images) {
		document.images["btn" + i].src = onImgArray[i].src
	}
}
function imageOff(i) {
	if (document.images) {
		document.images["btn" + i].src = offImgArray[i].src
	}
}