/************************************************************************************************************
(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 = 5;
var url_addProductToBasket = 'includes/addProduct.asp';
var txt_totalPrice = 'Total: ';


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 count = 0;

var ajaxObjects = new Array();

var itemsInBasket = 0;
var itemBasketTotal = 0;

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_cart3');
	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';	
	//flyingDiv.innerHTML = flyingDiv.innerHTML.replace("src=","height=50 width=50 src=");
	//flyToBasket(productId);
	
	count = 0;
	ajaxAddProduct(productId);	
	currentProductDiv = document.getElementById('productbasket' + productId);
	currentProductDiv.style.display='block';
	currentProductDiv.innerHTML = '<font color="#FF0000">Added .</font>';
	showmessage(productId);
}

function showmessage(productId)
{

	count = count +1;
	currentProductDiv.innerHTML = currentProductDiv.innerHTML + '<font color="#FF0000">.</font>';
	//currentProductDiv.innerHTML = count;
	if (count > 5) {
		currentProductDiv.style.display='none'
	}
	
	if(currentProductDiv.style.display=='block') {
		setTimeout('showmessage("' + productId + '")',200);
	} else {
		currentProductDiv.style.display='block'
		currentProductDiv.innerHTML = '<a href="http://www.pictureperfectgallery.co.uk/viewBasket.asp" style="font-size:0.9em;color:#D53826;font-weight:600;">View Cart</a>';
	}

}


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_original(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('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 = items + 1;
		row.cells[0].innerHTML = items;
		
	}else{	// Product isn't allready in the basket - add a new row
		var tr = itemBox.insertRow(0);
		tr.id = 'shoping_cart_items_product' + productItems[0]
		
		var td = tr.insertCell(-1);
		td.innerHTML = '1'; 	// Number of items

		var td = tr.insertCell(-1);
		td.innerHTML = 'x'; 	
		
		var td = tr.insertCell(-1);
		td.innerHTML = productItems[1]; 	// Description
		
		var td = tr.insertCell(-1);
		td.innerHTML = productItems[2]; 	// Price		
		
		if(document.getElementById('shopping_cart_totalitems')){
			document.getElementById('shopping_cart_totalitems').innerHTML = parseInt(document.getElementById('shopping_cart_totalitems').innerHTML) + 1
		}
	} 

	// 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++){
			totalPrice = totalPrice + (itemBox.rows[no].cells[0].innerHTML.replace(/[^0-9]/g) * itemBox.rows[no].cells[3].innerHTML);
		}
		//document.getElementById('shopping_cart_totalprice').innerHTML = txt_totalPrice + totalPrice.toFixed(2);
		document.getElementById('shopping_cart_totalprice').innerHTML = totalPrice.toFixed(2);
		document.getElementById('shopping_cart_itemcheckoutlink').style.display = 'inline';
		if(document.getElementById('shopping_cart_0item'))
			document.getElementById('shopping_cart_0item').style.display = 'none';		
	}

	ajaxObjects[ajaxIndex] = false;	
}


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 row = document.getElementById('shoping_cart_items_product');
	//alert(productItems[0]);
	var items = row.cells[0].innerHTML /1;
	items = items + 1;
	row.cells[0].innerHTML = items;
	row.cells[1].innerHTML = "<a href='http://www.pictureperfectgallery.co.uk/viewBasket.asp' style='font-size:0.9em;color:#D53826;font-weight:600;'>" + items + "&nbsp;Items</a>";
		
	ajaxObjects[ajaxIndex] = false;	
}

function ajaxAddProduct(productId)
{
	var ajaxIndex = ajaxObjects.length;
	ajaxObjects[ajaxIndex] = new sack();
	ajaxObjects[ajaxIndex].requestFile = url_addProductToBasket + '?productId=' + productId;	// 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 SubmitArtWorkComments(artWorkNo){
	cmntName = document.getElementById('txtCommentSubmitName').value;
	cmntText = document.getElementById('txtCommentsText').value;
	document.getElementById('mainCommentTable').innerHTML = 'Processing submission! please wait.';	
	var ajaxIndex = ajaxObjects.length;
	ajaxObjects[ajaxIndex] = new sack();
	ajaxObjects[ajaxIndex].requestFile = url_addProductToBasket + '?aID=' + artWorkNo + '&cName=' + escape(cmntName) + '&cText=' + escape(cmntText);	// Saving product in this file
	ajaxObjects[ajaxIndex].onCompletion = function(){ showAddedContents(ajaxIndex); };	// Specify function that will be executed after file has been found
	ajaxObjects[ajaxIndex].runAJAX();		// Execute AJAX function			
}

function showAddedContents(ajaxIndex)
{
	document.getElementById('mainCommentTable').innerHTML = ajaxObjects[ajaxIndex].response;
	ajaxObjects[ajaxIndex] = false;	
}