document.onmouseover = document.onmouseout  = _OutOver;

var basketTimeout;

function showBasket()
{
	clearTimeout(basketTimeout);

	var _basketDIV = document.getElementById("basketDIV");
	var _basketTD = document.getElementById("basketTD");

	if (!_basketDIV || !_basketTD) return;

	_basketDIV.style.visibility = "visible";

	_basketDIV.style.width = _basketTD.offsetWidth - (navigator.userAgent.toLowerCase().indexOf('gecko') != -1 ? 3 : 0);

	_basketDIV.style.left = getRelProp(_basketTD, "offsetLeft");
	_basketDIV.style.top  = _basketTD.offsetHeight - 3;

	return false;
}

function hideBasket()
{
	var _basketDIV = document.getElementById("basketDIV");

	if (!_basketDIV) return;

	basketTimeout = setTimeout(function()
	{
		_basketDIV.style.visibility = "hidden";
	}, 1000);

	return false;
}


function basketPopup()
{
	wOpen("step1.php", 440, 550, "yes");
	return false;
}







function _OutOver(event)
{
	event = event ? event : window.event;

	var elem = event.srcElement;

	if (elem && elem.className.match(/rollover/))
	{
		var src = elem.src;

		switch (event.type)
		{
			case "mouseover":

			if (elem.src.indexOf("over/") == -1)
			{
				elem._src = elem.src;
				elem.src = pathname(src) + "over/" + basename(src);
			}

			break;

			case "mouseout":

			if (elem._src)
			{
				elem.src = elem._src;
				elem._src = null;
			}

			break;
		}
	}

	return true;
}




//////////////////////////////////////////////////////
//                       UTILS                      //
//////////////////////////////////////////////////////
//
function pathname(path)
{
	return path.replace(/[^\/]*$/, "");
}

function basename(path)
{
	var match = path.match(/([^\/]*$)/);
	return match ? match[1] : "";
}

function getRelProp(elem, property)
{
	var pos = eval("elem." + property);

	while (elem.offsetParent != null)
	{
		elem = elem.offsetParent;
		pos += eval("elem." + property);
	}

	return pos;
}

//	preloads specified images into browser cache
function preload()
{
	var images = [
	"over/about",
	"over/brand",
	"over/contact",
	"over/cooperation",

	"category/over/blouse",
	"category/over/capri",
	"category/over/catsuit",
	"category/over/dress",
	"category/over/jeans",
	"category/over/jumper",
	"category/over/pants",
	"category/over/shorts",
	"category/over/skirt",
	"category/over/sportswear",
	"category/over/top",
	"category/over/underwear"];

	var cache = new Array;

	for (var i = 0; i < images.length; i++)
	{
		cache[i] = new Image;
		cache[i].src = "image/" + images[i] + ".gif";
	}
}

preload();