var mouseID;
var baseX,baseY;
var baseCX,baseCY;
var bDragOn = false;
var bCancelFade = false;

function DivElement()
{
	event.cancelBubble = true;
	if (event.stopPropagation) event.stopPropagation();
}

function MouseDownEvent(event,id)
{
	mouseID = document.getElementById(id);
	baseX = event.clientX;
	baseY = event.clientY;

	if (document.addEventListener) {
		document.addEventListener("mousemove",DragHandler,true);
		document.addEventListener("mouseup",DragUpEvent,true);
		baseCX = mouseID.offsetLeft;
		baseCY = mouseID.offsetTop;
	}
	else {
		mouseID.setCapture();
		baseCX = mouseID.offsetLeft;
		baseCY = mouseID.offsetTop; 
	}
	bDragOn = true;
}

function DragHandler(event)
{
	if (bDragOn){
		var dX,dY;

		dX = event.clientX - baseX;
		dY = baseY - event.clientY;
		Move(mouseID,baseCX + dX,baseCY - dY);
	}
}

function DragUpEvent(event)
{
	bDragOn = false;
	if (document.releaseEventListener){
		document.releaseEventListener("mousemove",DragHandler,true);
		document.releaseEventListener("mouseup", DragUpHandler, true);
	}
}

function MouseMoveEvent()
{
	if (bDragOn){
		var dX,dY;

		dX = window.parseInt(event.clientX) - baseX;
		dY = baseY - window.parseInt(event.clientY);
		Move(mouseID,baseCX + dX,baseCY - dY);
	}
}

function MouseUpEvent()
{
	bDragOn = false;
	if (mouseID != null) mouseID.releaseCapture();
}

function Move(divID, x, y) {
	divID.style.left = x + "px";
	divID.style.top = y + "px";
	if (document.documentElement && document.documentElement.scrollTop) divID.SBBaseTop = parseInt(divID.style.top) - document.documentElement.scrollTop;
	else divID.SBBaseTop = parseInt(divID.style.offsetTop) - document.body.scrollTop
} 

function Resize(divID, x, y, w, h)
{
	divID.style.left = x;
	divID.style.top = y;
	divID.style.width = w;
	divID.style.height = h;
}

function Show(id)
{
	if ((id != "DivCategory1") && (id != "DivCategory2") && (id != "DivCategory3")) FastHide("DivCategory1");
	if (id != "DivSearchResults") FastHide("DivSearchResults");
	if ((id != "DivPriceBox") && (id != "DivMsg")) FastHide("DivPriceBox");
	if (id != "DivViewCart") FastHide("DivViewCart");
	if (id != "DivCommercialAccount") FastHide("DivCommercialAccount");
	if (id != "DivWhoAreYou") FastHide("DivWhoAreYou");
	if (id != "DivCommercialPopup") FastHide("DivCommercialPopup");
	if (id != "DivMsg") FastHide("DivMsg");
	
	FadeOn(document.getElementById(id),10);
}

function FastShow(id)
{
	divID = document.getElementById(id);
	divID.style.filter = "alpha(Opacity="+100+")";
	divID.style.KHTMLOpacity = 100.0 / 100.0;    // Konqueror
	divID.style.opacity   = 100.0 / 100.0;    // Mozilla (new)
	divID.style.visibility = "visible";
}

function FastHide(id)
{
	switch(id){
		case 'DivCategory1': document.getElementById('DivCategory1').style.visibility = "hidden";
							 document.getElementById('DivCategory2').style.visibility = "hidden";
							 document.getElementById('DivCategory3').style.visibility = "hidden";
//							 if (timerID != undefined){
//								if (timerID['DivCategory1'] != undefined) clearTimeout(timerID['DivCategory1']);
//								if (timerID['DivCategory2'] != undefined) clearTimeout(timerID['DivCategory2']);
//								if (timerID['DivCategory3'] != undefined) clearTimeout(timerID['DivCategory3']);
//							}
							 break;
		case 'DivCategory2': document.getElementById('DivCategory2').style.visibility = "hidden";
							 document.getElementById('DivCategory3').style.visibility = "hidden";
//							 if (timerID != undefined){
//								if (timerID['DivCategory2'] != undefined) clearTimeout(timerID['DivCategory2']);
//								if (timerID['DivCategory3'] != undefined) clearTimeout(timerID['DivCategory3']);
//							}
							 break;
		case 'DivCategory3': document.getElementById('DivCategory3').style.visibility = "hidden";
//							 if ((timerID != undefined) && (timerID['DivCategory3'] != undefined)) clearTimeout(timerID['DivCategory3']);
							 //if (mouseIn != 'DivCategory2') document.getElementById('DivCategory2').style.visibility = "hidden";
							 break;
		default:			 document.getElementById(id).style.visibility = "hidden";
	}
//	divID = document.getElementById(id);
//	divID.style.filter = "alpha(Opacity="+0+")";
//	divID.style.KHTMLOpacity = 0 / 100.0;    // Konqueror
//	divID.style.opacity   = 0 / 100.0;    // Mozilla (new)
//	divID.style.visibility = "hidden";
}

function Hide(id)
{

	FadeOff(document.getElementById(id),90);
}

function ForceHide(id)
{
	if (bCancelFade == id) bCancelFade = false;
	Hide(id);
}

function OpenCommercialAccount()
{
	Show('OpenCommercialAccount');
}

function FadeOff(divID,i)
{
	//if ((i == 90) && (divID.style.visibility == "hidden")) return;
	if (divID.style.visibility == "hidden") return;
	if (bCancelFade == divID) {
		bCancelFade = false;
		return;
	}

	divID.style.filter = "alpha(Opacity="+i+")";
	divID.style.KHTMLOpacity = i / 100.0;    // Konqueror
	divID.style.opacity   = i / 100.0;    // Mozilla (new)
	if (i > 9){
		i -= 10;
		setTimeout(function() { FadeOff(divID,i); },10);
	}
	else divID.style.visibility = "hidden";
}

function FadeOn(divID,i)
{
	//if ((i == 10) && (divID.style.visibility == "visible")) return;
	divID.style.filter = "alpha(Opacity="+i+")";
	divID.style.KHTMLOpacity = i / 100.0;    // Konqueror
	divID.style.opacity   = i / 100.0;    // Mozilla (new)

	if (i < 91){
		divID.style.visibility = "visible";
		i += 10;
		setTimeout(function() { FadeOn(divID,i); },10);
	}
}

function ShowPopup(event,id)
{
	popupID = document.getElementById(id);
	popupID.style.left = ""+(event.clientX-220)+"px";
	popupID.style.top = "" + (event.clientY - 15 + Math.max(document.body.scrollTop, document.documentElement.scrollTop)) + "px";

	popupID.style.visibility = "visible";
	popupID.style.filter = "alpha(Opacity=10)";
	popupID.style.opacity = 0.1;
	popupID.style.KHTMLOpacity = 0.1;
	Show(id);
}