var x = 0;
var y = 0;
var startx = 0;
var starty = 0;
var offx = 0;
var offy = 0;
var size = ""
var source = 17;
var Variants, color, startColor, PrdName, recentsku;

var move = false;

var dv

document.onclick = clearUp;
document.onmouseup = clearUp;
document.onselectstart = blockSelect;

function setPopUp(prod)
{
	dv = document.getElementById("quickview");
	dv.style.top = Number(document.body.scrollTop) + 100 + "px"
	var left = findPosition() - 264
	dv.style.left = left + "px"
	var action = "?prod="+prod+"&ctlg="+ctlg+"&cid="+ctg;
	PrdName = prod;

	sndReqQ(action)
}

function closeBox()
{
	if(dv)
	{
		dv.style.display = "none";
	}
}

function blockSelect(e)
{
	if(move)
	{
		return false;
	}
}

function showButton(btn)
{
	var bs = document.getElementsByName("qvbtn");
	for(i=0;i<bs.length;i++)
	{
		bs[i].style.display = "none"
	}
	var b = document.getElementById("btn"+btn);
	b.style.display = "block";
}

function hideButton(btn)
{
	var b = document.getElementById("btn"+btn);
	b.style.display = "none";
}

function changeTab(tab)
{
	var size = document.getElementById("dvSize");
	var desc = document.getElementById("dvDesc");
	var tdsize = document.getElementById("tdSize");
	var tddesc = document.getElementById("tdDesc");
	
	if(tab == "size")
	{
		size.style.display = "block";
		desc.style.display = "none";
		tdsize.style.backgroundImage = 'url(/tillys/images/activetab.gif)';
		tddesc.style.backgroundImage = 'url(/tillys/images/inactivetab.gif)';
	}
	else
	{
		size.style.display = "none";
		desc.style.display = "block";
		tddesc.style.backgroundImage = 'url(/tillys/images/activetab.gif)';
		tdsize.style.backgroundImage = 'url(/tillys/images/inactivetab.gif)';
	}
}

function relocate(e)
{
	dv = document.getElementById("quickview");
	move = true;
	startx = dv.style.left.replace("px","");
	starty = dv.style.top.replace("px","");
	
	document.onmousemove = findMovement;
	var cursor = currentLocation(e);
	x = cursor.x;
	y = cursor.y;
}

function findMovement(e)
{
	if(move)
	{
		var cursor = currentLocation(e);
		x = cursor.x;
		y = cursor.y;
		document.onmousemove = getDifference;
	}
}

function getDifference(e)
{
	var cursor = currentLocation(e);
	var xpos = Number(startx)+cursor.x-x;
	var ypos = Number(starty)+cursor.y-y;
	
	if(xpos<0)
		xpos = 0
	if(ypos<0)
		ypos = 0
	
	dv.style.left = xpos+"px";
	dv.style.top = ypos+"px";
}

function currentLocation(e)
{
	var e = e || window.event;

	var cursor = {x:0, y:0};
	if (e.pageX || e.pageY) 
	{
		cursor.x = e.pageX;
		cursor.y = e.pageY;
	} 
	else 
	{
		cursor.x = e.clientX + 
			(document.documentElement.scrollLeft || 
			document.body.scrollLeft) - 
			document.documentElement.clientLeft;
		cursor.y = e.clientY + 
			(document.documentElement.scrollTop || 
			document.body.scrollTop) - 
			document.documentElement.clientTop;
	}
	return cursor;
}

function findOff()
{
	cvPosition = getElementPosition(dv);
	
	offx = cvPosition.left;
	offy = cvPosition.top;	
}

function clearUp(e)
{
	document.onmousemove = null;
	document.onmousedown = null;
	move = false;
}

function AddToCart()
{	
	if(size == "")
	{
		alert("Please select a size")
	}
	else
	{
		var action = "?prod="+PrdName+"&ctlg="+ctlg+"&color="+color+"&size="+size+"&qty="+document.Form1.qty.value+"&source="+source;
		sndReqATC(action)
	}
}

var http = createRequestObject();

function sndReqQ(action) {
    http.open('get', 'quickview.aspx'+action);
    http.onreadystatechange = handleResponseQ;
    http.send(null);
}

function handleResponseQ() {
    if (http.readyState == 4 && http.status == 200) {
        var response = http.responseText;
        var index = response.indexOf("Variants=")
		var v = response.substring(index+9,response.indexOf("*****"))
		Variants = getArray(v);
        index = response.indexOf("*****");
		color = response.substring(index+5,response.indexOf("*****",index+1))
        index = response.indexOf("*****", index+1);
		startColor = response.substring(index+5,response.indexOf("*****",index+1))
        index = response.indexOf("*****", index+1);
        document.getElementById("quickview").innerHTML = response.substring(index+5);
		dv.style.display = "block";
		refreshColor(); 
		refreshSize(); 
		updateLarge(startColor, color)
        }
    }

function sndReqATC(action) {
    http.open('get', 'addtocart.aspx'+action);
    http.onreadystatechange = handleResponseATC;
    http.send(null);
}

function handleResponseATC() {
    if (http.readyState == 4 && http.status == 200) {
        var response = http.responseText.split("|");
        if(response[3] != "0 items")
        {
			var imgCheckout = document.getElementById("imgCheckout");
			imgCheckout.style.display = "inline"
		}
        var msg = document.getElementById("LblNote");
        msg.innerHTML = response[0];
        document.Form1.qty.value = response[2];
        var basket = document.getElementById("HeaderControl1_cart");
        basket.innerHTML = response[3];
        recentsku = response[4];
        if(response[1] != "")
        {
			var qtyadjtxt = document.getElementById("qtyadjtxt");
			qtyadjtxt.innerHTML = response[1]
        }
		setTimeout("handleAdd()",500);
        }
    }
    
function handleAdd()
{
	closeBox();
	window.scrollTo(0,0)
	recentlyAdded();
}