// JavaScript Document



//ajax//
//Browser Support Code

var menuids=["treemenu1"] //Enter id(s) of SuckerTree UL menus, separated by commas

function buildsubmenus_horizontal(){
for (var i=0; i<menuids.length; i++){
  var ultags=document.getElementById(menuids[i]).getElementsByTagName("ul")
    for (var t=0; t<ultags.length; t++){
		if (ultags[t].parentNode.parentNode.id==menuids[i]){ //if this is a first level submenu
			ultags[t].style.top=ultags[t].parentNode.offsetHeight+"px" //dynamically position first level submenus to be height of main menu item
			ultags[t].parentNode.getElementsByTagName("a")[0].className="mainfoldericon"
		}
		else{ //else if this is a sub level menu (ul)
		  ultags[t].style.left=ultags[t-1].getElementsByTagName("a")[0].offsetWidth+"px" //position menu to the right of menu item that activated it
    	ultags[t].parentNode.getElementsByTagName("a")[0].className="subfoldericon"
		}
    ultags[t].parentNode.onmouseover=function(){
    this.getElementsByTagName("ul")[0].style.visibility="visible"
    }
    ultags[t].parentNode.onmouseout=function(){
    this.getElementsByTagName("ul")[0].style.visibility="hidden"
	
    }
	ultags[t].parentNode.onclick=function(){
    this.getElementsByTagName("ul")[0].style.visibility="hidden"
	
    }
    }
  }
}

if (window.addEventListener)
window.addEventListener("load", buildsubmenus_horizontal, false)
else if (window.attachEvent)
window.attachEvent("onload", buildsubmenus_horizontal)

var http = createRequestObject();
function createRequestObject() {
	var ro;
	if (navigator.appName == "Microsoft Internet Explorer") {
		ro = new ActiveXObject("Microsoft.XMLHTTP");
	} else {
		ro = new XMLHttpRequest();
	}
	return ro;
}


function sendRequestbak(did,cat) {
	 var mytime= "&ms="+new Date().getTime();
	http.open('get', 'content/items.php?did='+did+'&cat='+cat+mytime);
	http.onreadystatechange = function() {
	
		if(http.readyState == 4 || http.readyState=="complete"){
			document.getElementById('test').innerHTML = http.responseText;
		}
	}
	
	http.send(null);
}

var flyingSpeed = 25;
var url_addProductToBasket = 'addProduct.php';
var url_removeProductFromBasket = 'removeitem.php';
//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 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,desc)
{
	
//	var desc = 'hello';
//	alert(productId+desc);
	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 = 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,desc);
	
}


function flyToBasket(productId,desc)
{
	
	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+',"'+desc+'")',10);
		
	} else {
		
		
		ajaxAddProduct(productId,desc);	
	}

}

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;
		
		
		
		
	}else{	// Product isn't allready in the basket - add a new row
		var tr = itemBox.insertRow(-1);
		tr.id = 'shopping_cart_items_product' + productItems[0]
		tr.vAlign = 'top';
		var td = tr.insertCell(-1);
		td.innerHTML = '1'; 	// Number of items
		
		var td = tr.insertCell(-1);
		td.innerHTML = productItems[1]; 	// Description
		
		/*var td = tr.insertCell(-1);
		td.style.textAlign = 'right';
		td.innerHTML = productItems[2]; */	// Price	
		
		/*var td = tr.insertCell(-1);
		var a = document.createElement('A');
		td.appendChild(a);
		a.href = '#';
		a.onclick = function(){ removeProductFromBasket(productItems[0]); };
		var img = document.createElement('IMG');
		img.src = 'images/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;		*/
	show_cart();
	//td.innerHTML = '<a href="#" onclick="removeProductFromBasket("' + productItems[0] + '");return false;"><img src="images/remove.gif"></a>';
//	iid = productItems[0];
	//ajaxObjects[ajaxIndex] = false;
	//var upbox = document.getElementById(iid);
	//var upbox = document.getElementById('ray_cart');
	//alert(upbox);
	//document.getElementById('r_'+ iid).innerHTML ='update';
	//document.getElementById('r').innerHTML ='update';
	
}

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=1;no<itemBox.rows.length;no++){
			totalPrice = totalPrice + (itemBox.rows[no].cells[0].innerHTML.replace(/[^0-9]/g) * itemBox.rows[no].cells[2].innerHTML);
			
		}		
		document.getElementById('shopping_cart_totalprice').innerHTML = txt_totalPrice + totalPrice.toFixed(2);
		
	}	
	
}

function removeProductFromBasket(productId,sess)
{
	var productRow = document.getElementById('shopping_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,sess);	
}

function ajaxValidateRemovedProduct(ajaxIndex)
{
	if(ajaxObjects[ajaxIndex].response!='OK')alert('Error while removing product from the database');
	
}

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

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

function ajaxAddProduct(productId,desc)
{
	//alert(productId+desc);
	var ajaxIndex = ajaxObjects.length;
	ajaxObjects[ajaxIndex] = new sack();
	ajaxObjects[ajaxIndex].requestFile = url_addProductToBasket;	// Saving product in this file
	ajaxObjects[ajaxIndex].setVar('desc',desc);
	ajaxObjects[ajaxIndex].setVar('findex',productId);
	
	ajaxObjects[ajaxIndex].onCompletion = function(){ 
														showAjaxBasketContent(ajaxIndex); 
														document.getElementById('r_'+productId).innerHTML ='Added1'; //Add a message when the item has been added.
														setTimeout('clear_updated('+productId+')',2000);
														};	// Specify function that will be executed after file has been found
	ajaxObjects[ajaxIndex].runAJAX();		// Execute AJAX function		
}

function clear_updated(productId){
	
	document.getElementById('r_'+productId).innerHTML ='';
}

function clear_updated2(productId){
	
	document.getElementById('sm_'+productId).innerHTML ='';
}

function clear_updated3(productId){
	
	document.getElementById('r2_'+productId).innerHTML ='';
}

function clear_updated4(productId){
	
	document.getElementById('sm2_'+productId).innerHTML ='';
}

function show_cart(sess)
{
	//alert(productId+desc);
	var ajaxIndex = ajaxObjects.length;
	ajaxObjects[ajaxIndex] = new sack();
	ajaxObjects[ajaxIndex].requestFile = 'content/sm_cart.php?sess='+sess;	// Saving product in this file
	ajaxObjects[ajaxIndex].onLoading = function() { 
	//document.getElementById('r_'+productId).innerHTML ='Add'; 
	alert('ggg');
	};
	ajaxObjects[ajaxIndex].onCompletion = function(){document.getElementById('ray_cart').innerHTML = ajaxObjects[ajaxIndex].response; };	// Specify function that will be executed after file has been found
	ajaxObjects[ajaxIndex].runAJAX();		// Execute AJAX function		
}


function show_cart2(sess)
{
	//alert(productId+desc);
	var ajaxIndex = ajaxObjects.length;
	ajaxObjects[ajaxIndex] = new sack();
	ajaxObjects[ajaxIndex].requestFile = 'content/check_items.php?sess='+sess;	// Saving product in this file
	ajaxObjects[ajaxIndex].onCompletion = function(){document.getElementById('check_items').innerHTML = ajaxObjects[ajaxIndex].response; };	// Specify function that will be executed after file has been found
	ajaxObjects[ajaxIndex].runAJAX();		// Execute AJAX function		
}

function empty_cart(sess){
	
	var ajaxIndex = ajaxObjects.length;
	ajaxObjects[ajaxIndex] = new sack();
	ajaxObjects[ajaxIndex].requestFile = 'content/empty.php';	// Saving product in this file
	ajaxObjects[ajaxIndex].setVar('sess',sess);
	ajaxObjects[ajaxIndex].onCompletion = function(){document.getElementById('ray_cart').innerHTML = '<div align="center" style="background:url(images/cartback.png);  padding-top:20px; border:#cccccc solid thin; background-repeat:repeat-x">No Items in quote list</div>' };	// Specify function that will be executed after file has been found
	ajaxObjects[ajaxIndex].runAJAX();		// Execute AJAX function		
	
}


function sendRequest(did,cat) {
	
	var mytime= "&ms="+new Date().getTime();
	var ajaxIndex = ajaxObjects.length;
	ajaxObjects[ajaxIndex] = new sack();
	ajaxObjects[ajaxIndex].requestFile = 'content/items.php';	// Saving product in this file
	ajaxObjects[ajaxIndex].setVar('did',did);
	ajaxObjects[ajaxIndex].setVar('cat',cat);
	ajaxObjects[ajaxIndex].setVar('ms',mytime);
	ajaxObjects[ajaxIndex].onCompletion = function(){document.getElementById('test').innerHTML = ajaxObjects[ajaxIndex].response; };	// Specify function that will be executed after file has been found
	ajaxObjects[ajaxIndex].runAJAX();		// Execute AJAX function	
}


function updateqty(prod,qty) {
	
	var mytime= "&ms="+new Date().getTime();
	var ajaxIndex = ajaxObjects.length;
	ajaxObjects[ajaxIndex] = new sack();
	ajaxObjects[ajaxIndex].requestFile = 'content/update.php';	// Saving product in this file
	ajaxObjects[ajaxIndex].setVar('item',prod);
	ajaxObjects[ajaxIndex].setVar('qty',qty);
	ajaxObjects[ajaxIndex].setVar('ms',mytime);
	ajaxObjects[ajaxIndex].onCompletion = function(){
		
													document.getElementById('sm_'+prod).innerHTML ='<span style="color:green;">Qty Updated.</span>'; //Add a message when the item has been added.
													setTimeout('clear_updated2('+prod+')',2000);
		
													};	// Specify function that will be executed after file has been found
	ajaxObjects[ajaxIndex].runAJAX();		// Execute AJAX function	
}

function updateqty2(prod,qty) {
	
	var mytime= "&ms="+new Date().getTime();
	var ajaxIndex = ajaxObjects.length;
	ajaxObjects[ajaxIndex] = new sack();
	ajaxObjects[ajaxIndex].requestFile = 'content/update.php';	// Saving product in this file
	ajaxObjects[ajaxIndex].setVar('item',prod);
	ajaxObjects[ajaxIndex].setVar('qty',qty);
	ajaxObjects[ajaxIndex].setVar('ms',mytime);
	ajaxObjects[ajaxIndex].onCompletion = function(){
		
													document.getElementById('sm2_'+prod).innerHTML ='<span style="color:green;">Qty Updated.</span>'; //Add a message when the item has been added.
													setTimeout('clear_updated4('+prod+')',2000);
		
													};	// Specify function that will be executed after file has been found
	ajaxObjects[ajaxIndex].runAJAX();		// Execute AJAX function	
}

function getgallery() {
	
	
	var ajaxIndex = ajaxObjects.length;
	ajaxObjects[ajaxIndex] = new sack();
	ajaxObjects[ajaxIndex].requestFile = 'gal/index.php';	// Saving product in this file
	ajaxObjects[ajaxIndex].onCompletion = function(){
		
													document.getElementById('gal').innerHTML = ajaxObjects[ajaxIndex].response;; //Add a message when the item has been added.
													
		
													};	// Specify function that will be executed after file has been found
	ajaxObjects[ajaxIndex].runAJAX();		// Execute AJAX function	
}



function submitform(){
	
	
	document.searchform.submit();
	
}