function setBorder(o,c){
	o.style.borderColor = c;
}

function get_basket(){
	//alert('a');
	var url='/basket.asp?refresh=' + escape(Date());
	
	SetInnerHTMLFromAjaxResponse(url, 'basket');
}

function buy_product(product_id, cmd){
	var units;
	units = document.getElementById('h_' + product_id + '_units').value;
	//alert('units:' + units);
	var url='/basket.asp?cmd=' + cmd + '&id=' + product_id + '&units=' + units + '&refresh=' + escape(Date());
	SetInnerHTMLFromAjaxResponse(url, 'basket');
	//document.getElementById('basket_text').style.display = 'block';
	if(cmd=='add'){
		scroll(0,0);
		document.getElementById('basket').style.backgroundColor = '#ffffff';
		document.getElementById('basket').style.borderColor = '#ff0000';
		setTimeout ( 'invert_border();', 300);
	}

}


function buy_product_mobile(product_id, cmd){
	var url='/basket.asp?cmd=' + cmd + '&id=' + product_id + '&units=1&mobile=1&refresh=' + escape(Date());
	SetInnerHTMLFromAjaxResponse(url, 'basket');
	//document.getElementById('basket_text').style.display = 'block';

}


function set_campaign_product(product_id){
	var units;
	var url='/basket.asp?cmd=campaign&id=' + product_id + '&units=1&refresh=' + escape(Date());
	SetInnerHTMLFromAjaxResponse(url, 'basket');
	scroll(0,0);
	document.getElementById('basket').style.backgroundColor = '#ffffff';
	document.getElementById('basket').style.borderColor = '#ff0000';
	setTimeout ( 'invert_border();', 300);

}



function remove_product(product_id){
	var url='/basket.asp?cmd=remove&id=' + product_id + '&refresh=' + escape(Date());
	SetInnerHTMLFromAjaxResponse(url, 'basket');
}

function remove_product_mobile(product_id){
	var url='/basket.asp?cmd=remove&id=' + product_id + '&mobile=1&refresh=' + escape(Date());
	SetInnerHTMLFromAjaxResponse(url, 'basket');
}


var invertCount=1;

function invert_border(){

//	alert(invertCount % 2);
//	if(document.getElementById('basket').style.backgroundColor == '#ffffff')

	if((invertCount % 2) == 1)
	{
		document.getElementById('basket').style.borderColor = '#E1E5E2'
		document.getElementById('basket').style.backgroundColor = '#E1E5E2';
	}
	else
	{
		document.getElementById('basket').style.borderColor = '#ff0000';
		document.getElementById('basket').style.backgroundColor = '#ffffff';
	}
//	alert(invertCount);
	invertCount = invertCount +1;
	if (invertCount > 6)
	{
		invertCount = 0;
		document.getElementById('basket').style.borderColor = '#E1E5E2';
		document.getElementById('basket').style.backgroundColor = '#E1E5E2';

	}
	else
	{
		setTimeout ( 'invert_border();', 300);
	}

}


/* AJAX functionality ------------------------------------------------------- */

/**
SAL - Simple Ajax Lib. 23-Sep-2005
by Nigel Liefrink
Email: leafrink@hotmail.com
*/

var debug = false;
/**
Browser Compatability function.
Returns the correct XMLHttpRequest depending on the current browser.
*/
function GetXmlHttp() {	
	var xmlhttp = false;
	if (window.XMLHttpRequest)
	{
		xmlhttp = new XMLHttpRequest();
  }
	else if (window.ActiveXObject)// code for IE
	{
		try 
		{
			xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
		} 
		catch (e) 
		{
			try 
			{
				xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
			} catch (E) {
				xmlhttp=false;
			}
		}
	}
	return xmlhttp;
}


/**
<summary>
Gets the response stream from the passed url, and then calls the callbackFuntion passing the response and the div_ids.
</summary>
<param name="url">The url to make the request to get the response data.</param>
<param name="callbackFunction">The function to call after the response has been recieved. the response <b>must</b> always be the first argument to the function.</param>
<param name="params"> (optional) Any other parameters you want to pass to the functions. (Note: only constants/strings/globals can be passed as params, most variables will be out of scope.) </param>
</summary>
<example>
	<code>
PassAjaxResponseToFunction('?getsomehtml=1', 'FunctionToHandleTheResponse', "\'div1\',\'div2\',\'div3\'');

function FunctionToHandleTheResponse(response, d1, d2, d3){
	var data = response.split(';');
	document.getElementById(d1).innerHTML = data[0];
	document.getElementById(d2).innerHTML = data[1];
	document.getElementById(d3).innerHTML = data[2];
}
	</code>
</example>
*/
function PassAjaxResponseToFunction(url, callbackFunction, params)
{		
  var xmlhttp = new GetXmlHttp();
  //now we got the XmlHttpRequest object, send the request.
  if (xmlhttp)
  {
    xmlhttp.onreadystatechange = function () 
                                {
	                                if (xmlhttp && xmlhttp.readyState==4)
	                                {//we got something back..
		                                if (xmlhttp.status==200)
		                                {
			                                var response = xmlhttp.responseText;
			                                var functionToCall = callbackFunction+'(response,'+params+')';
			                                if(debug){
				                                alert(response);
				                                alert (functionToCall);
			                                }
			                                eval(functionToCall);
		                                } else if(debug){
			                                document.write(xmlhttp.responseText);
		                                }
	                                }
                                }
    xmlhttp.open("GET",url,true);
    xmlhttp.send(null);
  }
}


/**
///<summary>
///Sets the innerHTML property of obj_id with the response from the passed url./
///</summary>
///<param name="url">The url to make the request to get the response data.</param>
///<param name="obj_id">The object or the id of the object to set the innerHTML for.</param>
*/
function SetInnerHTMLFromAjaxResponse(url, obj_id)
{		
  var xmlhttp = new GetXmlHttp();
  //now we got the XmlHttpRequest object, send the request.
  if (xmlhttp)
  {

    xmlhttp.onreadystatechange = function () 
                                {
	                                if (xmlhttp && xmlhttp.readyState==4)
	                                {//we got something back..
		                                if (xmlhttp.status==200)
		                                {
			                                if(debug){
				                                alert(xmlhttp.responseText);
			                                }
			                                if(typeof obj_id == 'object'){
				                                obj_id.innerHTML = xmlhttp.responseText;
			                                } else {
				                                document.getElementById(obj_id).innerHTML = xmlhttp.responseText;
			                                }
		                                } else if(debug){
			                                document.Write(xmlhttp.responseText);
		                                }
	                                }
                                }
    xmlhttp.open("GET",url,true);
	xmlhttp.send(null);
  }
}


/* End if AJAX functionality ----------------------------------------------- */

