/* The following function creates an XMLHttpRequest object... */
var url = '/src/searchomc.php'
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
	}

/* You can get more specific with version information by using 
	parseInt(navigator.appVersion)
	Which will extract an integer value containing the version 
	of the browser being used.
*/

/* The variable http will hold our new XMLHttpRequest object. */
var http = createRequestObject(); 
function searchClicked() {
document.searchomc.pagenumber.value = 0;
getCatalog();
}
function paginate(pagenum, totalrows){
document.searchomc.pagenumber.value = pagenum;
document.searchomc.totalrows.value = totalrows;
getCatalog();
}
/* Function called to get the product categories list */
function getCatalog(){
  /* Figure out which button is checked to pass to the php script */
  var typeChecked

	for (var i=0; i<document.searchomc.type.length; i++) {
	
		if (document.searchomc.type[i].checked) {
		typeChecked = document.searchomc.type[i].value
		}
		
	}
	/* 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. 
	*/
	var params = '?action=getCatalog&id=' + typeChecked + '&searchStr=' + document.searchomc.searchtext.value + '&pageNum=' + document.searchomc.pagenumber.value + '&totalRows=' + document.searchomc.totalrows.value ;
	http.open('GET', url + params);
	//Send the proper header information along with the request
//http.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); 
//http.setRequestHeader("Content-length", params.length);
//http.setRequestHeader("Connection", "close");
	/* Define a function to call once a response has been received. This will be our
		handleProductCategories function that we define below. */
	http.onreadystatechange = handleCatalog; 
	/* Send the data. We use something other than null when we are sending using the POST
		method. */
	http.send(null);
	//document.getElementById('results').innerHTML = params;
	
}

/* Function called to handle the list that was returned from the internal_request.php file.. */
function handleCatalog(){
	/* 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. */
		var results = document.getElementById('results');
    results.innerHTML = "";
    results.innerHTML = results.innerHTML + response;
			Position.includeScrollOffsets = true;
	Sortable.create("results",
     {tag:'div',dropOnEmpty:true,containment:["results","playlist"],constraint:false});
	Sortable.create("playlist",
     {tag:'div',scroll:true,dropOnEmpty:true,handle:'handle',containment:["results","playlist"],constraint:false});
	}
	if(http.readyState == 1) {
  var spinner = '<p style="text-align:center;"><img src="/images/spinner.gif" /></p>';
	  var waiting = document.getElementById('results');
  waiting.innerHTML = spinner;
  }
}