window.addEvent('domready', function() {
	//hide the download sections
	var downloads = $$('.downloads');
	downloads.setStyle('display','none');
	
	var products = $$('.products');
	products.addEvent('mouseover', function() {
		this.addClass('selected');
	});
	products.addEvent('mouseout', function() {
		if(!this.hasClass('open')) {
			this.removeClass('selected');
		}
	});
	products.addEvent('click', function() {
		if(!this.hasClass('open')) {
			$$('.open').each( function (el) {
				el.removeClass('open');
				el.removeClass('selected');
				var el_dl = el.getElement('.downloads');
				if(el_dl != null) {
					el_dl.setStyle('display', 'none');
				}
			});
			
			this.addClass('selected');
			this.addClass('open');
			var el_dl = this.getElement('.downloads');
			if( el_dl != null) {
				el_dl.setStyle('display', 'block');	
			}
		}
	});
	
	$$('.open').getElement('.downloads').setStyle('display', 'block');
	
});