var DecorFilter = {
	init: function () {
		var decorfilter = $('decorfilter');

		var butsrc = decorfilter.hasClassName('filtered') ? 'filter_decors_on.png' : 'filter_decors_off.png';
		var filterbutton = new Element('img', {src: '/assets/images/buttons/' + butsrc}).setStyle({cursor: 'pointer'});
		
		decorfilter.insert({before: filterbutton});
		decorfilter.addClassName('popupfilter');

		var fbposition = filterbutton.positionedOffset();
		decorfilter.setStyle({left: fbposition.left + 'px', top: (fbposition.top + 18) + 'px'});

		Event.observe(filterbutton, 'click', DecorFilter.toggle);
		DecorFilter.hide();	
	},
	
	toggle: function () {
		if ($('decorfilter').style.visibility != 'hidden')
			DecorFilter.hide();
		else
			DecorFilter.show();
	},

	hide: function () {
		$('decorfilter').setStyle({visibility: 'hidden'});
	},
	
	show: function () {
		$('decorfilter').setStyle({visibility: 'visible'});
	}
};

Event.observe(document, 'dom:loaded', DecorFilter.init);