function addF2Filter() {
	$(document.body).getElements('div[rel^=f2filter]').each(function(element) {

		var contentElement = element.getElement('div[class^=tblfiltercontent]');
		var linkElement = element.getElement('div[class^=filteroption]');
		var visible = false;

		var sw = new StickyWin( {
			content : contentElement.innerHTML,
			zIndex : 4000,
			relativeTo : linkElement,
			position : 'bottomRight',
			edge : 'upperRight',
			offset : {
				x : 8,
				y : 0
			},
			showNow : false,
			useIframeShim : false,
			onClose : function(el) {
				//hide datepickers if defined
				if (typeof datePickers == "object") {
					datePickers.each(function(el) {
						el.hide();
					});
				}
			}
		});

		linkElement.addEvent('click', function() {
			if (visible) {
				sw.hide();
				visible = false;
				linkElement.setStyle('background-color', 'transparent');
			} else {
				//init datepickers again on filter open
				if (window.addDatePickerEvents) addDatePickerEvents();
				sw.show();
				visible = true;
				linkElement.setStyle('background-color', '#ddd');
			}
		});
	});
};

function addClickTips() {
	var clickTips = new ClickTips($$('.ClickTips'));
	clickTips.options.offsets = {
		x : 10,
		y : -10
	};
};

function addHoverTips() {
	var hoverTips = new Tips($$('.HoverTips'));
	hoverTips.options.offsets = {
		x : 10,
		y : -10
	};
};

window.addEvent("domready", function() {
	addHoverTips();
	addF2Filter();
});