/************************************************************************************************************
(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 = 'addProduct.php';
var url_removeProductFromBasket = 'removeProduct.php';
var txt_totalPrice = 'Total: ';
var txt_discount = 'Popust: ';
var txt_totalPriceWithDiscount = '<b>Total sa Popustom: ';
var discount;
var	totalPriceWithDiscount;

var shopping_cart_div = false;
var shopping_cart_scroll_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();

var addMultipleItems = false;


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, obj)
{
	if (obj.innerHTML.search(/gray/) != -1)
			return;
	var arrProductId = productId.split("_");
	var productType = arrProductId[1];
	
	if (flyingDiv != false)
		return;
    //if(document.getElementById('shoping_cart_items_product' + productId)){
    if(addMultipleItems || !document.getElementById('shoping_cart_items_product' + productId)) {
    	if(!shopping_cart_div)shopping_cart_div = document.getElementById('shopping_cart');
    	if(!shopping_cart_scroll_div)shopping_cart_scroll_div = document.getElementById('shopping_cart_scroll');
    	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);
    }
    
   shopping_cart_scroll_tr = shopping_cart_scroll_div.getElementsByTagName("tr");
   var number_of_items = shopping_cart_scroll_tr.length+1;
  
   
    if (number_of_items > 20)
    	shopping_cart_scroll_div.style.height = 380 + "px";
    	
    
    var elementsShoppingCart = getElementsByName_iefix("div", productId);
    var i=0;
    
   	for(i=0;i<elementsShoppingCart.length;i++)
   	{
    	var imageSrc = elementsShoppingCart[i].getElementsByTagName("img").item(0).src;
    	//alert(elementsShoppingCart[i].getElementsByTagName("img").item(0).onmouseout);
		var arrImageSrc = imageSrc.split("/");
		if (productType == "MID")
			arrImageSrc[arrImageSrc.length - 1] = "btn_mid_gray.png";
		if (productType == "MAT")
			arrImageSrc[arrImageSrc.length - 1] = "btn_mat_gray.png";
		if (productType == "TXT")
			arrImageSrc[arrImageSrc.length - 1] = "btn_txt_gray.png";
		var newImageSrc = arrImageSrc.join("/");
		elementsShoppingCart[i].getElementsByTagName("img").item(0).onmouseout();
		elementsShoppingCart[i].getElementsByTagName("img").item(0).parentNode.innerHTML = "<img src=\"" + newImageSrc + "\"  alt=\"shoping card\" align=\"right\"  border=\"0\" />";
    }
    // for big images from items details
    elementsShoppingCart = getElementsByName_iefix("span", productId);
    i=0;
    
   	for(i=0;i<elementsShoppingCart.length;i++)
   	{
    	var imageSrc = elementsShoppingCart[i].getElementsByTagName("img").item(0).src;
    	//alert(elementsShoppingCart[i].getElementsByTagName("img").item(0).onmouseout);
		var arrImageSrc = imageSrc.split("/");
		if (productType == "MID")
			arrImageSrc[arrImageSrc.length - 1] = "btn_mid_gray_big.png";
		if (productType == "MAT")
			arrImageSrc[arrImageSrc.length - 1] = "btn_mat_gray_big.png";
		if (productType == "TXT")
			arrImageSrc[arrImageSrc.length - 1] = "btn_txt_gray_big.png";
		var newImageSrc = arrImageSrc.join("/");
		elementsShoppingCart[i].getElementsByTagName("img").item(0).onmouseout();
		elementsShoppingCart[i].getElementsByTagName("img").item(0).parentNode.innerHTML = "<img src=\"" + newImageSrc + "\"  alt=\"shoping card\" border=\"0\" />";
    }
    
}


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(ajaxIndex)
{
	// Getting a reference to the shopping cart items table
	var itemBox = document.getElementById('shopping_cart_items');
	//alert(ajaxObjects[ajaxIndex].response);
	var productItems = ajaxObjects[ajaxIndex].response.split('|||');	// Breaking response from Ajax into tokens
	discount = productItems[3];
	totalPriceWithDiscount = productItems[4];
	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;
		items = items && items > 1 ? 1 : items + 1; // need for remove quantity
//		row.cells[0].innerHTML = items;		// this line comment becuse quantity is removed 
		row.cells[0].innerHTML = '&nbsp';	
	}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.innerHTML = '1'; 	// Number of items
		td.innerHTML = '&nbsp';		// Number of items
		td.setAttribute('class', "categories");
		td.setAttribute('align', "center");*/
		
		var arrId = productItems[0].split("_");
		var arrDescription = productItems[1].split("-");
		var image;
		if (arrDescription[1] == "MID")
			image = "<img src=\"templates/public/base/images/srp/btn_mid_small.png\" border=\"0\" />";
		if (arrDescription[1] == "TXT")
			image = "<img src=\"templates/public/base/images/srp/btn_txt_small.png\" border=\"0\" />";
		if (arrDescription[1] == "MAT")
			image = "<img src=\"templates/public/base/images/srp/btn_mat_small.png\" border=\"0\" />";
		
		var td = tr.insertCell(-1);
		td.style.textAlign = 'left';
		td.innerHTML = "<a href=\"?show=items&subsection=details&pid=" + arrId[0] + "\">" + arrDescription[0] + "&nbsp;" + image + "</a>"; 	// Description
		td.setAttribute('class', "categories");
		td.setAttribute('align', "left");
		
		var td = tr.insertCell(-1);
		td.style.textAlign = 'center';
		td.innerHTML = productItems[2]; 	// Price
		td.setAttribute('class', "categories");
		td.setAttribute('width', "10px");
		
		var td = tr.insertCell(-1);
		td.setAttribute('width', "10px");
		var a = document.createElement('A');
		td.appendChild(a);
		a.href = '#';
		a.onclick = function(){ removeProductFromBasket(productItems[0]); };
		var img = document.createElement('IMG');
		img.src = 'remove.gif';
		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++){
//			totalPrice = totalPrice + (itemBox.rows[no].cells[0].innerHTML.replace(/[^0-9]/g) * itemBox.rows[no].cells[2].innerHTML);
			totalPrice = totalPrice + (1 * itemBox.rows[no].cells[1].innerHTML);
			
		}		
		document.getElementById('shopping_cart_totalprice').innerHTML = txt_totalPrice + totalPrice.toFixed(2) + "<br />" + txt_discount + discount + "<br />" + txt_totalPriceWithDiscount + totalPriceWithDiscount + "</b>";
	}
	flyingDiv = false;
	
	if (getURLParam('show') == 'cart')
		location.reload(true);
}

function getURLParam(strParamName){
  var strReturn = "";
  var strHref = window.location.href;
  if ( strHref.indexOf("?") > -1 ){
    var strQueryString = strHref.substr(strHref.indexOf("?")).toLowerCase();
    var aQueryString = strQueryString.split("&");
    for ( var iParam = 0; iParam < aQueryString.length; iParam++ ){
      if ( 
aQueryString[iParam].indexOf(strParamName.toLowerCase() + "=") > -1 ){
        var aParam = aQueryString[iParam].split("=");
        strReturn = aParam[1];
        break;
      }
    }
  }
  return unescape(strReturn);
} 


function removeProductFromBasket(productId)
{
	var arrProductId = productId.split("_");
	var productType = arrProductId[1];
	
	var productRow = document.getElementById('shoping_cart_items_product' + productId);
	
	var numberOfItemCell = productRow.cells[0]; 
	numberOfItemCell.innerHTML = 1; // quantity option is removed max is 1
	if(numberOfItemCell.innerHTML == '1'){
		productRow.parentNode.removeChild(productRow);	
	}else{
		numberOfItemCell.innerHTML = numberOfItemCell.innerHTML/1 - 1;
	}
	ajaxRemoveProduct(productId);	
	if(!shopping_cart_scroll_div) shopping_cart_scroll_div = document.getElementById('shopping_cart_scroll');
	
	var shopping_cart_scroll_tr = shopping_cart_scroll_div.getElementsByTagName("tr");
    var number_of_items = shopping_cart_scroll_tr.length;
   	if (number_of_items < 21)
   		shopping_cart_scroll_div.style.height = "auto";
	/*if (shopping_cart_scroll_div.offsetHeight > 300)
    	shopping_cart_scroll_div.style.height = 300 + "px";*/
    var elementsShoppingCart = getElementsByName_iefix("div", productId);
    var i=0;
    
   	for(i=0;i<elementsShoppingCart.length;i++)
   	{
    	var imageSrc = elementsShoppingCart[i].getElementsByTagName("img").item(0).src;
		var arrImageSrc = imageSrc.split("/");
		if (productType == "MID")
		{
			arrImageSrc[arrImageSrc.length - 1] = "btn_mid.png";
			var imageIndex = 0;
		}
		if (productType == "MAT")
		{
			arrImageSrc[arrImageSrc.length - 1] = "btn_mat.png";
			var imageIndex = 2;
		}
		if (productType == "TXT")
		{
			arrImageSrc[arrImageSrc.length - 1] = "btn_txt.png";
			var imageIndex = 1;
		}
		var newImageSrc = arrImageSrc.join("/");
		elementsShoppingCart[i].getElementsByTagName("img").item(0).parentNode.innerHTML = "<img src=\"" + newImageSrc + "\"  alt=\"shoping card\" align=\"right\"  border=\"0\"  onmouseover=\"rolloverImage(this, " + imageIndex + ")\" onmouseout=\"rolloutImage(this, " + imageIndex + ")\" />";
    }
    
    elementsShoppingCart = getElementsByName_iefix("span", productId);
    i=0;
    
   	for(i=0;i<elementsShoppingCart.length;i++)
   	{
    	var imageSrc = elementsShoppingCart[i].getElementsByTagName("img").item(0).src;
		var arrImageSrc = imageSrc.split("/");
		if (productType == "MID")
		{
			arrImageSrc[arrImageSrc.length - 1] = "btn_big_mid.png";
			var imageIndex = 3;
		}
		if (productType == "MAT")
		{
			arrImageSrc[arrImageSrc.length - 1] = "btn_big_mat.png";
			var imageIndex = 5;
		}
		if (productType == "TXT")
		{
			arrImageSrc[arrImageSrc.length - 1] = "btn_big_txt.png";
			var imageIndex = 4;
		}
		var newImageSrc = arrImageSrc.join("/");
		elementsShoppingCart[i].getElementsByTagName("img").item(0).parentNode.innerHTML = "<img src=\"" + newImageSrc + "\"  alt=\"shoping card\" border=\"0\"  onmouseover=\"rolloverImage(this, " + imageIndex + ")\" onmouseout=\"rolloutImage(this, " + imageIndex + ")\" />";
    }
}

function ajaxValidateRemovedProduct(ajaxIndex)
{
	var productItems = ajaxObjects[ajaxIndex].response.split('|||');
	if(productItems[0]!='OK')
		alert('Error while removing product from the database');
	else{
		discount = productItems[1];
		totalPriceWithDiscount = productItems[2];
		updateTotalPrice();
	}
	
}

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)
{
	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 getElementsByName_iefix(tag, name) {
     
     var elem = document.getElementsByTagName(tag);
     var arr = new Array();
     for(i = 0,iarr = 0; i < elem.length; i++) {
          att = elem[i].getAttribute("name");
          if(att == name) {
               arr[iarr] = elem[i];
               iarr++;
          }
     }
     return arr;
}