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
}


/* The variable http will hold our new XMLHttpRequest object. */
var http = createRequestObject(); 

/* Function called to get the product categories list */
function loadPhoto(albumid,photoid){
	/* 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. 
	*/
	http.open('get', 'get_photo.php?id=' + albumid + '&photoid=' + photoid);
	/* Define a function to call once a response has been received. This will be our
		handleProductCategories function that we define below. */
	http.onreadystatechange = displayPhoto; 
	/* Send the data. We use something other than null when we are sending using the POST
		method. */
	http.send(null);
}

/* Function called to handle the list that was returned from the internal_request.php file.. */
function displayPhoto(){
	/* 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(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;
		/* 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. */
		document.getElementById('photodiv').innerHTML = response;
	}
}

/* Function called to get the product categories list */
function postComment(recordnum,photoid,name,comment,answer){

	//alert(recordnum + "," + photoid + "," + name + "," + comment + "," + answer);
	var url = "add_comment.php";
	var params = "recordnum=" + recordnum + "&photoid=" + photoid + "&name=" + name + "&comment=" + comment + "&answer=" + answer;
	http.open('post', url, true);
	
	http.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
	http.setRequestHeader("Content-length", params.length);
	http.setRequestHeader("Connection", "close");
	http.send(params);
	
	http.onreadystatechange = displayComments; 
	
	
}

/* Function called to handle the list that was returned from the internal_request.php file.. */
function displayComments(){
	/* 
		0: Uninitialized
		1: Loading
		2: Loaded
		3: Interactive
		4: Finished 
	*/
	if(http.readyState == 4){
		var response = http.responseText;
		//alert(response);
		if(response == "badanswer"){
			document.getElementById("commentdiv").style.display = 'none';
			document.getElementById("namediv").style.display = 'none';
			document.getElementById("answerdiv").style.display = 'inline';
		}
		if(response == "noname"){
			document.getElementById("answerdiv").style.display = 'none';
			document.getElementById("commentdiv").style.display = 'none';
			document.getElementById("namediv").style.display = 'inline';
		}
		if(response == "nocomment"){
			document.getElementById("namediv").style.display = 'none';
			document.getElementById("answerdiv").style.display = 'none';
			document.getElementById("commentdiv").style.display = 'inline';
		}
		if(response == "nocomment"){
			document.getElementById('photodiv').innerHTML = response;
		}
		
	}
}

function loadTunes(){

	http.open('get', '/tunes/get_data.php5');
	http.onreadystatechange = displayTunes; 
	http.send(null);
}

function displayTunes(){
	/* 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(http.readyState == 4){
		var response = http.responseText;
		document.getElementById('tunesdiv').innerHTML = response;
	}
}