// JavaScript Document

function image(url)
{
window.open(url,'0',"width=650,height=650,directories=no,location=no,menubar=no,scrollbars=no,status=no,toolbar=no,resizable=yes");
return false;
}

function addProduct(element, dropon, event) {
	sendData(element.id);
}
function sendData (prod) {
	var url    = '/includes/cart.php';
	var rand   = Math.random(9999);
	var pars   = 'id=' + prod + '&rand=' + rand;
	var myAjax = new Ajax.Request( url, {method: 'get', parameters: pars, onLoading: showLoad, onComplete: showResponse} );
}		
function clearCart () {
	var url    = '/includes/cart.php?mode=clear';
	var rand   = Math.random(9999);
	var pars   = 'clear=true&rand=' + rand;
	var myAjax = new Ajax.Request( url, {method: 'get', parameters: pars, onLoading: showLoad, onComplete: showResponse} );
}
function clearProduct (id) {
	var url    = '/includes/cart.php';
	var rand   = Math.random(9999);
	var pars   = 'clearProduct=true&id=' + id + '&rand=' + rand;
	var myAjax = new Ajax.Request( url, {method: 'get', parameters: pars, onLoading: showLoad, onComplete: showResponse} );
}				
function showResponse (originalRequest) {
	//$('loading').style.display = "none";
	//$('clearCart').style.display = "block";
	$('cart').innerHTML = originalRequest.responseText;
}
function showLoad () {
	$('clearCart').style.display = "none";
	$('loading').style.display = "block";
}

function UpdateCart(prod) {
	updateData(prod);
}
function updateData (prod) {
	var qty = eval("document.frmCart.txtQty"+prod+".value");
	var url    = '/includes/cart.php?mode=update&qty='+qty;
	var rand   = Math.random(9999);
	var pars   = 'id=' + prod + '&rand=' + rand+"&mode=update&qty=" +qty;
	var myAjax = new Ajax.Request( url, {method: 'get', parameters: pars, onLoading: showLoad, onComplete: showResponse} );
}
function viewData () {
	var url    = '/includes/cart.php?mode=view';
	var rand   = Math.random(9999);
	var pars   = 'rand=' + rand + '&mode=view';
	var myAjax = new Ajax.Request( url, {method: 'get', parameters: pars, onLoading: showLoad, onComplete: showResponse} );
}	
function RemoveItem (prod) {
	var url    = '/includes/cart.php?mode=delete&id='+prod;
	var rand   = Math.random(9999);
	var pars   = 'id=' + prod + '&rand=' + rand+"&mode=delete";
	var myAjax = new Ajax.Request( url, {method: 'get', parameters: pars, onLoading: showLoad, onComplete: showResponse} );
}


	var products = document.getElementsByClassName('box');
	for (var i = 0; i < products.length; i++) {
		new Draggable(products[i].id, {ghosting:true, revert:true})	
	}
	Droppables.add('cart', {onDrop:addProduct})
var right = truebody().clientWidth? truebody().clientWidth : window.innerWidth&&truebody().offsetHeight<=window.innerHeight? window.innerWidth :  window.innerWidth? window.innerWidth-50 : 0;
var top = truebody().clientHeight? truebody().clientHeight : window.innerHeight&&truebody().offsetHeight<=window.innerHeight? window.innerHeight :  window.innerHeight? window.innerHeight/2 : 0;
var shown = false;
function toggleDiv()
{
	var left = document.getElementById('cart1').style.left;
	left = left.substring(0,left.indexOf('px'));
	//document.getElementById('cart').style.display = status=='block'?'none':'block';
	//document.getElementById('cart').style.left = (left - 240) + 'px';
	if(shown==false){
	for(var i=200;i>1;i--)
	document.getElementById('cart1').style.left = i + 'px';
	document.getElementById('cart2').style.overflow = 'visible';
	shown=true;
	}
	else{
	for(var i=0;i<250;i++)
		document.getElementById('cart1').style.left = i + 'px';
	document.getElementById('cart2').style.overflow = 'hidden';
	shown=false;
	}
	//right = left - 440;
}
	
var verticalpos="fromtop"
function JSFX_FloatTopDiv()
{
	var startX = right-20,
	startY = top-450;
	var ns = (navigator.appName.indexOf("Netscape") != -1);
	var d = document;
	function ml(id)
	{
		//var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];
		var el=d.getElementById(id)
		if(d.layers)el.style=el;
		el.sP=function(x,y){this.style.left=x;this.style.top=y;};
		el.x = startX;
		if (verticalpos=="fromtop")
		el.y = startY;
		else{
		el.y = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight;
		el.y -= startY;
		}
		return el;
	}
	window.stayTopLeft=function()
	{
		if (verticalpos=="fromtop"){
		var pY = ns ? pageYOffset : document.body.scrollTop;
		ftlObj.y += (pY + startY - ftlObj.y)/8;
		}
		else{
		var pY = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight;
		ftlObj.y += (pY - startY - ftlObj.y)/8;
		}
		ftlObj.sP(ftlObj.x, ftlObj.y);
		setTimeout("stayTopLeft()", 10);
	}
	ftlObj = ml("cart1");
	stayTopLeft();
	
}
viewData();
//JSFX_FloatTopDiv();	
function truebody(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body;
}
m = document.getElementById('cart2');
document.getElementById('cart2').style.left = right-0 + 'px';
document.getElementById('cart2').style.top = top-600 + 'px';
if(typeof window.attachEvent=='object')
window.attachEvent('onscroll', keep_in_view);
setInterval(function(){keep_in_view()}, 20)

function keep_in_view()
{
	m.style.left=(right-m.offsetWidth)+'px';
	document.getElementById('cart2').style.top = (window.pageYOffset ? pageYOffset + (innerHeight/2)-230 : document.body.scrollTop + (document.body.clientHeight/2)-230) + 'px';
}