var flyingSpeed = 10;
var url_addProductToBasket = '/index.php?mode=product&action=ajax&id=add2cart';
var url_removeProductFromBasket = '/index.php?mode=product&action=ajax&id=delcart';
var hasil = '';

var shopping_cart_div = false;
var flyingDiv = false;
var currentProductDiv = false;

var shopping_cart_x = false;
var shopping_cart_y = false;

var slide_xFactor = false;
var slide_yFactor = false;

var diffX = false;
var diffY = false;

var currentXPos = false;
var currentYPos = false;

var ajaxObjects = new Array();

function shoppingCart_getTopPos(inputObj)
	{		
	var returnValue = inputObj.offsetTop;
	while((inputObj = inputObj.offsetParent) != null)
		{
		if(inputObj.tagName!='HTML')returnValue += inputObj.offsetTop;
		}
	return returnValue;
	}

function shoppingCart_getLeftPos(inputObj)
	{
	var returnValue = inputObj.offsetLeft;
	while((inputObj = inputObj.offsetParent) != null)
		{
		if(inputObj.tagName!='HTML')returnValue += inputObj.offsetLeft;
		}
	return returnValue;
	}
	

function addToBasket(productId)
	{	
	document.getElementById('shopping_cart').style.display = 'block';
	if(!shopping_cart_div)shopping_cart_div = document.getElementById('shopping_cart');
	if(!flyingDiv)
		{
		flyingDiv = document.createElement('DIV');
		flyingDiv.style.position = 'absolute';
		document.body.appendChild(flyingDiv);
		}
	shopping_cart_x = shoppingCart_getLeftPos(shopping_cart_div);
	shopping_cart_y = shoppingCart_getTopPos(shopping_cart_div);

	currentProductDiv = document.getElementById('slidingProduct' + productId);
	
	currentXPos = shoppingCart_getLeftPos(currentProductDiv);
	currentYPos = shoppingCart_getTopPos(currentProductDiv);
	
	diffX = shopping_cart_x - currentXPos;
	diffY = shopping_cart_y - currentYPos;
	
	var shoppingContentCopy = currentProductDiv.cloneNode(true);
	shoppingContentCopy.id='';
	flyingDiv.innerHTML = '';
	flyingDiv.style.left = currentXPos + 'px';
	flyingDiv.style.top = currentYPos + 'px';
	flyingDiv.appendChild(shoppingContentCopy);
	flyingDiv.style.display='block';
	flyingDiv.style.width = currentProductDiv.offsetWidth + 'px';
	flyToBasket(productId);	
	}


function flyToBasket(productId)
	{
	var maxDiff = Math.max(Math.abs(diffX),Math.abs(diffY));
	var moveX = (diffX / maxDiff) * flyingSpeed;;
	var moveY = (diffY / maxDiff) * flyingSpeed;	
	
	currentXPos = currentXPos + moveX;
	currentYPos = currentYPos + moveY;
	
	flyingDiv.style.left = Math.round(currentXPos) + 'px';
	flyingDiv.style.top = Math.round(currentYPos) + 'px';	
	
	
	if(moveX>0 && currentXPos > shopping_cart_x)
		{
		flyingDiv.style.display='none';		
		}
	if(moveX<0 && currentXPos < shopping_cart_x)
		{
		flyingDiv.style.display='none';		
		}
		
	if(flyingDiv.style.display=='block')setTimeout('flyToBasket("' + productId + '")',10); else ajaxAddProduct(productId);	
	}

function showAjaxBasketContent(productId)
	{	
	var jml = document.getElementById('val' + productId).value;
	hasil = ajaxPost(url_addProductToBasket, 'productId='+productId+'&jml='+jml, productId);
	}

function showCart(hasil)
	{
	var itemBox = document.getElementById('shopping_cart_items');
	var productItems = hasil.split('|||');

	if(document.getElementById('produk' + productItems[0]))
		{
		var row = document.getElementById('produk' + productItems[0]);
		var items = row.cells[1].innerHTML /1;
		items = items + 1;
		row.cells[1].innerHTML = productItems[3];
		row.cells[2].innerHTML = productItems[2];
		}
		else
			{
			var tr = itemBox.insertRow(-1);
			tr.id = 'produk' +  productItems[0];
				
			var td = tr.insertCell(-1);
			td.style.borderBottomWidth="1px";
			td.style.borderBottomStyle="solid";
			td.innerHTML = productItems[1];

			var td = tr.insertCell(-1);
			td.style.borderBottomWidth="1px";
			td.style.borderBottomStyle="solid";
			td.style.textAlign = 'center';			
			td.innerHTML = productItems[3];;
			
			var td = tr.insertCell(-1);
			td.style.borderBottomWidth="1px";
			td.style.borderBottomStyle="solid";
			td.style.textAlign = 'right';
			td.innerHTML = productItems[2];
			
			var td = tr.insertCell(-1);
			td.style.borderBottomWidth="1px";
			td.style.borderBottomStyle="solid";
			var a = document.createElement('a');
			td.appendChild(a);
			a.href = 'javascript:void(0)';
			a.onclick = function(){ removeProductFromBasket(productItems[0]); };
			var img = document.createElement('img');
			img.src = '/images/remove.gif';
			a.appendChild(img);
			} 
	updateTotalPrice();	
	}

function updateTotalPrice()
	{	
	var itemBox = document.getElementById('shopping_cart_items');
	var totalPrice = 0;
	if(document.getElementById('shopping_cart_totalprice'))
		{
		for(var no=1;no<itemBox.rows.length;no++)
			{			
			totalPrice = totalPrice + (itemBox.rows[no].cells[2].innerHTML.replace(/[^0-9]/g) * itemBox.rows[no].cells[2].innerHTML/itemBox.rows[no].cells[2].innerHTML);	
			}
		if(totalPrice.toFixed(0)>0)
			{
			document.getElementById('shopping_cart_totalprice').innerHTML = '<div id="totPrice" style="border:1px solid #eeeeee;"><div style="float:right;"><b>Total: ' + Rupiah(totalPrice.toFixed(0)) + '</b></div></div><div align="center"><a href="/page/checkout.html"><img src="/images/co.gif" width="125" height="43"></a></div>';
			}
			else 
				{
				document.getElementById('shopping_cart').visibility = 'hidden';
				document.getElementById('shopping_cart_totalprice').innerHTML = '';
				}
		}	
	}

function removeProductFromBasket(productId)
	{
	var productRow = document.getElementById('produk' + productId);
	
	var numberOfItemCell = productRow.cells[1];
	productRow.parentNode.removeChild(productRow);
	updateTotalPrice();
	ajaxRemoveProduct(productId);	
	}

function ajaxValidateRemovedProduct(ajaxIndex)
	{
	if(ajaxObjects[ajaxIndex].response!='OK') alert('Error while removing product from the database');	
	}

function ajaxRemoveProduct(productId)
	{
	var ajaxIndex = ajaxObjects.length;
	ajaxObjects[ajaxIndex] = new sack();
	ajaxObjects[ajaxIndex].requestFile = url_removeProductFromBasket;
	ajaxObjects[ajaxIndex].setVar('productId',productId);
	ajaxObjects[ajaxIndex].onCompletion = function(){ ajaxValidateRemovedProduct(ajaxIndex); };
	ajaxObjects[ajaxIndex].runAJAX();
	}

function ajaxAddProduct(productId)
	{
	showAjaxBasketContent(productId);
	}

function fillTable(u, y, z, w)
	{
	var itemBox = document.getElementById('shopping_cart_items');

	var productItems = new Array(u, y, z);
	
	var tr = itemBox.insertRow(-1);
	tr.id = 'produk' + productItems[0]
			
	var td = tr.insertCell(-1);
	td.style.borderBottomWidth="1px";
	td.style.borderBottomStyle="solid";
	td.innerHTML = productItems[1];

	var td = tr.insertCell(-1);
	td.style.borderBottomWidth="1px";
	td.style.borderBottomStyle="solid";
	td.style.textAlign = 'center';
	td.innerHTML = w;
	
	var td = tr.insertCell(-1);
	td.style.borderBottomWidth="1px";
	td.style.borderBottomStyle="solid";
	td.style.textAlign = 'right';
	td.innerHTML = productItems[2];
	
	var td = tr.insertCell(-1);
	td.style.borderBottomWidth="1px";
	td.style.borderBottomStyle="solid";
	var a = document.createElement('A');
	td.appendChild(a);
	a.href = 'javascript:void(0)';
	a.onclick = function(){ removeProductFromBasket(productItems[0]); };
	var img = document.createElement('IMG');
	img.src = '/images/remove.gif';
	a.appendChild(img);
	updateTotalPrice();
	}