var glob_prod_array= new Array();
var glob_cat_array= new Array();
var glob_current_cat = 0; // show all

var glob_avail_array= new Array('Show All','In Stock', 'Out Of Stock' );

var glob_current_avail = 0; // show all 

function getAbsolutePos(el)
{
   var r = { x: el.offsetLeft, y: el.offsetTop };
   if (el.offsetParent)
   {
       var tmp = getAbsolutePos(el.offsetParent);
       r.x += tmp.x;
       r.y += tmp.y;
   }
   return r;
}
function newadd(form,elt,str  )
{
	var elPos = getAbsolutePos(elt);
	var newdiv = document.createElement('div');
	var formadd = form;
 	var prid = document.forms[formadd].productid.value;
  	var quan = document.forms[formadd].amount.value;
    var path = document.location+"";
    path = path.substring(0, 5);
    if (path !== "http:") path = "https:";

	newdiv.id = 'child2';
	newdiv.style.top = elPos.y+'px';
	newdiv.style.left = elPos.x-100+'px';
    newdiv.style.width = '292px';
    newdiv.style.height = '70px';
    newdiv.style.background = "url("+path+"//www.{$current_location}/skin1/images/custom/bt_ajax.gif) no-repeat";
    newdiv.style.border = 'none';
	newdiv.style.overflow = 'auto';
	newdiv.style.position = 'absolute';
	newdiv.style.padding = '0px 10px 0px 0px';
	
	
	newdiv.innerHTML = '<table align=center cellspacing="2" border="0"><tr><td style="font-size:13px;text-align: center;">Adding</td></tr><tr><td style="COLOR:#1d9dcc;FONT-WEIGHT:bold;FONT-SIZE:13px;">'+quan+' x '+str+'</td></tr></table>';
	document.body.appendChild(newdiv);
	
	
	
	new Ajax.Request('cart_ajax.php?mode=add', {
		method: 'post',
		parameters: {productid: prid, amount: quan},
	onSuccess: function(transport){
		//alert (transport.responseText);
		var response = transport.responseText.evalJSON(true) || "no response";
		//alert ("000000000");
	 //	document.getElementById('minicart_subtotal').innerHTML = response.subTotal;
     //	document.getElementById('minicart_tax').innerHTML = response.tax_cost;
	 //	document.getElementById('minicart_total').innerHTML = response.total;
        	

		
		var prodsStr = '<table width="100%" cellspacing="0" cellpadding="0">';
		for(var i=0; i<response.prods.length; i++){
		prodsStr +='<tr><td colspan="2"><a href="product.php?productid='+response.prods[i].id+'" style="COLOR: #39b6e6; TEXT-DECORATION: underline; FONT-SIZE: 9px;">'+response.prods[i].product+'</a></td></tr><tr><td>'+response.prods[i].amount+'x</td><td align="right">&pound;'+response.prods[i].price+'&nbsp;<font style="FONT-SIZE: 8.5px;">ex</font></td></tr>';
		}
		prodsStr += '</table>';

		//alert ("22222222");

	  //	document.getElementById('minicart_prods').innerHTML = '';
	  //	document.getElementById('minicart_prods').innerHTML = prodsStr;
	  //	document.getElementById('minicart_full').style.display = 'block';
	  //	document.getElementById('minicart_empty').style.display = 'none';
		//alert ("3333333333");
		document.body.removeChild(newdiv);
		document.getElementById('mc_items').innerHTML = response.prods.length+' item(s) ';
		document.getElementById('mc_subtotal').innerHTML = response.total;
	 //	document.getElementById('bubble').style.display = 'block';
		//alert ("44444444444");
	},
	onFailure: function(){document.removeChild('child2'); }
	});

}
function new_add_box(form,elt,str)
{
	
	var formadd = form;
 	var prid = document.forms[formadd].productid.value;
  	var quan = document.forms[formadd].amount.value;

	document.getElementById('buy_box').innerHTML = '<table align=center cellspacing="2" border="0"><tr><td style="font-size:13px;">Adding</td></tr><tr><td style="COLOR:#1d9dcc;FONT-WEIGHT:bold;FONT-SIZE:13px;">'+quan+' x '+str+'</td></tr></table>';
	document.getElementById('buy_box').style.display = 'block';
	new Ajax.Request('cart_ajax.php?mode=add', {
		method: 'post',
		parameters: {productid: prid, amount: quan},
	onSuccess: function(transport){
			
		//alert (transport.responseText);
		
		var response = transport.responseText.evalJSON(true) || "no response";
		
		document.getElementById('minicart_subtotal').innerHTML = response.subTotal;
    	document.getElementById('minicart_tax').innerHTML = response.tax_cost;
		document.getElementById('minicart_total').innerHTML = response.total;
        	
		var prodsStr = '<table width="100%" cellspacing="0" cellpadding="0">';
		for(var i=0; i<response.prods.length; i++){
		prodsStr +='<tr><td colspan="2"><a href="product.php?productid='+response.prods[i].productid+'" style="COLOR: #39b6e6; TEXT-DECORATION: underline; FONT-SIZE: 9px;">'+response.prods[i].product+'</a></td></tr><tr><td>'+response.prods[i].amount+'x</td><td align="right">&pound;'+response.prods[i].price+'&nbsp;<font style="FONT-SIZE: 8.5px;">ex</font></td></tr>';
		}
		prodsStr += '</table>';
		document.getElementById('buy_box').innerHTML = '<table align=center cellspacing="2" border="0"><tr><td style="font-size:13px;">You have added</td></tr><tr><td style="COLOR:#1d9dcc;FONT-WEIGHT:bold;FONT-SIZE:13px;">'+quan+' x '+str+'</td></tr><tr><td style="font-size:13px;">to your order</td></tr></table>';

				
		document.getElementById('minicart_prods').innerHTML = '';
		document.getElementById('minicart_prods').innerHTML = prodsStr;
		document.getElementById('minicart_full').style.display = 'block';
		document.getElementById('minicart_empty').style.display = 'none';
      /*  if(response.product_stock < 1){
        	document.getElementById('div_instock_'+prid).style.display = 'none';
        	document.getElementById('div_outstock_'+prid).style.display = 'block';
        	document.getElementById('div_binstock_'+prid).style.display = 'none';
        	document.getElementById('div_boutstock_'+prid).style.display = 'block';
        }else{
        	document.getElementById('div_instock_'+prid).style.display = 'block';
        	document.getElementById('div_outstock_'+prid).style.display = 'none';
        	document.getElementById('div_binstock_'+prid).style.display = 'block';
        	document.getElementById('div_boutstock_'+prid).style.display = 'none';
        }*/

    },
	onFailure: function(){

		document.getElementById('buy_box').innerHTML = '<table align=center cellspacing="2" border="0"><tr><td style="font-size:13px;">Communicating error</td></tr></table>';
  	}
	});
	setTimeout("document.getElementById('buy_box').style.display = 'none'", 4000);
}

function live_check_stock(prid, c2000id, supplier)
{
	document.getElementById('check_stock_box').innerHTML = '<table align=center valign=middle cellspacing="3"><tr><td style="font-size:13px;">Communicating with the warehouse...</td></tr></table>';

	document.getElementById('check_stock_box').style.display = 'block';

	var urlReq = 'cart_ajax.php?mode=check_stock_c2000';


	if (supplier == 'I')
	{
		urlReq = 'cart_ajax.php?mode=check_stock_ingram';

	}

	new Ajax.Request(urlReq, {
		method: 'post',
	parameters: {productid: prid, prodno: c2000id},

	onSuccess: function(transport){
		var avail = transport.responseText;

		//alert (avail);

    	document.getElementById('check_stock_box').innerHTML = '<table align=center cellspacing="3"><tr><td style="font-size:13px;">Communicating with the warehouse...</td></tr><tr><td style="COLOR:#1d9dcc;FONT-WEIGHT:bold;FONT-SIZE:13px;">Live stock figures updated</td></tr></table>';
        document.getElementById('stock_avail_'+prid).innerHTML = avail+'';
        if(avail < 1){
        	document.getElementById('div_instock_'+prid).style.display = 'none';
        	document.getElementById('div_outstock_'+prid).style.display = 'block';
        	document.getElementById('div_binstock_'+prid).style.display = 'none';
        	document.getElementById('div_boutstock_'+prid).style.display = 'block';
        }else{
        	document.getElementById('div_instock_'+prid).style.display = 'block';
        	document.getElementById('div_outstock_'+prid).style.display = 'none';
        	document.getElementById('div_binstock_'+prid).style.display = 'block';
        	document.getElementById('div_boutstock_'+prid).style.display = 'none';
        }
        if(avail == -1){
        	document.getElementById('stock_avail_'+prid).innerHTML = '0';

        }
	},
	onFailure: function(){
     	document.getElementById('check_stock_box').innerHTML = '<table align=center cellspacing="3"><tr><td style="font-size:13px;">Communicating with the warehouse...</td></tr><tr><td>Error</td></tr></table>';

	}
	});
	setTimeout("document.getElementById('check_stock_box').style.display = 'none'", 3000);

}

function ink_search_type(ink_type){

        new Ajax.Request('ink_search.php?mode=select_type', {
                method: 'post',
                parameters: {type: ink_type},
        onSuccess: function(transport){
		var response = transport.responseText.evalJSON(true) || "no response";
		var classes = new Array();
                var _class = response.classes;
                new_source = '';
                new_source = "<select name='class_list' id='class_list' onchange='javascript: ink_search_class(this.value);' style='width: 230px; height: 28px;font-size:16px;'>";
                new_source += "<option value=''>Select</option>";
		for (i in _class){
			if (_class[i]['classid'] > 0){
        		        new_source += "<option value='"+_class[i]['classid']+"'>"+_class[i]['name']+"</option>";
			}
		}
                new_source += "</select>";
                document.getElementById('inkclassfield').innerHTML = new_source;
                document.getElementById('familyfield').innerHTML = '<select name="family_list" id="family_list" style="width: 230px; height: 28px;font-size:16px;" DISABLED><option value="0">Select</option></select>';
                document.getElementById('modelsfield').innerHTML = '<select name="model_list" id="model_list" style="width: 230px; height: 28px;font-size:16px;" DISABLED><option>Select</option></select>';

        },
        onFailure: function(){return false; }
        });

}


function ink_search_type_products(ink_type){

        new Ajax.Request('ink_search.php?mode=select_type', {
                method: 'post',
                parameters: {type: ink_type},
        onSuccess: function(transport){
		var response = transport.responseText.evalJSON(true) || "no response";
		var classes = new Array();
                var _class = response.classes;
                new_source = '';
                new_source = "<select name='class_list' id='class_list' onchange='javascript: ink_search_class_products(this.value);' style='width:180px;height:20px;font-size:10px;'>";
                new_source += "<option value=''>&lt;Please Select Printer Brand&gt;</option>";
		for (i in _class){
			if (_class[i]['classid'] > 0){
        		        new_source += "<option value='"+_class[i]['classid']+"'>"+_class[i]['name']+"</option>";
			}
		}
                new_source += "</select>";
                document.getElementById('inkclassfield').innerHTML = new_source;
                document.getElementById('familyfield').innerHTML = '<select name="family_list" id="family_list" style="width:180px;height:20px;font-size:10px;" DISABLED><option value="0">&lt;Select Your Printer Series&gt;</option></select>';
                document.getElementById('modelsfield').innerHTML = '<select name="model_list" id="model_list" style="width:180px;height:20px;font-size:10px;" DISABLED><option>&lt;Select Your Printer Model&gt;</option></select>';

        },
        onFailure: function(){return false; }
        });

}





function ink_search_class(_classid, _elementid, _child_elementid){

        new Ajax.Request('ink_search.php?mode=select_family', {
                method: 'post',
                parameters: {classid: _classid},
        onSuccess: function(transport){
                var response = transport.responseText.evalJSON(true) || "no response";
		var families = response.families;
                new_source = '';
                new_source = "<select name='family_list' id='family_list' onchange='javascript: ink_search_family(this.value);' style='width: 230px; height: 28px;font-size:16px;;'>";
                new_source += "<option value=''>Select Model</option>";
                for (i in families){
                        if (families[i]['familyid'] > 0){
                                new_source += "<option value='"+families[i]['familyid']+"'>"+families[i]['family']+"</option>";
                        }
                }
                new_source += "</select>";
		if (_elementid)
	                document.getElementById(_elementid).innerHTML = new_source;
		else
	                document.getElementById('familyfield').innerHTML = new_source;

//fill the models list
        new Ajax.Request('ink_search.php?mode=models_list', {
                method: 'post',
                parameters: {classid: _classid},
        onSuccess: function(transport){
                var response = transport.responseText.evalJSON(true) || "no response";
                var models = response.models;
                new_source = '';
                new_source = "<select name='model_list' id='model_list' onchange='javascript: document.location=\"ink_search_results.php?valueid=\"+this.value' style='width: 230px; height: 28px;font-size:16px;'>";
                new_source += "<option value=''>Select Printer</option>";
                for (i in models){
                        if (models[i]['inkid'] > 0){
                                new_source += "<option value='"+models[i]['inkid']+"'>"+models[i]['model']+"</option>";
                        }
                }
                new_source += "</select>";
                        document.getElementById('modelsfield').innerHTML = new_source;
        },
        onFailure: function(){return false; }
        });

        },
        onFailure: function(){return false; }
        });

}

function ink_search_class_products(_classid, _elementid, _child_elementid){

        new Ajax.Request('ink_search.php?mode=select_family', {
                method: 'post',
                parameters: {classid: _classid},
        onSuccess: function(transport){
                var response = transport.responseText.evalJSON(true) || "no response";
		var families = response.families;
                new_source = '';
                new_source = "<select name='family_list' id='family_list' onchange='javascript: ink_search_family_products(this.value);'style='width:180px;height:20px;font-size:10px;'>";
                new_source += "<option value=''>&lt;Select Your Printer Series&gt;</option>";
                for (i in families){
                        if (families[i]['familyid'] > 0){
                                new_source += "<option value='"+families[i]['familyid']+"'>"+families[i]['family']+"</option>";
                        }
                }
                new_source += "</select>";
		if (_elementid)
	                document.getElementById(_elementid).innerHTML = new_source;
		else
	                document.getElementById('familyfield').innerHTML = new_source;

//fill the models list
        new Ajax.Request('ink_search.php?mode=models_list', {
                method: 'post',
                parameters: {classid: _classid},
        onSuccess: function(transport){
                var response = transport.responseText.evalJSON(true) || "no response";
                var models = response.models;
                new_source = '';
                new_source = "<select name='model_list' id='model_list' onchange='javascript: document.location=\"ink_search_results.php?valueid=\"+this.value' style='width:180px;height:20px;font-size:10px;'>";
                new_source += "<option value=''>&lt;Select Your Printer Model&gt;</option>";
                for (i in models){
                        if (models[i]['inkid'] > 0){
                                new_source += "<option value='"+models[i]['inkid']+"'>"+models[i]['model']+"</option>";
                        }
                }
                new_source += "</select>";
                        document.getElementById('modelsfield').innerHTML = new_source;
        },
        onFailure: function(){return false; }
        });

        },
        onFailure: function(){return false; }
        });

}

function ink_search_family(_familyid){

        new Ajax.Request('ink_search.php?mode=select_model', {
                method: 'post',
                parameters: {familyid: _familyid},
        onSuccess: function(transport){
                var response = transport.responseText.evalJSON(true) || "no response";
                var models = response.models;
                new_source = '';
                new_source = "<select name='class_list' id='class_list' onchange='javascript: document.location=\"ink_search_results.php?valueid=\"+this.value' style='width: 230px; height: 28px;font-size:16px;'>";
                new_source += "<option value=''>Select Printer</option>";
                for (i in models){
                        if (models[i]['inkid'] > 0){
                                new_source += "<option value='"+models[i]['inkid']+"'>"+models[i]['model']+"</option>";
                        }
                }
                new_source += "</select>";
                        document.getElementById('modelsfield').innerHTML = new_source;
        },
        onFailure: function(){return false; }
        });

}

function ink_search_family_products(_familyid){

        new Ajax.Request('ink_search.php?mode=select_model', {
                method: 'post',
                parameters: {familyid: _familyid},
        onSuccess: function(transport){
                var response = transport.responseText.evalJSON(true) || "no response";
                var models = response.models;
                new_source = '';
                new_source = "<select name='class_list' id='class_list' onchange='javascript: document.location=\"ink_search_results.php?valueid=\"+this.value' style='width:180px;height:20px;font-size:10px;'>";
                new_source += "<option value=''>&lt;Select Your Printer Model&gt;</option>";
                for (i in models){
                        if (models[i]['inkid'] > 0){
                                new_source += "<option value='"+models[i]['inkid']+"'>"+models[i]['model']+"</option>";
                        }
                }
                new_source += "</select>";
                        document.getElementById('modelsfield').innerHTML = new_source;
        },
        onFailure: function(){return false; }
        });

}


// search code		
var search = 0;
  
	
  
    function keyhookDown(event)
    {
    
    var key = event.keyCode ;
   
    if (key == '13')
    {
           process('1');
    }
    }

 function process(elem)
{
			var serverAddress = "ind.php";
			if (elem == '2')
			{
	        var serverParams = $('search_query_add').value;
			}else
			{
				var serverParams = $('search_query').value;
				var eloffset = $('search_query').cumulativeOffset();
				var topPos = eloffset['top']+25;
				var leftPost = eloffset['left']+35;
				
				$('imgaj').setStyle({
  					position: 'absolute', 
  					top : topPos+'px',
  					left : leftPost+'px',
  					display: 'block'
				});
			}
			
	         new Ajax.Request(serverAddress, {
  		     method: 'get',
 			 parameters: {datawrite: serverParams},
    		
 			 onSuccess: handleServerResponse,
    			onFailure: function(){ $('imgaj').hide() ; alert('Something search went wrong...');return false; }
   			});

}

function ajustCat(cat, avail)
{
		glob_current_cat = cat;
		glob_current_avail = avail;
		
		for (var i=0; i<glob_prod_array.length; i++)
    	{
    		if ((glob_prod_array[i][4]==glob_current_cat || glob_current_cat==0)&&(glob_prod_array[i][6]==glob_current_avail || glob_current_avail==0) ) // (categoryid eq selected cat or all categories are choosen) and (right avaliablity is selected or any avaliablity is choosen)
    		{
    			glob_prod_array[i][8] = 1; //show product
    		}else
    		{
    			glob_prod_array[i][8] = 0; // hide product
    		}
       	}
    	
    	print_categories();
    	print_stock();	
    	print_products();
}

function print_products()
{
	var sk = $('search_result_content');
    var html = "";

    for (var i=0; i<glob_prod_array.length; i++)
    {
    	if (glob_prod_array[i][8] == 1)
    	{
    	var productid = glob_prod_array[i][0];
    	var categoryid =  glob_prod_array[i][4];
    	var tmbn =  glob_prod_array[i][7];
    	var avail;
    	if (glob_prod_array[i][6] == 1)
    	{
    		avail = 'Y';
    	}else
    	{
    		avail = 'N';
    	}
    	
    	html += "<form name=\"orderform_"+productid+"\" method=\"post\" action=\"cart.php?mode=add\">";
        html += "<input type=\"hidden\" name=\"slot\" value=\"\">";
        html += "<input type=\"hidden\" name=\"addproductid\" value=\""+productid+"\">";
        html += "<input type=\"hidden\" name=\"productid\" value=\""+productid+"\">";
        html += "<input type=\"hidden\" name=\"cat\" value=\""+categoryid+"\">";
        html += "<input type=\"hidden\" name=\"page\" value=\"\">";

		

        html += "		<table border=\"0\" cellspacing=\"1\" cellpadding=\"1\" width=\"100%\">";
        html += "			<tr>";
        html += "				<td class=\"ProductList\" align=\"center\" width=\"60\" height=\"60\">";
        html += "				<a href=\"product.php?productid="+productid+"\">";
        if (tmbn != '')
        {
        	 html += "				<img style=\"padding:4px 5px 4px 0px\"  src="+tmbn+"  border=\"0\" width=\"60\" >";
        }
        else {
        html += "				<img src=\"/image_setsize.php?productid="+productid+"&sizes=60\" width=\"60\" height=\"60\" border=\"0\">";
        }
        html += "				</a></td><td class=\"ProductList\" colspan=\"4\" width=\"60%\" valign=\"top\">";
        html += "					<b><a href=\"product.php?productid="+productid+"&cat="+categoryid+"\">"+glob_prod_array[i][2]+"</a></b>&nbsp; &nbsp;";

      
        html += "					<a href=\"product.php?productid="+productid+"&cat="+categoryid+"\"><font class=\"GreenSmall\" style=\"font-size: 10px;\">[read more]</font></a><br />";
        html += "					SKU #::"+glob_prod_array[i][1]+"&nbsp;&nbsp;&nbsp;&nbsp;";
        html += "									In Stock &nbsp;"+avail+"</td>";

        html += "				<td class=\"ProductList\" colspan=\"4\"valign=\"center\">";
        html += "					<b><font color=\"#82C408\">"+"<span class=\"GSearchPrice ex\" style=\"display:none;\">"+glob_prod_array[i][5]+" ex VAT</span>"+"<span class=\"GSearchPrice inc\" style=\"display:inline;\">"+glob_prod_array[i][10]+" inc VAT</span>"+"</font></b>&nbsp; &nbsp;";
        html += "									</td>";

        html += "				<td class=\"ProductList\" nowrap align=\"right\">";
        html += "					<table>";
        html += "					<tr>";
        html += "					<td><input name=\"amount\" class=\"AmountInputMain\" style=\"width:30px\" type=\"text\" value=\"1\" /></td><td><img src=\"/skin1/images/custom/buy.jpg\" class=\"buyButton\" value=\"Buy\" onclick=\"javascript: newadd('orderform_"+productid+"' , this , '"+glob_prod_array[i][3]+"' );\" style=\"cursor: pointer;\"/></td> ";
        html += "					</tr>";
        html += "				</table>";
        html += "				</td>";
        html += "			</tr>";
        html += "		</table>";
        html += "	</form>";
    }
    }
    sk.innerHTML = html;	
	
}

function print_categories()
{
	var html = '<b>Filter by Categories -</b> ';

	html += '<a  href="#" onclick="javascript:ajustCat(\'0\' , \''+glob_current_avail+'\');" ';
	if (glob_current_cat == 0) 
	{
		html += ' class="active" ';
	}
	html += '>Show All</a>&nbsp;/&nbsp;';
	
   	for (var i=0; i<glob_cat_array.length; i++)
   	{
  		html +=  '<a  href="#" onclick="javascript:ajustCat(\''+glob_cat_array[i][0]+'\' , \''+glob_current_avail+'\');" ';
  		if (glob_current_cat == glob_cat_array[i][0]) 
		{
			html += ' class="active" ';
		}
  		html += '>'+glob_cat_array[i][1]+'</a>&nbsp;/&nbsp;' ;
    }

   $('search_result_categories').innerHTML = html;
}

function print_stock()
{
	var html = '<b>Avaliablity -</b> ';
	
	for (var i=0; i<glob_avail_array.length; i++)
   {
  		html +=  '<a  href="#" onclick="javascript:ajustCat(\''+glob_current_cat+'\' ,\''+i+'\');" ';
  		if (glob_current_avail == i) 
		{
			html += ' class="active" ';
		}
  		html += '>'+glob_avail_array[i]+'</a>&nbsp;/&nbsp;' ;
    }
	
	 $('search_result_stock').innerHTML = html;
}

function cmp_h2l(a, b)
{
	if (Number(a[9]) > Number(b[9]))
			return -1;
	if (Number(a[9]) < Number(b[9]))
			return 1;
	return 0;	
}

function cmp_l2h(a, b)
{
	if (Number(a[9]) < Number(b[9]))
			return -1;
	if (Number(a[9]) > Number(b[9]))
			return 1;
	return 0;	
}

function sort_search_results()
{
	var direction =  $('search_price_sort').value;
	
	switch (direction) {
		case '1':
			glob_prod_array.sort(cmp_l2h);
		break;
		case '2':
			glob_prod_array.sort(cmp_h2l);
		break;
		default:
    	break;	
		return 0;
	}
	print_products();
}

function handleServerResponse(transport)
{
	$('imgaj').hide() ;
  	var ret_json = transport.responseText.evalJSON(true);
	
	//alert (transport.responseText);
  	
    search = 1;
    var si = ret_json.search_word;
    var suggestion_string = '';
   if (ret_json.suggestion && ret_json.suggestion.length)
   {
   		 for (var i=0; i<ret_json.suggestion.length; i++)
    	{
    		suggestion_string += ret_json.suggestion[i]+" ";
    	}
   }else

   {
   	suggestion_string = 'None';
   }  
	
    var html2 = "";

    html2 += "<div style=\"font-size: 13px;border: 1px #DEDEDE solid;\">";
    html2 += "<div style=\"background-color:#E9E9E9;height: 180px;font-size: 13px;border-bottom: 1px #DEDEDE solid;\">";
    html2 += "<div style=\"color:#2C86FF;padding-left: 10px;padding-top: 12px;\">Live Search Results <input id=\"search_query_add\" value=\""+si+"\" name=\"search_query_add\">&nbsp;<img src=\"skin1/images/custom/searchGO.gif\" onclick=\"javascript:process('2')\" border=\"0\" style=\"cursor:pointer;\"></div>";
    html2 += "<div style=\"position: relative;float:left;padding-left: 10px;padding-top:12px;\">"+"Search Request... <b>"+si+"</b>"+"</div><div style=\"padding-left: 10px;padding-top:12px;\" id='search_result_status_in22'>&nbsp;&nbsp;Results found "+ret_json.count_prod +"</div>";
    
     html2 += "<div style=\"padding-left:10px;padding-top:12px;\" id='search_result_categories'></div>";
     html2 += "<div style=\"padding-left: 10px;padding-top:12px;\" id='search_result_stock'></div>";
     html2 += "<div style=\"padding-right:10px;padding-top:12px;float:right;\"><select id='search_price_sort' name='search_price_sort' onchange='javascript:sort_search_results();' ><option value='0' >Sort By Price</option><option value='1'>Low To High</option><option value='2'>High To Low</option></select></div>";
    
    html2 += "<div style=\"padding-left:10px;padding-top: 12px;\"><b>Alternative Matches -</b> "+suggestion_string+"</div></div>";
    
    
    
    html2 += "<div id='search_result_content'></div>";
    html2 += "</div>";
    
    $('main_search_content').innerHTML = '';
    $('main_search_content').innerHTML = html2;

           
   // var productarray = ret_json.products; // array (productid, productcode, product, short_product, categoryid, cost, avail)
    
    glob_prod_array = ret_json.products; // array (productid, productcode, product, short_product, categoryid, cost, avail, show)
    
    glob_cat_array = ret_json.categories;
      
    print_categories();
    print_stock();
    print_products();
    
   $('search_query').value = '';
        
}

window.onload = function() {
       /* dhtmlHistory.initialize();
        dhtmlHistory.addListener(historyChange);
      */
        $('search_query').observe('keyup', keyhookDown);
        
};