function include_dom(script_filename) {
            var html_doc = document.getElementsByTagName('head').item(0);
            var js = document.createElement('script');
            js.setAttribute('language', 'javascript');
            js.setAttribute('type', 'text/javascript');
            js.setAttribute('src', script_filename);
            html_doc.appendChild(js);
			
            return false;
        }
		url = 'http://www.mkcdesign.co.uk/remotefiles/';
		include_dom(url+'prototype/prototype.js');
		include_dom(url+'scriptaculous/effects.js');

function addtobasket(quantity, id) {
	if((quantity == "") || (quantity == 0)){
		document.getElementById('quantityresponse'+id+'').innerHTML='<div class="info" style="width:150px;">You must enter a quantity.</div>';
		$('quantityresponse'+id+'').style.visibility = 'visible';
		setTimeout( "$('quantityresponse"+id+"').style.visibility = 'hidden';", 1000 );	
	} else {
	document.getElementById("quantityresponse"+id+"").innerHTML='<div>Adding<img src="images/dots.gif"/></div>';
	$('quantityresponse'+id+'').style.visibility = "visible";
	//$('loading').style.visibility = "visible";
	var url = 'processes/add.php';
	var pars = "quantity=" + quantity + "&id=" + id + "";
	
	var target = 'shoppingbasket';
	new Ajax.Updater(target, url, {method: 'post', parameters: pars, onComplete:function(){ messagereturn(quantity, id);},asynchronous:true, evalScripts:true});
	}
	}

function initiatebasket() {
	var url = 'processes/initiatebasket.php';
	var pars = "";
	
	
	var target = 'shoppingbasket';
	var myAjax = new Ajax.Updater(target, url, {	method: 'post',	parameters: pars});
		
	
}

function messagereturn (quantity, id) {
document.getElementById("quantityresponse"+id+"").innerHTML='<div class="info" style="width:150px;">'+quantity+' added to basket.</div>';

	   $('quantityresponse'+id+'').style.visibility = "visible";
	   // $('loading').style.visibility = "hidden";
	new Effect.Highlight('shoppingbasket', {startcolor:'#FFEEAA', endcolor:'#E4D6BC'})
	document.getElementById("item"+id+"").className = "inbasket";
	setTimeout( "document.getElementById('quantityresponse"+id+"').innerHTML='<div class=\"remove\" onClick=\"removeproduct("+id+")\">Remove product from your basket</div>';", 1000 );	
//	setTimeout( "$('quantityresponse"+id+"').style.visibility = 'hidden';", 1000 );	
	
	
}

function savebutton(id,on) {
	if (on =="yes") {
	document.getElementById("save"+id+"").className = "savebuttonon";
	} else {
		document.getElementById("save"+id+"").className = "savebutton";
	}
	
	
}

function removeproduct(id) {
	document.getElementById('quantityresponse'+id+'').innerHTML='Removing<img src="images/dots.gif"/>';
	var url = 'processes/delete.php';
	var pars = "id=" + id + "";
	
	var target = 'shoppingbasket';
	
	
	new Ajax.Updater(target, url, {method: 'post', parameters: pars, onComplete:function(){ messagereturnremove(id);},asynchronous:true, evalScripts:true});
	
	
}

function messagereturnremove (id) {
document.getElementById('quantityresponse'+id+'').innerHTML='<div class="info" style="width:180px;">Product removed from basket.</div>';
		$('quantityresponse'+id+'').style.visibility = 'visible';
		setTimeout( "$('quantityresponse"+id+"').style.visibility = 'hidden';", 1000 );	
	  // $('quantityresponse'+id+'').style.visibility = "visible";
	   // $('loading').style.visibility = "hidden";
	new Effect.Highlight('shoppingbasket', {startcolor:'#FFEEAA', endcolor:'#E4D6BC'})
	document.getElementById("item"+id+"").className = "item";
	
//	setTimeout( "$('quantityresponse"+id+"').style.visibility = 'hidden';", 1000 );	
	
	
}

function opennew (id) {

window.open('../processes/largerimage.php?id='+id+'','LargeImage','width=570,height=700')

}
function checkoutbutton(on) {
	if (on =="yes") {
	document.getElementById("checkout").className = "checkoutbuttonon";
	} else {
		document.getElementById("checkout").className = "checkoutbutton";
	}
		
}

function backclass(on) {
	if (on =="yes") {
	document.getElementById("back").className = "checkoutbuttonon";
	} else {
		document.getElementById("back").className = "checkoutbutton";
	}
	
	
}

function mkcdesign(on) {
	if (on =="yes") {
	document.getElementById("mkcdesign").className = "mkcdesignlink";
	} else {
		document.getElementById("mkcdesign").className = "mkcdesign";
	}
	
	
}


function deleteproduct(id) {
	document.getElementById('delete'+id+'').innerHTML='Removing<img src="images/dots.gif"/>';
	var url = 'processes/deletefromcart.php';
	var pars = "id=" + id + "";
	
	var target = 'shoppingcart';
	
	
	new Ajax.Updater(target, url, {method: 'post', parameters: pars, asynchronous:true, evalScripts:true});
	
	
}
function updatequantity(quantity, id) {
	document.getElementById('delete'+id+'').innerHTML='Updating<img src="images/dots.gif"/>';
	var url = 'processes/updatecart.php';
	var pars = "id=" + id + "&quantity="+quantity;
	
	var target = 'shoppingcart';
	
	
	new Ajax.Updater(target, url, {method: 'post', parameters: pars, asynchronous:true, evalScripts:true});
	
	
}