var xmlHttp;
var mainDiv;

function goAjax(url, divName, waitMsg, img, style) 
{
	xmlHttp=GetXmlHttpObject();
 	if (xmlHttp==null)
	{
		alert ("Your browser does not support AJAX! We recommend using Mozilla Firefox.");
		return;
	} 
	
	if (img === undefined) {
		img  = "../images/wait.gif";
	}

	if (style === undefined) {
		style = "";
	}
	
	mainDiv = divName;	
	document.getElementById(divName).innerHTML ="<img src='" + img + "' style='" + style + "' /> " + waitMsg; 
	xmlHttp.onreadystatechange=stateChanged;
	xmlHttp.open("GET",url,true);
	xmlHttp.send(null);
}


function stateChanged() 
{	
	if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
	{ 
		document.getElementById(mainDiv).innerHTML=xmlHttp.responseText;
	}
}

function GetXmlHttpObject()
{
var xmlHttp=null;
try
  {
  // Firefox, Opera 8.0+, Safari
  xmlHttp=new XMLHttpRequest();
  }
catch (e)
  {
  // Internet Explorer
  try
    {
    xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
    }
  catch (e)
    {
    xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
  }
return xmlHttp;
}

function toggle(id) {
	$("#" + id).toggle('blind');
	return;	
}


function inquire(id, tcode) {

	var check = document.getElementById("div" + id);
	if (!(check == undefined)) {
		if (check.style.display == "none") {
			check.style.display = "block";
		} else {
			check.style.display = "none";
		}
		return;
	}

	var t = document.getElementById(id);
	var root = t.parentNode;
	var myform = document.createElement("div");
	var str = "<form name='frm_inquire' action='inquire.php' onsubmit='return check_form(this,\"" + id + "\");' method='post'><table width='300px' style='font-size: 10px;'>";
	str += "<tr><td valign='top'><strong style='color: #c6c409;'>Name : </strong></td><td><input type='text' name='_name' size='20' maxlength='50' /></td></tr>";
	str += "<tr><td valign='top'><strong style='color: #c6c409;'>E-mail : </strong></td><td><input type='text' name='_email' size='20' maxlength='50' onblur='check_email(this,\"email" + id + "\");' /><br /><div id='email" + id + "' style='color: #ffffff;'></div></td></tr>";
	str += "<tr><td valign='top'><strong style='color: #c6c409;'>Message :</strong> </td><td><textarea name='_msg' rows='4' cols='25'></textarea></td></tr>";
	str += "<tr><td></td><td><input type='hidden' value='" + id + "' name='id' /><input type='hidden' name='tour_code' value='" + tcode + "' />";
	str += "<input type='submit' value='Submit' /></td></tr>";
	str += "</table></form>";
	
	myform.id = "div" + id;
	myform.style.width = "100%";
	myform.innerHTML = str;
	
	root.appendChild(myform);
}

function check_form(form, div) {
	var myname = form._name.value;
	var myemail = form._email.value;
	var msg = form._msg.value;
	var tcode = form.tour_code.value;
	var div_email = document.getElementById("email" + div);

	
	if (myname.length == 0) {
		alert("Please enter your name.");
		form._name.focus();
	} else if (myemail.length == 0) {
		alert("Please enter your e-mail address.");
		form._email.focus();
	} else if (msg.length == 0) {
		alert("Please enter you inquiry/remarks/message.");
		form._msg.focus();
	} else if (div_email.innerHTML.length > 1) {
		alert("Please enter a valid e-mail address.");
		form._email.focus();
	} else {
		var url = "inquire.php?_name=" + myname + "&_email=" + myemail + "&_msg=" + msg + "&id=" + div + "&_code=" + tcode + "&";
		goAjax( url, "div" + div, "", "../images/wait.gif","position: relative; width: 16px; left: 50%; margin-left: -8px;");
		return false;
	} 
	
	return false;
}

function destroyDiv(id) {
	var div = document.getElementById(id);
	var root = div.parentNode;
	root.removeChild(div);
}

function check_email(obj, id) {
	var url = "check_email.php?email=" + obj.value;
	goAjax(url, id, "", "../images/wait.gif");
}