/************************************************************************************************************
(C) www.dhtmlgoodies.com, March 2006

This is a script from www.dhtmlgoodies.com. You will find this and a lot of other scripts at our website.	

Terms of use:
You are free to use this script as long as the copyright message is kept intact. However, you may not
redistribute, sell or repost it without our permission.

Version:
	1.0	Released	March. 3rd 2006

Thank you!

www.dhtmlgoodies.com
Alf Magne Kalleland

************************************************************************************************************/

var flyingSpeed = 20;
var url_addProductToBasket = this_url+'/website/buitenspelen/site/addProduct.php';
var url_removeProductFromBasket = this_url+'/website/buitenspelen/site/removeProduct.php';
var url_addAccessoireToBasket = this_url+'/website/buitenspelen/site/addAccessoire.php';
var url_removeAccessoireFromBasket = this_url+'/website/buitenspelen/site/removeAccessoire.php';
var txt_totalPrice = 'Û ';


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)
{
	if(!shopping_cart_div)shopping_cart_div = document.getElementById('basket');
	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 addToBasket_accessoire(accessoireId)
{
	if(!shopping_cart_div)shopping_cart_div = document.getElementById('basket');
	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);

	currentAccessoireDiv = document.getElementById('slidingAccessoire' + accessoireId);
	
	currentXPos = shoppingCart_getLeftPos(currentAccessoireDiv);
	currentYPos = shoppingCart_getTopPos(currentAccessoireDiv);
	
	diffX = shopping_cart_x - currentXPos;
	diffY = shopping_cart_y - currentYPos;
	
	var shoppingContentCopy = currentAccessoireDiv.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 = currentAccessoireDiv.offsetWidth + 'px';
	flyToBasket_accessoire(accessoireId);
}


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 flyToBasket_accessoire(accessoireId)
{
		
	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_accessoire("' + accessoireId + '")',10); else ajaxAddAccessoire(accessoireId);	
}

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
	
	//if(document.getElementById('shopping_cart_items_product' + productItems[0])){	// A product with this id is allready in the basket - just add number items
		//var row = document.getElementById('shopping_cart_items_product' + productItems[0]);
		//var items = row.cells[0].innerHTML /1;
		//items = items + 1;
		//row.cells[0].innerHTML = items;
	//	alert("This product is already in your basket.");
	//}else{	// Product isn't allready in the basket - add a new row
		var tr = itemBox.insertRow(-1);
		if(productItems[3] == 'acc') {
			tr.id = 'shopping_cart_items_project' + productItems[0];
		} else {
			tr.id = 'shopping_cart_items_product' + productItems[0];
		}
		/*var td = tr.insertCell(-1);
		td.className = 'number_of_items';
		td.innerHTML = '1'; 	// Number of items
		*/
		
		var td = tr.insertCell(-1);
		var a = document.createElement('A');
		td.appendChild(a);
		td.className = 'trashcan';
		//a.href = '#';
		if(productItems[3] == 'acc') {
			a.onclick = function(){ removeProjectFromBasket(productItems[0]); };
		} else {
			a.onclick = function(){ removeProductFromBasket(productItems[0]); };
		}
		var img = document.createElement('IMG');
		img.src = this_url+'/templates/buitenspelen/images/remove-product.gif';
		a.appendChild(img);
		//td.innerHTML = '<a href="#" onclick="removeProductFromBasket("' + productItems[0] + '");return false;"><img src="images/remove.gif"></a>';	
		
		
		var td = tr.insertCell(-1);
		td.className = 'productName';
		td.innerHTML = productItems[1]; 	// Description
		
		var td = tr.insertCell(-1);
		td.style.textAlign = 'right';
		td.className = 'productPrice';
		td.innerHTML = productItems[2]; 	// Price	
	//		} 


	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.00;
	if(document.getElementById('basket-total-price')){
		for(var no=0;no<itemBox.rows.length;no++){
		
			var itemprice = itemBox.rows[no].cells[2].innerHTML;
			//alert(itemprice);
			itemprice = stripValuta(itemprice);
			itemprice = itemprice.replace('<span class="valuta">€</span> ','');
			itemprice = itemprice.replace('<SPAN class=valuta>€</SPAN> ','');
			itemprice = stripHTML(itemprice);
			itemprice = itemprice.replace(',','.');
			//alert(itemprice + ' - ' + parseFloat(totalPrice) + ' - ' + parseFloat(itemprice));
			
			var isNum = IsNumeric(itemprice);
			//alert(isNum+'-'+itemprice);
			if(isNum) totalPrice = parseFloat(totalPrice) + parseFloat(itemprice);
			
		}		
		var price_total = totalPrice.toFixed(2);
		var price_array=price_total.split(".");
		document.getElementById('basket-total-price').innerHTML = '<span class="valuta">&euro;</span> ' + price_array[0] + '<sup>,' + price_array[1] +'</sup>';
		
		if(itemBox.rows.length == 0){
			document.getElementById('basket_empty').style.visibility = 'visible';
		} else {
			document.getElementById('basket_empty').style.visibility = 'hidden';
		}
	}	
	
}

// remove <span class="valuta">€</span> 
function stripValuta(itemprice) {
  var newString = "";
  var inTag = false;
  
  //var start_val=valuta.indexOf('<span class="valuta">');
  var end_val=itemprice.indexOf('</span>');
  if(end_val == -1){ end_val=itemprice.indexOf('</SPAN>');}
 
  end_val += 7;
  newString = itemprice.substr(end_val);
 /*
 
  alert('The a is at position '+where_is_a+'.');

  
  for(var i = 0; i < itemprice.length; i++) {
        if(itemprice.charAt(i) == '<span class="valuta">') inTag = true;
        if(itemprice.charAt(i) == '</span>') {
        	if(itemprice.charAt(i+1)=="<"){
              		//dont do anything
			} else {
				inTag = false;
				i++;
			}
        }   
        if(!inTag) newString += itemprice.charAt(i);
   }*/
   return newString;
}

function stripHTML(oldString) {

   var newString = "";
   var inTag = false;
   for(var i = 0; i < oldString.length; i++) {
   
        if(oldString.charAt(i) == '<') inTag = true;
        if(oldString.charAt(i) == '>') {
              if(oldString.charAt(i+1)=="<")
              {
              		//dont do anything
	}
	else
	{
		inTag = false;
		i++;
	}
        }
   
        if(!inTag) newString += oldString.charAt(i);

   }

   return newString;
}

function checkIfEmpty(link)
{
	var itemBox = document.getElementById('shopping_cart_items');
	if(document.getElementById('basket-total-price')){
		if(itemBox.rows.length == 0){
			alert("selecteer de gewenste producten in de productcatalgus");
			return false;
		} else {
			//alert(link);
			window.location = link;
		}
	}	
	
}

function removeProductFromBasket(productId)
{
	var productRow = document.getElementById('shopping_cart_items_product' + productId);
	productRow.parentNode.removeChild(productRow);	
	updateTotalPrice();
	ajaxRemoveProduct(productId);	
}

function removeProjectFromBasket(projectId)
{
	var projectRow = document.getElementById('shopping_cart_items_project' + projectId);
	projectRow.parentNode.removeChild(projectRow);	
	updateTotalPrice();
	ajaxRemoveProject(projectId);	
}

function ajaxValidateRemovedProduct(ajaxIndex)
{
	if(ajaxObjects[ajaxIndex].response!='OK')alert('Fout bij het verwijderen van het product');
	
}

function ajaxRemoveProduct(productId)
{
	var ajaxIndex = ajaxObjects.length;
	ajaxObjects[ajaxIndex] = new sack();
	ajaxObjects[ajaxIndex].requestFile = url_removeProductFromBasket;	// Saving product in this file
	ajaxObjects[ajaxIndex].setVar('productIdToRemove',productId);
	ajaxObjects[ajaxIndex].onCompletion = function(){ ajaxValidateRemovedProduct(ajaxIndex); };	// Specify function that will be executed after file has been found
	ajaxObjects[ajaxIndex].runAJAX();		// Execute AJAX function		
}

function ajaxRemoveProject(projectId)
{
	var ajaxIndex = ajaxObjects.length;
	ajaxObjects[ajaxIndex] = new sack();
	ajaxObjects[ajaxIndex].requestFile = url_removeAccessoireFromBasket;	// Saving product in this file
	ajaxObjects[ajaxIndex].setVar('projectIdToRemove',projectId);
	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)
{
		var ajaxIndex = ajaxObjects.length;
		ajaxObjects[ajaxIndex] = new sack();
		ajaxObjects[ajaxIndex].requestFile = url_addProductToBasket;	// Saving product in this file
		ajaxObjects[ajaxIndex].setVar('productId',productId);
		ajaxObjects[ajaxIndex].onCompletion = function(){ showAjaxBasketContent(ajaxIndex); };	// Specify function that will be executed after file has been found
		ajaxObjects[ajaxIndex].runAJAX();		// Execute AJAX function	

}

function ajaxAddAccessoire(accessoireId)
{
		var ajaxIndex = ajaxObjects.length;
		ajaxObjects[ajaxIndex] = new sack();
		ajaxObjects[ajaxIndex].requestFile = url_addAccessoireToBasket;	// Saving product in this file
		ajaxObjects[ajaxIndex].setVar('accessoireId',accessoireId);
		ajaxObjects[ajaxIndex].onCompletion = function(){ showAjaxBasketContent(ajaxIndex); };	// Specify function that will be executed after file has been found
		ajaxObjects[ajaxIndex].runAJAX();		// Execute AJAX function	

}

function IsNumeric(strString)
//  check for valid numeric strings	
{
	var strValidChars = "0123456789.- ";
	var strChar;
	var blnResult = true;
	
	if (strString.length == 0) return false;
	
	//  test strString consists of valid characters listed above
	for (i = 0; i < strString.length && blnResult == true; i++)
	  {
	  strChar = strString.charAt(i);
	  if (strValidChars.indexOf(strChar) == -1)
		 {
		 blnResult = false;
		 }
	  }
	return blnResult;
}