var slideInTimeout, slideOutTimeout;
var lastTopOffset;

function addItem(ProdID){
    //alert('includes/basket.asp?act=Add&Product_ID='+ProdID+'&rand='+Math.random()+Date.parse(Date()) ,'tdBasket');
	ajaxpage('includes/basket.asp?act=Add&Product_ID='+ProdID+'&rand='+Math.random()+Date.parse(Date()) ,'tdBasket');
	slidePeek();
}

function addItem2(ProdID){
    //alert('includes/basket.asp?act=Add&Product_ID='+ProdID+'&rand='+Math.random()+Date.parse(Date()) ,'tdBasket');
	ajaxpage('includes/basket.asp?act=Add&Product_ID='+ProdID+'&rand='+Math.random()+Date.parse(Date()) ,'tdBasket');
	//slidePeek();
}

function subItem(ProdID){
	ajaxpage('includes/basket.asp?act=Sub&Product_ID='+ProdID+'&rand='+Math.random()+Date.parse(Date()) ,'tdBasket');
	//slidePeek();
}

var SelectedItems=[];
var i=0, slidePeekMax=-248, slideMax=-248, slideMin=-350, slideFactor=0.1, slideOffset=1;

function preSlideOut() {
	clearTimeout(slideOutTimeout);
	clearTimeout(slideInTimeout);
	slideOutTimeout = setTimeout(slideOut, 250);
}
function slideOut() {
	offset=scrollTop();
	clearTimeout(slideOutTimeout);
	clearTimeout(slideInTimeout);
	var place = parseInt(document.getElementById("slide_basket").style.top.replace(/px/,"")) - offset;
	if(place>slideMin)
	{
		document.getElementById("slide_basket").style.top = (place-((place-slideMin)*slideFactor+slideOffset)+offset)+"px";
		slideOutTimeout = setTimeout(slideOut, 30);
	}
}
function slideIn() {
	offset=scrollTop();
	clearTimeout(slideOutTimeout);
	clearTimeout(slideInTimeout);
	var place = parseInt(document.getElementById("slide_basket").style.top.replace(/px/,"")) - offset;
	if(place<slideMax)
	{
		document.getElementById("slide_basket").style.top = (place+((slideMax-place)*slideFactor+slideOffset)+offset)+"px";
		slideInTimeout = setTimeout(slideIn, 30);
	}
}
function slidePeek() {
	offset=scrollTop();
	clearTimeout(slideOutTimeout);
	clearTimeout(slideInTimeout);
	var place = parseInt(document.getElementById("slide_basket").style.top.replace(/px/,"")) - offset;
	if(place<slidePeekMax)
	{
		document.getElementById("slide_basket").style.top = (place+((slidePeekMax-place)*slideFactor+slideOffset)+offset)+"px";
		slideInTimeout = setTimeout(slidePeek, 30);
	}
	else
	{
		preSlideOut();
	}
}

function ajaxpage(url, containerid) {
	var a,b=url;
	var check;
	check=0;
	if(check==0) {
		var page_request = false;
		if (window.XMLHttpRequest) // if Mozilla, Safari etc
			page_request = new XMLHttpRequest();
		else if (window.ActiveXObject) { // if IE
			try {
				page_request = new ActiveXObject("Msxml2.XMLHTTP");
			} 
			catch (e){
				try{
					page_request = new ActiveXObject("Microsoft.XMLHTTP");
				}
				catch (e){}
			}
		}
		else
			return false;

		page_request.onreadystatechange=function() {
			loadpage(page_request, containerid);
		}
		page_request.open('GET', url, true);
		page_request.send(null);
	}
}

function loadpage(page_request, containerid) {
	if (page_request.readyState == 4 && (page_request.status==200 || window.location.href.indexOf("http")==-1))
		document.getElementById(containerid).innerHTML = page_request.responseText;
}

function repositionCaret() {
	
		if(isBasket == 'False'){
			x = Math.floor((getCanvasWidth()/2+(990/2)-220)) - 690 + "px";
		}
		else{
			if(getCanvasWidth() > 990){
				x = Math.floor((getCanvasWidth()/2+(990/2)-240)) + "px";
			}
			else{
				x = getCanvasWidth() - 250;
			}
			
		}
	b = document.getElementById("slide_basket");
	b.style.left = x;
	b.style.top = parseFloat(b.style.top.replace(/px/,"")) + (scrollTop()-lastTopOffset) + "px";
	lastTopOffset = scrollTop();
}

function scrollTop() {
	var s = document.body.scrollTop;
	if (s == 0)
	{
		if (window.pageYOffset)
			s = window.pageYOffset;
		else
			s = (document.body.parentElement) ? document.body.parentElement.scrollTop : 0;
	}
	return s;
}

function scrollLeft() {
	var s = document.body.scrollLeft;
	if (s == 0)
	{
		if (window.pageXOffset)
			s = window.pageXOffset;
		else
			s = (document.body.parentElement) ? document.body.parentElement.scrollLeft : 0;
	}
	return s;
}

function findLeft(obj) {
	var curleft = 0;
	if (obj.offsetParent) {
		do {
			curleft += obj.offsetLeft;
		} while (obj = obj.offsetParent);
		return curleft;
	}
}

function getCanvasWidth() {
	return document.body.clientWidth || innerWidth;
}
function getCanvasHeight() {
	return document.body.clientHeight || innerHeight;
}