
function doLoad(value, categoryid) {

    // Create new JsHttpRequest object.
    var req = new JsHttpRequest();
    // Code automatically called on load finishing.
    req.onreadystatechange = function() {
        if (req.readyState == 4) {
            // Write result to page element (_RESULT becomes responseJS). 
            document.getElementById('SearchCriteriaResult').innerHTML = req.responseJS.data;
			//document.getElementById('debug').innerHTML = req.responseJS.debug;
        }
    }
    // Prepare request object (automatically choose GET or POST).
    req.open(null, 'ajaxsearch.php', true);
    
	// Send data to backend.
	req.caching = false;
    req.send( { q: value, categories_id: categoryid } );
} 
 
function LoadSubItems(LoadType, Primary, Secondary) {

    // Create new JsHttpRequest object.
    var req = new JsHttpRequest();
    // Code automatically called on load finishing.
    req.onreadystatechange = function() {
        if (req.readyState == 4) {
			if (null !== req.responseJS.data){
				ClearDropDown(document.getElementById(Secondary));
 
				var col_array = req.responseJS.data.split(",")
				var part_num=0;
				while (part_num < col_array.length)
				 {
				 data = col_array[part_num].split('|');
 
				 addOption(document.getElementById(Secondary), data[1], data[0]);
				  part_num+=1;
				  }
			}
				document.getElementById('status').innerHTML ='';
        }		
    }
	
	document.getElementById('status').innerHTML = '<img src="images/icons/loading.gif"><br> Loading Search Criteria';

    // Prepare request object (automatically choose GET or POST).
    req.open(null, 'ajaxsearch.php', true);

	// Send data to backend.
	req.caching = false;
    req.send( { q: LoadType, valueid: document.getElementById(Primary).value } );
}
 
function ClearDropDown(BoxToClear) {
 
	//var theDropDown = document.getElementById(itemToClear)   
	var numberOfOptions = BoxToClear.options.length   
		for (i=0; i<numberOfOptions; i++) {   
		 //Note: Always remove(0) and NOT remove(i)   
		 BoxToClear.remove(0)   
		} 
}
 
function addOption(selectbox,text,value)
{
	var optn = document.createElement("OPTION");
	optn.text = text;
	optn.value = value;
	selectbox.options.add(optn);
}
 
function GetSelectedItems(value){

var selected_value = value;
var req = new JsHttpRequest();

	document.getElementById('searchresult').innerHTML="";
	
    req.onreadystatechange = function() {
        if (req.readyState == 4) {
			if (null !== req.responseJS.data){
				document.getElementById('searchresult').innerHTML = req.responseJS.data;
				document.getElementById('status').innerHTML = "";
			}
        }		
    }

	req.open(null, 'ajaxsearch.php', true);
	req.caching = false;
    req.send( { q: 'search', value: selected_value.substring(0, selected_value.length-1)} ); 
 
}

function ResetSearch() {
	document.getElementById('status').innerHTML = "";
	document.getElementById('searchresult').innerHTML = "";
	document.getElementById('ResultCount').innerHTML = 'We Found <strong>(0)</strong> products';
	
	  for (var i = 0; i < (document.forms.searchcriteria.elements.length); i++) {
		if (document.forms.searchcriteria.elements[i].type == 'select-one') {
			obj = document.forms.searchcriteria.elements[i].selectedIndex = 0;
		}
	  }
}

function GetResultCount() {

var selected_value = '';
var req = new JsHttpRequest();

  for (var i = 0; i < (document.forms.searchcriteria.elements.length); i++) {
	if (document.forms.searchcriteria.elements[i].type == 'select-one') {
		obj = document.forms.searchcriteria.elements[i];
		if (obj.value !=0){
			selected_value = selected_value.concat(obj.value + ',');
		}
	}
  }
  document.getElementById('ResultCount').innerHTML = '<center><img src="images/icons/loading.gif"><br>Loading Search Results</center>';
  document.getElementById('status').innerHTML = '<img src="images/icons/loading.gif"><br>Loading Search Results';
  
      req.onreadystatechange = function() {
        if (req.readyState == 4) {
			if (null !== req.responseJS.data){
				if ('undefined' !==req.responseJS.data){
					document.getElementById('ResultCount').innerHTML = 'We Found <strong>(' + req.responseJS.data + ')</strong> products';
					GetSelectedItems(selected_value);
				} else {
					document.getElementById('ResultCount').innerHTML = '';
				}
			}
        }		
    }

	req.open(null, 'ajaxsearch.php', true);
	req.caching = false;
    req.send( { q: 'GetResultCount', value: selected_value.substring(0, selected_value.length-1)} ); 
}

function setSelectedIndex(s, v) {
	for ( var i = 0; i < s.options.length; i++ ) {
		if ( s.options[i].value == v ) {
			s.options[i].selected = true;
			return;
		}
	}
}

function GetResultCountBanner(value) {

var req = new JsHttpRequest();
var selected_value = value;

  for (var i = 0; i < (document.forms.searchcriteria.elements.length); i++) {
	if (document.forms.searchcriteria.elements[i].type == 'select-one') {
		var int_value = value.split(',');
		for(si = 0; si < int_value.length; si++){
			setSelectedIndex(document.forms.searchcriteria.elements[i],int_value[si]);
		}
	}
  }

  document.getElementById('ResultCount').innerHTML = '<center><img src="images/icons/loading.gif"><br>Loading Search Results</center>';
  document.getElementById('status').innerHTML = '<img src="images/icons/loading.gif"><br>Loading Search Results';
  
      req.onreadystatechange = function() {
        if (req.readyState == 4) {
			if (null !== req.responseJS.data){
				if ('undefined' !==req.responseJS.data){
					document.getElementById('ResultCount').innerHTML = 'We Found <strong>(' + req.responseJS.data + ')</strong> products';
					GetSelectedItems(selected_value);
				} else {
					document.getElementById('ResultCount').innerHTML = '';
				}
			}
        }		
    }

	req.open(null, 'ajaxsearch.php', true);
	req.caching = false;
    req.send( { q: 'GetResultCount', value: selected_value.substring(0, selected_value.length-1)} ); 
}

function toggleDiv(divid){
	if(document.getElementById(divid).style.display == 'none'){
	  document.getElementById(divid).style.display = 'block';
	}else{
	  document.getElementById(divid).style.display = 'none';
	}
}

