﻿
function onFilterLinkMouseOver(idFilterLinkContainer, filterLinkContainerClass, idDropDownContainer, idLineHide)
{
	getElement(idFilterLinkContainer).className=filterLinkContainerClass;
	alignQuickFilterDropDown(idDropDownContainer, idFilterLinkContainer);
	positionLineHide(idLineHide, idFilterLinkContainer);
	showElement(idLineHide);
	showElement(idDropDownContainer);
}

function onFilterLinkMouseOut(idFilterLinkContainer, filterLinkContainerClass, idDropDownContainer, idLineHide)
{
	getElement(idFilterLinkContainer).className=filterLinkContainerClass;
	hideElement(idLineHide);
	hideElement(idDropDownContainer);
}

function positionLineHide(idLineHide, idFilterLinkContainer)
{
	var lineHide = getElement(idLineHide);
	if (lineHide)
	{
		var elementPosition = getElementPosition(idFilterLinkContainer);
		var elementDimensions = getElementDimensions(idFilterLinkContainer);
			
		lineHide.style.display = '';
		lineHide.style.visibility = 'visible';
		
		lineHide.style.width = (elementDimensions.width - 2) + 'px';
		lineHide.style.height = '1px';
		lineHide.style.top = (elementPosition.top + elementDimensions.height) + 'px';
		lineHide.style.left = (elementPosition.left + 1) + 'px';
		lineHide.style.zIndex = 300;		
			
		lineHide.style.display = 'none';
		lineHide.style.visibility = 'hidden';
	}
}

function alignQuickFilterDropDown(idElementToAlign, idElement)
{
	var elementToAlign = document.getElementById(idElementToAlign);
	var element = document.getElementById(idElement);
	
	elementToAlign.style.display = '';
	elementToAlign.style.visibility = 'visible';
	
	var elementPosition = getElementPosition(idElement);
	var elementDimensions = getElementDimensions(idElement);
		
	elementToAlign.style.top = (elementPosition.top + elementDimensions.height) + 'px';
	elementToAlign.style.left = elementPosition.left + 'px';
	elementToAlign.style.zIndex = 200;
	
	elementToAlign.style.display = 'none';
	elementToAlign.style.visibility = 'hidden';
}
