// JavaScript Document

var valid = 0;
var fullname = false;
var address = false;
var city = false;
var zip = false;
var html = true;

//Form Dropdown
function newsletter(param)
	{
		if (param==document.getElementById("drop_box"))
		{
			document.getElementById("drop_form").style.visibility="visible";
		}
		else
		{
			document.getElementById("drop_form").style.visibility="hidden";
		}
	}
	
//Form Validation
function validate(e) {
	var labelTxt1 = document.getElementById("lb_"+e.target.id).innerHTML;
	var alphaExpression = /^[a-zA-Z]+$/;
	var numericExpression = /^[0-9]+$/;
	var zipExpression = /b[0-9]{5}(?:-[0-9]{4})?\b/;
	var linkExpression = new RegExp('<a[^>]*>(.*?)');
	//var htmlExpression = new RegExp('<([a-zA-Z][a-zA-Z0-9]*)[^>]*>(.*?)</\1>');
	if (e.target.value.match(linkExpression) || e.target.value.match('sdf')) {
		changeColor(e.target.id, e.target.type, "You must fill out this field", labelTxt1);
		html = false;
		
	}
	//else if(!e.target.value.match(linkExpression) || !e.target.value.match('sdf')) html = true;
			
	//Fullname
	else if (e.target.id.indexOf('name')>=0 || e.target.name.indexOf('name')>=0) {
		if (e.target.value.split(" ").length < 2) {
			changeColor(e.target.id, e.target.type, "Enter your fullname", labelTxt1);
			fullname = false;
		}
		else {
			validItem(e.target.id, labelTxt1);
			fullname = true;
			html = true;
		}
	}
	//Phone
	else if (e.target.id.indexOf('phone')>=0 || e.target.name.indexOf('phone')>=0) {
		if (e.target.value.match(alphaExpression)) {
			changeColor(e.target.id, e.target.type, "Enter a valid phone number", labelTxt1);
		}
		else {
			validItem(e.target.id, labelTxt1);
		}
	}
	//Zip
	else if (e.target.id.indexOf('zip')>=0 || e.target.name.indexOf('zip')>=0) {
		if (e.target.value.match(alphaExpression) || e.target.value.length != 5) {
			changeColor(e.target.id, e.target.type, "Enter a valid zip code", labelTxt1);
			zip = false;
		}
		else {
			validItem(e.target.id, labelTxt1);
			zip = true;
			html = true;
		}
	}
	//City
	else if (e.target.id.indexOf('city')>=0 || e.target.name.indexOf('city')>=0) {
		if (e.target.value.match(numericExpression) || e.target.value.length < 3) {
			changeColor(e.target.id, e.target.type, "Enter a valid city", labelTxt1);
			city = false;
		}
		else {
			validItem(e.target.id, labelTxt1);
			city = true;
			html = true;
		}
	}
	//Email
	else if (e.target.id.indexOf('email')>=0 || e.target.name.indexOf('email')>=0) {
		var emailExpression = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
		if(e.target.value != '') {
			if (!emailExpression.test(document.getElementById(e.target.id).value)) {
				changeColor(e.target.id, e.target.type, "Enter a correct email address", labelTxt1);
				fullname = false;
			}
			else {
				validItem(e.target.id, labelTxt1);
				fullname = true;
				html = true;
			}
		}
		else {
			validItem(e.target.id, labelTxt1);
		}
	}
	//Password
	else if (e.target.id.indexOf('password')>=0 || e.target.name.indexOf('password')>=0) {
		if (e.target.value.split(" ").length > 1) {
			changeColor(e.target.id, e.target.type, "Make sure there are no spaces", labelTxt1);
		}
		else {
			validItem(e.target.id, labelTxt1);
		}
	}
	//Address
	else if (e.target.id.indexOf('address')>=0 || e.target.name.indexOf('address')>=0) {
		var splitadd = document.getElementById('address').value.split(" ");
		if (splitadd.length < 2 || splitadd[0].match(alphaExpression)) {
			changeColor(e.target.id, e.target.type, "Your address is not correct", labelTxt1);
			address = false;
		}
		else {
			validItem(e.target.id, labelTxt1);
			address = true;
		}
	}
	//Link
	else if (e.target.id.indexOf('link')>=0 || e.target.name.indexOf('link')>=0) {
		if ((e.target.value.indexOf('http://') && e.target.value.indexOf('www.'))<0) {
			changeColor(e.target.id, e.target.type, "Enter a valid link", labelTxt1);
		}
		else {
			validItem(e.target.id, labelTxt1);
		}
	}
	//Textarea
	else if (e.target.type=='textarea') {
		if (e.target.value.match(linkExpression)) {
			changeColor(e.target.id, e.target.type, "Sorry, HTML is not allowed", labelTxt1);
			html = false;
		}
		else {
			validItem (e.target.id, labelTxt1);
			html = true;
		}
	}
	else {
		validItem (e.target.id, labelTxt1);
	}
	if (valid >= document.getElementsByClassName(e.target.className).length) {
		document.getElementById('submit').type = "submit";
		valid = 0;
	}
}
		
function changeColor(elid, eltype, message, label2) {
	var alertLabel = label2.split("<i>");
	document.getElementById(elid).style.borderColor = "#E77776";
	document.getElementById(elid).style.backgroundColor = "#FEDEDE";
	document.getElementById("lb_"+elid).innerHTML = alertLabel[0] + " <i><b>- "+message+"</b></i>";
	valid--;
}

//Item IS VALID
function validItem(elemid, label) {
	var origLabel = label.split("-");
	document.getElementById(elemid).style.border="";
	document.getElementById(elemid).style.backgroundColor="";
	document.getElementById("lb_"+elemid).innerHTML = origLabel[0];
	valid++;
}

function checkValid() {
	if(fullname == true && address == true && city == true && zip == true && html == true) {
		ajax();
	}
}

//AJAX param[0]: url, param[1]: id of response field, 
function ajax() 
{		
	if(window.XMLHttpRequest)
	{
		request = new XMLHttpRequest();
	}
	else if(window.ActiveXObject)
	{
		request = new ActiveXObject("MSXML2.XMLHTTP");
	}
	
	sendRequest();
}

function sendRequest()
{
	//var chat = document.getElementById('chat_desc').value;
	url = 'mail.php?name='+document.getElementById("fullname").value+'&address='+document.getElementById("address").value+'&city='+document.getElementById("city").value+'&state='+document.getElementById("state").value+'&zip='+document.getElementById("zip").value+'&email='+document.getElementById("email").value+'&mailType='+document.getElementById("mailType").value+'&comments='+document.getElementById("comments").value;
	request.onreadystatechange = onResponse;
	request.open("GET", url, true);
	request.send(null);
}

function checkReadyState(obj)
{
	if(obj.readyState == 0) { document.getElementById('response').innerHTML = "Sending Data"; }
	if(obj.readyState == 1) { document.getElementById('response').innerHTML = "Making Request"; }
	if(obj.readyState == 2) { document.getElementById('response').innerHTML = "Retrieving Data"; }
	if(obj.readyState == 3) { document.getElementById('response').innerHTML = "Loading..."; }
	if(obj.readyState == 4)
	{
		if(obj.status == 200)
		{
			document.getElementById('response').innerHTML = "Loading...";
			return true;
		}
		else if(obj.status == 404)
		{
			document.getElementById('response').innerHTML = "File not found";
		}
		else
		{
			document.getElementById('response').innerHTML = "There was a problem retrieving the content.";
		}
	}
}

function onResponse(id) 
{
	if(checkReadyState(request))
	{
		document.getElementById('response').innerHTML = 'Thank you, your information has been sent.';
	}
}
//End AJAX Object
	
//description rollovers
	function roll(param)
	{	
	var box1=document.getElementById("description1")
	var box2=document.getElementById("description2")
	var box3=document.getElementById("description3")
	
		if(param==document.getElementById("desc_hide1"))
		{
			box1.style.visibility="visible";
			document.getElementById("desc_hide1").style.visibility="hidden";
		}
		else
		{
			box1.style.visibility="hidden";
			document.getElementById("desc_hide1").style.visibility="visible";
		}
		
		if(param==document.getElementById("desc_hide2"))
		{
			box2.style.visibility="visible";
			document.getElementById("desc_hide2").style.visibility="hidden";
		}
		else
		{
			box2.style.visibility="hidden";
			document.getElementById("desc_hide2").style.visibility="visible";
		}
		
		if(param==document.getElementById("desc_hide3"))
		{
			box3.style.visibility="visible";
			document.getElementById("desc_hide3").style.visibility="hidden";
		}
		else
		{
			box3.style.visibility="hidden";
			document.getElementById("desc_hide3").style.visibility="visible";
		}
	}
	
	//Frame Gallery
	function gallery(param)
	{
	var gal=document.getElementById("galcell")
	var gal2=document.getElementById("galcell2")
	var gal3=document.getElementById("galcell3")
	var gal4=document.getElementById("galcell4")
	var gal5=document.getElementById("galcell5")
	var gal6=document.getElementById("galcell6")
	var gal7=document.getElementById("galcell7")
	var gal8=document.getElementById("galcell8")
	
		if(param==gal)
		{
			gal.style.backgroundColor="#4C1B1B";
		}
		else
		{
			gal.style.backgroundColor="#B5B79D";
		}
		
		if(param==gal2)
		{
			gal2.style.backgroundColor="#4C1B1B";
		}
		else
		{
			gal2.style.backgroundColor="#B5B79D";
		}
		
		if(param==gal3)
		{
			gal3.style.backgroundColor="#4C1B1B";
		}
		else
		{
			gal3.style.backgroundColor="#B5B79D";
		}
		
		if(param==gal4)
		{
			gal4.style.backgroundColor="#4C1B1B";
		}
		else
		{
			gal4.style.backgroundColor="#B5B79D";
		}
		
		if(param==gal5)
		{
			gal5.style.backgroundColor="#4C1B1B";
		}
		else
		{
			gal5.style.backgroundColor="#B5B79D";
		}
		
		if(param==gal6)
		{
			gal6.style.backgroundColor="#4C1B1B";
		}
		else
		{
			gal6.style.backgroundColor="#B5B79D";
		}
		
		if(param==gal7)
		{
			gal7.style.backgroundColor="#4C1B1B";
		}
		else
		{
			gal7.style.backgroundColor="#B5B79D";
		}
		
		if(param==gal8)
		{
			gal8.style.backgroundColor="#4C1B1B";
		}
		else
		{
			gal8.style.backgroundColor="#B5B79D";
		}
	}
	
	//Shop Tour
	function disp_img(param) 
	{
	var pic1 = "images/header0.jpg";
	var pic2 = "images/header1.jpg";
	var pic3 = "images/header2.jpg";
	var pic4 = "images/header3.jpg";
		
		if(param==document.getElementById("s_out"))
		{
			document.getElementById("header").innerHTML = "<img src ='" + pic1 + "'/>";
		}
		
		if(param==document.getElementById("s_gal"))
		{
			document.getElementById("header").innerHTML = "<img src ='" + pic2 + "'/>";
		}
		
		if(param==document.getElementById("s_table"))
		{
			document.getElementById("header").innerHTML = "<img src ='" + pic3 + "'/>";
		}
		
		if(param==document.getElementById("s_back"))
		{
			document.getElementById("header").innerHTML = "<img src ='" + pic4 + "'/>";
		}
	}
	
	function tour_load()
	{
	var picLoad = "images/header0.jpg";
	document.getElementById("header").innerHTML = "<img src ='" + picLoad + "'/>";
	}
	
//Drop Down Menu
//Contents for menu
var menu1=new Array()
menu1[0]='<a href="previousgallery.php">Previous Gallery</a>'
menu1[1]='<a href="currentgallery.php">Current Gallery</a>'
menu1[2]='<a href="upcoming.php">Future Exhibits</a>'
		
var menuwidth='100px'
var menubgcolor='#FFFFFF'
var disappeardelay=250
var hidemenu_onclick="yes"

var ie4=document.all
var ns6=document.getElementById&&!document.all

if (ie4||ns6)
document.write('<div id="dropmenudiv" style="visibility:hidden;width:'+menuwidth+';background-color:'+menubgcolor+'" onMouseover="clearhidemenu()" onMouseout="dynamichide(event)"></div>')

function getposOffset(what, offsettype)
	{
		var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
		var parentEl=what.offsetParent;
		while (parentEl!=null)
		{
			totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
			parentEl=parentEl.offsetParent;
		}
		return totaloffset;
	}


function showhide(obj, e, visible, hidden, menuwidth)
	{
		if (ie4||ns6)
		dropmenuobj.style.left=dropmenuobj.style.top="-500px"
		if (menuwidth!="")
		{
			dropmenuobj.widthobj=dropmenuobj.style
			dropmenuobj.widthobj.width=menuwidth
		}
		if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover")
		obj.visibility=visible
		
		else if (e.type=="click")
		obj.visibility=hidden
	}

function iecompattest()
	{
	return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
	}

function clearbrowseredge(obj, whichedge)
	{
	var edgeoffset=0
	if (whichedge=="rightedge")
	{
		var windowedge=ie4 && !window.opera? iecompattest().scrollLeft+iecompattest().clientWidth-15 : 		window.pageXOffset+window.innerWidth-15
dropmenuobj.contentmeasure=dropmenuobj.offsetWidth
		if (windowedge-dropmenuobj.x < dropmenuobj.contentmeasure)
		edgeoffset=dropmenuobj.contentmeasure-obj.offsetWidth
	}
	
	else
	{
		var topedge=ie4 && !window.opera? iecompattest().scrollTop : window.pageYOffset
		var windowedge=ie4 && !window.opera? iecompattest().scrollTop+iecompattest().clientHeight-15 : 	window.pageYOffset+window.innerHeight-18
dropmenuobj.contentmeasure=dropmenuobj.offsetHeight
		if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure)
		{
			edgeoffset=dropmenuobj.contentmeasure+obj.offsetHeight
			
			if ((dropmenuobj.y-topedge)<dropmenuobj.contentmeasure)
			edgeoffset=dropmenuobj.y+obj.offsetHeight-topedge
		}
	}
	
	return edgeoffset
	}

function populatemenu(what)
	{
		if (ie4||ns6)
		dropmenuobj.innerHTML=what.join("")
	}


function dropdownmenu(obj, e, menucontents, menuwidth)
	{
		if (window.event) event.cancelBubble=true
		else if (e.stopPropagation) e.stopPropagation()
		clearhidemenu()
		dropmenuobj=document.getElementById? document.getElementById("dropmenudiv") : dropmenudiv
		populatemenu(menucontents)

		if (ie4||ns6)
			{
				showhide(dropmenuobj.style, e, "visible", "hidden", menuwidth)
				dropmenuobj.x=getposOffset(obj, "left")
				dropmenuobj.y=getposOffset(obj, "top")
				dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+"px"
				dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+"px"
			}

		return clickreturnvalue()
	}

function clickreturnvalue()
	{
		if (ie4||ns6) return false
		else return true
	}

function contains_ns6(a, b) 
	{
		while (b.parentNode)
		if ((b = b.parentNode) == a)
		return true;
		return false;
	}

function dynamichide(e)
	{
		if (ie4&&!dropmenuobj.contains(e.toElement))
		delayhidemenu()
		else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
		delayhidemenu()
	}

function hidemenu(e)
	{
		if (typeof dropmenuobj!="undefined")
		{
			if (ie4||ns6)
			dropmenuobj.style.visibility="hidden"
		}
	}

function delayhidemenu()
	{
		if (ie4||ns6)
		delayhide=setTimeout("hidemenu()",disappeardelay)
	}

function clearhidemenu()
	{
		if (typeof delayhide!="undefined")
		clearTimeout(delayhide)
	}

	if (hidemenu_onclick=="yes")
	document.onclick=hidemenu