var xmlDoc;
var isDragging = false;
$(document).ready(function(){
	$(".draggable").draggable({
		delay: 50,
		helper: 'clone',
		revert: true,
		revertDuration: 500,
		start : function (event, ui) {
			isDragging = true;
		},
		stop : function (event, ui) {
			setTimeout('allowClick',500);
		}
	});
	$(".droppable").droppable({
		hoverClass : 'droppableHover',
		tolerance : 'touch',
		drop: function(event, ui) {
			showLoading();
			currentProduct = ui.draggable.attr('id');
			addProdToBasket(currentProduct);
		}
	});

});

function allowClick() {
	isDragging = false;
}
function changeLoc(location) {
	if (!isDragging) document.location=location;
}

function showLoading() {
	document.getElementById('loadingImg').style.display='';
}

function hideLoading() {
	document.getElementById('loadingImg').style.display='none';
}

function addProdToBasket(pid) {
	var rn=Math.floor(Math.random()*11)
	$.get('addProductAjax.php?pid='+pid+'&rn='+rn, null, function (data) {
		$('#shoppingCart2').html(data);
		
		$.get('addProductAjax.php?act=price', null, function (data) {
			$('#cartTotal').html(data);
		});
		/*xmlDoc = parseXML(data);
		if (getXmlVal('error')==0) {
			$('#shoppingCart').html(getXmlVal('basketHtml'));
			$('#cartTotal').html('£'+getXmlVal('total'));
		} else {
			alert(getXmlVal('error'));
		}*/
		hideLoading();
	});
}


function addProductToCart(pid,name,price,totalcart,cartamt) {
	var basket = document.getElementById('shoppingCart');
	var tableDiv = document.getElementById('shoppingCart');

	var rows = tableDiv.rows.length;
	var row = tableDiv.insertRow(rows);
	row.id = 'row_'+cid;
	var cellImg = row.insertCell(0);
	var cellText = row.insertCell(1);
	cellText.className = 'basketText';
	cellImg.className = 'basketText';
	var textNode = document.createElement('span');
	var imgNode = document.createElement('span');
	var img = new Image();
	img.src = 'inc/prodOverlay.php?radius=0&inFile=uploads/prod/'+pid+'s.jpg&tX=50&tY=50&square=0&matte=FFFFFF&inOverlay=0&inPosition=top_left';
	cellImg.appendChild(img);
	textNode.innerHTML = qty+' x '+name+' (&pound;'+price+') <a style="cursor:default;" onClick="removeProduct('+cid+');return false;">X</a>';
	cellText.appendChild(textNode);
	document.getElementById('topCartItems').innerHTML = cart+' items';
	document.getElementById('cartTotalAmount').innerHTML = cartTotalAmt;
}


function parseXML(txt) {

	try {

		xmlDoc=new ActiveXObject("Microsoft.XMLDOM");

		xmlDoc.async="false";

		xmlDoc.loadXML(txt);

		return(xmlDoc); 

	} catch(e) {

		try {//Firefox, Mozilla, Opera, etc.

			parser=new DOMParser();

			xmlDoc=parser.parseFromString(txt,"text/xml");

			return(xmlDoc);

		} catch(e) {alert(e.message)}

	}

	return(null);

}

function getXmlVal(value) {
	try {
		return xmlDoc.getElementsByTagName(value)[0].childNodes[0].nodeValue;
	} catch(e) {
		return false;
	}
}