var flyingSpeed = 15;
var url_addProductToBasket = '/addProduct.aspx';
var url_removeProductFromBasket = '/removeProduct.aspx';


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 fly_diffX = false;
var fly_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)
{
	if(!shopping_cart_div)shopping_cart_div = document.getElementById('shopping_cart_bag');
	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);
	
	fly_diffX = shopping_cart_x - currentXPos;
	fly_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 addToBasketByQuantity(productId){
	var me=document.getElementById("quantity");
	addToBasketN(productId,me.options[me.selectedIndex].value);
}

function addToBasketByInputNum(productId){
	var me=document.getElementById("InputNum");
	addToBasketN(productId,me.value);
}


function addToBasketN(productId,amount)
{
//	debugger
	if(!shopping_cart_div)shopping_cart_div = document.getElementById('shopping_cart_bag');
	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);
	
	fly_diffX = shopping_cart_x - currentXPos;
	fly_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';
	flyToBasketN(productId,amount);	
}


function flyToBasket(productId)
{
	var maxDiff = Math.max(Math.abs(fly_diffX),Math.abs(fly_diffY));
	var moveX = (fly_diffX / maxDiff) * flyingSpeed;
	var moveY = (fly_diffY / maxDiff) * flyingSpeed;	
	var startZoom=1;
	var endZoom=0.3;

	currentXPos = currentXPos + moveX;
	currentYPos = currentYPos + moveY ;
	
	flyingDiv.style.left = Math.round(currentXPos) + 'px';
	flyingDiv.style.top = Math.round(currentYPos) + 'px';	
	if(!flyingDiv.style.zoom){
		flyingDiv.style.zoom = startZoom;
	}else{
		flyingDiv.style.zoom = (flyingDiv.style.zoom -endZoom)*0.95+endZoom;
	}
	
	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,1)
		flyingDiv.style.zoom = startZoom;
	};
}

function flyToBasketN(productId,amount)
{

	var maxDiff = Math.max(Math.abs(fly_diffX),Math.abs(fly_diffY));
	var moveX = (fly_diffX / maxDiff) * flyingSpeed;
	var moveY = (fly_diffY/ maxDiff) * flyingSpeed;
	var startZoom=1;
	var endZoom=0.1;
	
	currentXPos = currentXPos + moveX;
	currentYPos = currentYPos + moveY ;
	
	flyingDiv.style.left = Math.round(currentXPos) + 'px';
	flyingDiv.style.top = Math.round(currentYPos) + 'px';
	if(!flyingDiv.style.zoom){
		flyingDiv.style.zoom = startZoom;
	}else{
		flyingDiv.style.zoom = (flyingDiv.style.zoom -endZoom)*0.95+endZoom;
	}
	
	
	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('flyToBasketN("' + productId + '",'+amount+')',10);
	}else{
		var i,j=0;
		var attbs=$('attb0','attb1');
			for(i=0; i<attbs.length; i++)
			{
				if(attbs[i]){
					j++;
				}
				//alert(attbs[i]);
			}
			
			if(j==0){
				ajaxAddProduct(productId,amount);
				flyingDiv.style.zoom=startZoom;
			}else if(j==1){
				var a1=attbs[0];
				ajaxAddProductExt(productId,amount,a1.name,a1.options[a1.selectedIndex].value,a1.options[a1.selectedIndex].getAttribute("adjustprice"));
			}else if(j==2){
				var a1=attbs[0];
				var a2=attbs[1];
				ajaxAddProductExt(productId,amount,a1.name+";"+a2.name,a1.options[a1.selectedIndex].value+";"+a2.options[a2.selectedIndex].value,parseFloat(a1.options[a1.selectedIndex].getAttribute("adjustprice"))+parseFloat(a2.options[a2.selectedIndex].getAttribute("adjustprice")));
			}
	}
}

function showAjaxBasketContent(ajaxIndex)
{
	// Getting a reference to the shopping cart items table
	var itemBox = document.getElementById('shopping_cart_items');
	
	var productItems = ajaxObjects[ajaxIndex].response.split('|||');	// Breaking response from Ajax into tokens
	
	var amount=1;
	
//	alert(produnctItmes[2]);
//	alert(produnctItmes[3]);
	
	amount=productItems[3];
	
	if(document.getElementById('shoping_cart_items_product' + productItems[0])){	// A product with this id is allready in the basket - just add number items
		var row = document.getElementById('shoping_cart_items_product' + productItems[0]);
		var items = row.cells[0].innerHTML /1;
		items = amount;
		row.cells[0].innerHTML = items;
	}else{	// Product isn't allready in the basket - add a new row
		var tr = itemBox.insertRow(-1);
		tr.id = 'shoping_cart_items_product' + productItems[0];
		
		var td = tr.insertCell(-1);
		td.className="sci_product_num";
		td.innerHTML = amount; 	// Number of items
		
		var td = tr.insertCell(-1);
		td.innerHTML ="<div class=\"sci_product_name\">"+ productItems[1]+"</div>"; 	// Description
		
		var td = tr.insertCell(-1);
		//td.style.textAlign = 'right';
		td.className="sci_product_price";
		td.innerHTML = productItems[2]; 	// Price	
		
		var td = tr.insertCell(-1);
		td.className="sci_product_subtract";
		var a = document.createElement('DIV');
		td.appendChild(a);
//		a.href = '#';
		a.onclick = function(){ removeProductFromBasket(productItems[0]); };
		var img = document.createElement('IMG');
		img.src = '/images/remove.gif';
		img.border = '0';
		a.appendChild(img);
		//td.innerHTML = '<a href="#" onclick="removeProductFromBasket("' + productItems[0] + '");return false;"><img src="/images/remove.gif"></a>';	
	} 


	updateTotalPrice();
	
	ajaxObjects[ajaxIndex] = false;		
	
}

function updateTotalPrice()
{
	var itemBox = document.getElementById('shopping_cart_items');
	// Calculating total price and showing it below the table with basket items
	var totalPrice = 0;
	if(document.getElementById('shopping_cart_totalprice')){
		for(var no=0;no<itemBox.rows.length;no++){
		//alert("aaa:"+ parseFloat(itemBox.rows[no].cells[2].innerHTML.replace(/[^0-9]/g),''));
		//alert(itemBox.rows[no].cells[2].innerHTML.replace(/[^0-9\.]/g,''));
		//document.getElementById('shopping_cart_totalprice').innerHTML = txt_totalPrice + totalPrice.toFixed(2);
			totalPrice = totalPrice + (itemBox.rows[no].cells[0].innerHTML.replace(/[^0-9]/g,'') * itemBox.rows[no].cells[2].innerHTML.replace(/[^0-9\.]/g,''));
		}
		document.getElementById('shopping_cart_totalprice').innerHTML = txt_totalPrice.replace('{0}',totalPrice.toFixed(2)).replace('{0:N0}',totalPrice.toFixed(0));
	}
}

function removeProductFromBasket(productId)
{
	var productRow = document.getElementById('shoping_cart_items_product' + productId);
	
	var numberOfItemCell = productRow.cells[0];
	if(numberOfItemCell.innerHTML == '1'){
		productRow.parentNode.removeChild(productRow);	
	}else{
		numberOfItemCell.innerHTML = numberOfItemCell.innerHTML/1 - 1;
	}
	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 + '?productIdToRemove=' + productId;	// Saving product in this file
	ajaxObjects[ajaxIndex].onCompletion = function(){ ajaxValidateRemovedProduct(ajaxIndex); };	// Specify function that will be executed after file has been found
	ajaxObjects[ajaxIndex].runAJAX();		// Execute AJAX function		
}

function ajaxAddProduct(productId,amount)
{
	var ajaxIndex = ajaxObjects.length;
	ajaxObjects[ajaxIndex] = new sack();
	ajaxObjects[ajaxIndex].requestFile = url_addProductToBasket + '?productId=' + productId + '&amount=' + amount;	// Saving product in this file
	ajaxObjects[ajaxIndex].onCompletion = function(){ showAjaxBasketContent(ajaxIndex); };	// Specify function that will be executed after file has been found
	ajaxObjects[ajaxIndex].runAJAX();		// Execute AJAX function		
}

function ajaxAddProductExt(productId,amount,attributeName,attributeValue,priceAdjustment)
{
	var ajaxIndex = ajaxObjects.length;
	ajaxObjects[ajaxIndex] = new sack();
	ajaxObjects[ajaxIndex].requestFile = url_addProductToBasket + '?productId=' + productId + '&amount=' + amount+'&AttributeName='+attributeName+'&AttributeValue='+attributeValue+'&PriceAdjustment='+priceAdjustment;	// Saving product in this file
	ajaxObjects[ajaxIndex].onCompletion = function(){ showAjaxBasketContent(ajaxIndex); };	// Specify function that will be executed after file has been found
	ajaxObjects[ajaxIndex].runAJAX();		// Execute AJAX function		
}