/* The following function creates an XMLHttpRequest object... */

var elementId="";
var loadingMesg="";
function createRequestObject(){
	var request_o; //declare the variable to hold the object.
	var browser = navigator.appName; //find the browser name
	if(browser == "Microsoft Internet Explorer"){
		/* Create the object using MSIE's method */
		request_o = new ActiveXObject("Microsoft.XMLHTTP");
	}else{
		/* Create the object using other browser's method */
		request_o = new XMLHttpRequest();
	}
	return request_o; //return the object
}

var http = createRequestObject();

function getRequest(url,id,msg){
	/* Create the request. The first argument to the open function is the method (POST/GET),
		and the second argument is the url... 
		document contains references to all items on the page
		We can reference document.form_category_select.select_category_select and we will
		be referencing the dropdown list. The selectedIndex property will give us the 
		index of the selected item. 
	*/
	elementId=id;
	loadingMesg=msg;
	http.open('get', url);
	/* Define a function to call once a response has been received. This will be our
		handleProductCategories function that we define below. */
	http.onreadystatechange = ManipulateRequest; 
	/* Send the data. We use something other than null when we are sending using the POST
		method. */
	http.send(null);
}

function postRequest(url,id,msg){
	/* Create the request. The first argument to the open function is the method (POST/GET),
		and the second argument is the url... 
		document contains references to all items on the page
		We can reference document.form_category_select.select_category_select and we will
		be referencing the dropdown list. The selectedIndex property will give us the 
		index of the selected item. 
	*/
	elementId=id;
	loadingMesg=msg;
	http.open('get', url);
	/* Define a function to call once a response has been received. This will be our
		handleProductCategories function that we define below. */
	http.onreadystatechange = ManipulateRequest; 
	/* Send the data. We use something other than null when we are sending using the POST
		method. */
	http.send(null);
}


function ManipulateRequest(){
	/* Make sure that the transaction has finished. The XMLHttpRequest object 
		has a property called readyState with several states:
		0: Uninitialized
		1: Loading
		2: Loaded
		3: Interactive
		4: Finished */

	//if(loadingMesg=="") var msg="<span class='bld'><br>Please wait...loading</span><br> <img src='images/squares.gif'>";
	if(loadingMesg==""){
		//var msg="<div align=center><style type='text/css'>.head1 {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:16px;font-weight:bold;color:#2F8996;}.head2 {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:15px;font-weight:bold;color:#2F8996;}</style><table width=437  border=0 cellpadding=0 cellspacing=1 style='border:2px solid #cccccc; '><tr><td height=30 align=center bgcolor='#FFFFFF' class=head1>Great Hawaii Vacations is searching...</td></tr><tr><td height=30 align=center bgcolor='#FFFFFF' class=head1>We Know Hawaii Best... Hawaii is all we do!</td></tr><tr><td align=center bgcolor='#FFFFFF'><img src='images/squares.gif' width=101 height=19></td></tr><tr><td height=30 align=center bgcolor='#FFFFFF' class=head1>Need any help? Call our travel experts</td></tr><tr><td align=center bgcolor='#FFFFFF' style='padding-right:10px;'><img src='images/lady_search.gif' width=111 height=105></td></tr><tr><td align=center bgcolor='#FFFFFF' class=head1>1-800-688-2254 </td></tr></table><br>";
		var msg = "<span class='bld'><br>Please wait...loading</span><br> <img src='images/squares.gif'>";
	}
	else{
			msg=loadingMesg;
	}
	if(http.readyState == 1)
	{
	document.getElementById(elementId).innerHTML=msg;
	}
	else if(http.readyState == 4){ //Finished loading the response
		/* We have got the response from the server-side script,
			let's see just what it was. using the responseText property of 
			the XMLHttpRequest object. */
		var response = http.responseText;
	//	alert(response);
		
		/* And now we want to change the product_categories <div> content.
			we do this using an ability to get/change the content of a page element 
			that we can find: innerHTML. */
			//var msg1="<span class='bld'><br>Thank You for subscribing to the Great Hawaii Vacations<br></span>";
			
			var msg1="<span class='bld'><br>Thank You for subscribing to the Great Hawaii Vacations free newsletter.<br>You will receive the issues in your email.<br>Please know that Great Hawaii Vacations does not sell of share your email adress with any third party. Your privacy is assured Mahalo.</span>";
			document.getElementById('newsMessage').innerHTML = msg1;
	}
}