var request = null;

function CreateRequest()
{
	try
	{
		request = new XMLHttpRequest();
	}
	catch (trymicrosoft)
	{
		try 
		{
			request = new ActiveXObject("Msxml2.XMLHTTP");
		}
		catch (e)
		{
			try
			{
				request = new ActiveXObject("Microsoft.XMLHTTP");
			}
			catch (failed)
			{
				request = null
			}
		}
	}
	
}

function StateChange()
{ 
	if (request.readyState == 4) 
	{
		if (request.status == 200 || request.status == 0) 
		{
			var GarmentCount = parseInt(document.getElementById('BasketContent').innerHTML);
			GarmentCount--;
			document.getElementById('BasketContent').innerHTML = request.responseText;
		}
	}
}

function HideImage(imageId)
{
	Doc = document.getElementById('testid');
    Garment = document.getElementById("img" + imageId);
    if (Garment != null)
    {
		Garment.name = Garment.id;
		throwaway_node = Doc.removeChild(Garment);
    }

    document.getElementById("l" + imageId).innerHTML = "";
}

function Browser()
{
	var UserAgent, SearchString, i;
	
	this.IsIE = false;
	this.IsNS = false;
	this.version = null;
	
	UserAgent = navigator.userAgent;
	
	// Check for IE	
	SearchString = "MSIE";
	if ((i = UserAgent.indexOf(SearchString)) >= 0)
	{
		this.IsIE = true;
		this.version = parseFloat(UserAgent.substr(i + SearchString.length));
		return;
	}

	// Check for NS
	SearchString = "Netscape6/";
	if ((i = UserAgent.indexOf(SearchString)) >= 0)
	{
		this.IsNS = true;
		this.version = parseFloat(UserAgent.substr(i + SearchString.length));
		return;
	}

	// All other browsers
	SearchString = "Gecko";
	if ((i = UserAgent.indexOf(SearchString)) >= 0)
	{
		this.IsNS = true;
		this.version = 6.1;
		return;
	}
	
}

var browser = new Browser();
var DragObj = new Object();
DragObj.zIndex = 0;

function StartDrag(event, id)
{
	var el;
	var X, Y;
	
	// Get the element
	if (id)
	{
		DragObj.elNode = document.getElementById(id);
	}
	else
	{
		if (browser.IsIE)
		{
			DragObj.elNode = window.event.srcElement;
		}
		if (browser.IsNS)
		{
			DragObj.elNode = event.target;
		}
		
		if (DragObj.elNode.nodeType == 3)
		{
			DragObj.elNode = DragObj.elNode.parentNode;
		}
	}
	
	if (browser.IsIE)
	{
		X = window.event.clientX + document.documentElement.scrollLeft + document.body.scrollLeft;
		Y = window.event.clientY + document.documentElement.scrollTop + document.body.scrollTop;
	}
	if (browser.IsNS)
	{
		X = event.clientX + window.scrollX;
		Y = event.clientY + window.scrollY;
	}
	
	DragObj.cursorStartX = X;
	DragObj.cursorStartY = Y;
	DragObj.elStartLeft = parseInt(DragObj.elNode.style.left, 10);
	DragObj.elStartTop = parseInt(DragObj.elNode.style.top, 10);
	
	DragObj.elNode.style.zIndex = ++DragObj.zIndex;
	
	if (browser.IsIE)
	{
		document.attachEvent("onmousemove", Draging);
		document.attachEvent("onmouseup", StopDrag);
		window.event.cancelBoubble = true;
		window.event.returnValue = false;
	}
	if (browser.IsNS)
	{
		document.addEventListener("mousemove", Draging, true);
		document.addEventListener("mouseup", StopDrag, true);
		event.preventDefault();
	}

	document.getElementById("l" + parseInt(DragObj.elNode.id.replace("img", ""))).className = "DressingroomItemSelected";
}

// Do actual draging
function Draging(event)
{
	var X, Y;
	
	if (browser.IsIE)
	{
		X = window.event.clientX + document.documentElement.scrollLeft + document.body.scrollLeft;
		Y = window.event.clientY + document.documentElement.scrollTop + document.body.scrollTop;
	}
	if (browser.IsNS)
	{
		X = event.clientX + window.scrollX;
		Y = event.clientY + window.scrollY;
	}
	
	DragObj.elNode.style.left = (DragObj.elStartLeft + X - DragObj.cursorStartX) + "px";
	DragObj.elNode.style.top = (DragObj.elStartTop + Y - DragObj.cursorStartY) + "px";
	
	if (browser.IsIE)
	{
		window.event.cancelBoubble = true;
		window.event.returnValue = false;
	}
	if (browser.IsNS)
	{
		event.preventDefault();
	}
}

// Stop draging 
function StopDrag(event)
{
	var X, Y;

	if (browser.IsIE)
	{
		X = window.event.clientX + document.documentElement.scrollLeft + document.body.scrollLeft;
		Y = window.event.clientY + document.documentElement.scrollTop + document.body.scrollTop;
	}
	if (browser.IsNS)
	{
		X = event.clientX + window.scrollX;
		Y = event.clientY + window.scrollY;
	}

	if (browser.IsIE)
	{
		document.detachEvent("onmousemove", Draging, true);
		document.detachEvent("onmousemup", StopDrag, true);
	}
	if (browser.IsNS)
	{
		document.removeEventListener("mousemove", Draging, true);
		document.removeEventListener("mouseup", StopDrag, true);
	}

	if (X > 655 && X < 820 && Y < 510 && Y > 90)
	{		
		CreateRequest()
		var url = "RemoveItem.aspx";
		request.open("POST", url, true);
		request.onreadystatechange = StateChange;
		request.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
		request.send("gid=" + parseInt(DragObj.elNode.id.replace("img", "")));
		HideImage(DragObj.elNode.id.replace("img", ""));
	}

	document.getElementById("l" + parseInt(DragObj.elNode.id.replace("img", ""))).className = "DressingroomItem";
}

function ShowHelp()
{
	document.getElementById("Help").className = "HelpShow";
}

function HideHelp()
{
	document.getElementById("Help").className = "HelpHide";
}