get = function (id)

{

	return document.getElementById(id) || null;

}



blockEvent = function (event)

{

	event = event ? event : window.event;

	if(event.stopPropagation) event.stopPropagation();

	else event.cancelBubble = true;

	if(event.preventDefault) event.preventDefault();

	else event.returnValue = false;

}



CataloguePopupInit = function ()

{

	var getOffsetTop = function (elem, limit)

	{

		var offsetTop = elem.offsetHeight;

		while (elem.className !== limit)

		{

			offsetTop += elem.offsetTop;

			elem = elem.offsetParent;

		}

		return offsetTop;

	}

	

	var list = get('brands-list');

	var opener = get('brands-opener');

	var closer = get('brands-closer');

	

	if (list && opener && closer)

	{

		opener.onclick = function (e)

		{

			blockEvent(e);

			get('groups-list').style.display = 'none';

			var list = get('brands-list');

			var elem = get('brands-opener');

			

			if (list.style.display == '')

			{

				list.style.display = 'none';

			}

			else

			{

				list.style.top = getOffsetTop(elem, 'screen') + 'px';

				list.style.display = '';

			}

		}

		

		closer.onclick = function (e)

		{

			blockEvent(e);

			get('brands-list').style.display = 'none';

		}

	}

	

	var list = get('groups-list');

	var opener = get('groups-opener');

	var closer = get('groups-closer');

	

	if (list && opener && closer)

	{

		opener.onclick = function (e)

		{

			blockEvent(e);

			get('brands-list').style.display = 'none';

			var list = get('groups-list');

			var elem = get('groups-opener');

			

			if (list.style.display == '')

			{

				list.style.display = 'none';

			}

			else

			{

				list.style.top = getOffsetTop(elem, 'screen') + 'px';

				list.style.display = '';

			}

		}

		

		closer.onclick = function (e)

		{

			blockEvent(e);

			get('groups-list').style.display = 'none';

		}

	}

	

	document.body.onclick = function ()

	{

		if (get('groups-list')) get('groups-list').style.display = 'none';

		if (get('brands-list')) get('brands-list').style.display = 'none';

	}

	

	window.onresize = function ()

	{

		

		if (get('groups-list')) get('groups-list').style.top = getOffsetTop(get('groups-opener'), 'screen') + 'px';

		if (get('brands-list')) get('brands-list').style.top = getOffsetTop(get('brands-opener'), 'screen') + 'px';

	}

}



if (window.onload)

{

	var x = window.onload;

	window.onload = function ()

	{

		x();

		CataloguePopupInit();

	}

}

else 

{

	window.onload = CataloguePopupInit;

}