/************************************************************************************************************
(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 = 25;
var url_addProductToBasket = 'addToBasket.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 diffX = false;
var diffY = false;

var currentXPos = false;
var currentYPos = false;

var ajax = new sack();

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

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

function addToBasket(productId,catRef,tbQuantity,photo,kw)
{
    // do not fly to basket when the item quantity is 0
    var elQTY = document.getElementById(tbQuantity);
    if (elQTY) {
        if (elQTY.value == 0) { return false; }
    }
    // END
     
    var browseref = catRef;
	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 = getLeft(shopping_cart_div);
	shopping_cart_y = getTop(shopping_cart_div);

	currentProductDiv = document.getElementById(productId);
	currentXPos = getLeft(document.getElementById(productId.replace('flyX','base')));
	currentYPos = getTop(document.getElementById(productId.replace('flyX','base')));
	diffX = shopping_cart_x - currentXPos;
	diffY = shopping_cart_y - currentYPos;
		
	var shoppingContentCopy = currentProductDiv.cloneNode(true);
	
	shoppingContentCopy.id='';	
	shoppingContentCopy.style.display='';	
	flyingDiv.innerHTML = '';
	flyingDiv.style.left = currentXPos + 'px';
	flyingDiv.style.top = currentYPos + 'px';
	flyingDiv.appendChild(shoppingContentCopy);

	flyingDiv.innerHTML = flyingDiv.innerHTML.replace(' style="DISPLAY: none"', '','i');    // IE
	flyingDiv.innerHTML = flyingDiv.innerHTML.replace(' style="DISPLAY: none;"', '','i');   // Firefox
	flyingDiv.innerHTML = flyingDiv.innerHTML.replace(' style="display:none"', '','i');     // Safari
	flyingDiv.style.display='block';
	flyingDiv.style.width = currentProductDiv.offsetWidth + 'px';
	flyToBasket(productId,catRef,tbQuantity,photo,kw,browseref);
	
	// automatically displays the related items row once a user as added an item to their shopping basket
    var last = -1;
        last = tbQuantity.lastIndexOf('_');
        if (last > 0) {
            var name = tbQuantity.substring(0, last + 1);
            var hyp = document.getElementById(name + 'hypMore');
            
            if (hyp) {
                var elAssociated = document.getElementById(name + 'trMore');
	            if (elAssociated) {
	                elAssociated.style.display = '';
	            }
	            
	            elAssociated = document.getElementById(name + 'hypMore');
	            if (elAssociated) {
	                elAssociated.className = 'related-up';
	            }
            }      
	}
	// end
	
}


function flyToBasket(productId,catRef,tbQuantity,photo,kw,browseref)
{
	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 + '","' + catRef + '","' + tbQuantity + '","' + photo + '","' + kw + '","' + browseref + '")',10); else ajaxAddProduct(productId,catRef,tbQuantity,photo,kw,browseref);
}

/////////////////////////////////////////////////////////////////////////\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\

var basketMinHeight = 30
var yOffset = basketMinHeight
var basketMaxHeight = 260
var keepOpen = false 

function dropTheBasket(direction, andUp)
{
    if(!shopping_cart_div)shopping_cart_div = document.getElementById('shopping_cart');
    if(shopping_cart_div.innerText==' My Basket: 0 items') return false;
    
    if (keepOpen == false) 
        yOffset += (direction * 10)	
    else 
        yOffset = basketMaxHeight
    
    if (yOffset < basketMinHeight) yOffset=basketMinHeight;
    document.getElementById("downBasket").style.height = yOffset + 'px';	
    
	if (direction > 0) {
	    if (yOffset < basketMaxHeight) 
	        setTimeout('dropTheBasket(1,' + andUp + ')',30); 	        
        else if (andUp==true) setTimeout('dropTheBasket(-1)',1500);
    } else {
        if (keepOpen == false)
	        if (yOffset > basketMinHeight) 
	            setTimeout('dropTheBasket(-1)',30);
    } 
}

function dropBasket() {    
    if (document.getElementById("downBasket").style.height == '' || parseInt(document.getElementById("downBasket").style.height) == 0) {
        yOffset = basketMinHeight;
        dropTheBasket(1, false);
    }
}

function hideBasket() {
    yOffset = basketMaxHeight;
    dropTheBasket(-1,false);
}

function ClosePanes(obj) {
    var acc = $find(obj+'_AccordionExtender');
    acc.set_SelectedIndex(-1);
}
    
//\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\/////////////////////////////////////////////////////////////////////////

function ajaxAddProduct(productId,catRef,qty,photo,kw,browseref)
{
    var quant = document.getElementById(qty).value;
    document.getElementById("ctl00_lblbasketphoto").innerHTML = '<img src="' + photo + '" />';
	ajax = new sack();
	ajax.requestFile = url_addProductToBasket;	
	ajax.setVar('CatRef',catRef);
	ajax.setVar('Quantity',quant);
	ajax.setVar('ProductID',productId);
	ajax.setVar('browseref',browseref);
	ajax.setVar('KW',kw);
	ajax.onCompletion = whenCompleted;
	ajax.runAJAX();
}

function whenCompleted(){
    var response = ajax.response.split(',');
    var productID = response[0];
    var quantity = response[1];
    var itemCount = response[2];
    var basketTotal = response[3];
    var lastcatref = response[4];
    var lastqty = response[5];
    var status = response[6]
   
   if (status =='3'){
        document.getElementById("ctl00_lblbasketphoto").innerHTML = '';
        document.getElementById("ctl00_litlastitem").innerHTML = 'Product Is Out Of Stock';
        document.getElementById("ctl00_lblbasketproductname").innerHTML ='';
	    document.getElementById("ctl00_lblBasketFooter").innerHTML = '0 Items Added';
	    dropTheBasket(1,true);
    }
    else{
        if (document.getElementById("ctl00_lblBasket")) document.getElementById("ctl00_lblBasket").innerHTML = 'Items <b>' + itemCount + '</b> | Total : <b>' + basketTotal + '</b>'
        document.getElementById("ctl00_lblBasketFooter").innerHTML = '<u>' + itemCount + ' items</u>';
        
        document.getElementById("ctl00_litlastitem").innerHTML = 'Last Item Added';
        if (status=='4'){
            document.getElementById("ctl00_lblbasketproductname").innerHTML = lastcatref + '<br />Only ' + lastqty + ' Available'; 
        }
        else{
            document.getElementById("ctl00_lblbasketproductname").innerHTML = lastcatref + '<br />Qty = ' + lastqty;
        }
  	    dropTheBasket(1,true);
  	} 
   
   
    
   
//    document.getElementById("ctl00_lblBasketFooter").innerHTML = basketTotal;
//    
//    //document.getElementById("ctl00_lblSubtotal").innerHTML = "Subtotal = " + basketTotal
//    document.getElementById("ctl00_litlastitem").innerHTML = 'Last Item Added';
//    document.getElementById("ctl00_lblbasketproductname").innerHTML = lastcatref + '<br />Qty = ' + lastqty;
//  	dropTheBasket(1,true);
}