// fix for IE hover issue on CSS rollovers
	try { document.execCommand("BackgroundImageCache", false, true); } catch(err) {}
	
	document.observe("dom:loaded", function() {
		$('nav').childElements().each(function(x) {
			x.onmouseover = function() { $(this).addClassName('selected'); }
			x.onmouseout = function() { $(this).removeClassName('selected'); }
		});
		$$('#nav li ul li').each(function(x) {
			if (x.down('ul')) {
				x.onmouseover = function() { $(this).addClassName('selected_sub'); }
				x.onmouseout = function() { $(this).removeClassName('selected_sub'); }
			}
		});
		if ($$('.text_field').length > 0) {
			$$('.text_field').each(function(x) {
				x.onfocus = function() { this.className = 'text_field_selected'; };
				x.onblur = function() { this.className = 'text_field'; };
			});
			$$('.text_field')[0].activate();
		}
		
		/* custom dropdown elements
		$$('.dropdown ul li a').each(function(a) {
			a.observe('click', function() {
				$(this).up('ul').previous('span').update(this.innerHTML);
				$(this).up('ul').previous('input[type=hidden]').value = $(this.parentNode).readAttribute('val');
				$(this).up('ul').toggleClassName('selected');
			});
		});*/
	});
	
	function less_more(element) {
		element = $(element);
		span = $(element.parentNode).previous('span').toggle();
		if (!span.visible()) element.update(element.innerHTML.replace('Less', 'More').substring(3, element.innerHTML.length) + ' ››');
		else element.update('‹‹ ' + element.innerHTML.replace('More', 'Less').substring(0, element.innerHTML.length - 3));
	}
	
	Event.observe(document, 'click', function(event) {
		var element = Event.element(event);
		if (element.up('.dropdown') && element.tagName == "A") {
			element.up('ul').previous('span').update(element.innerHTML);
			if (element.up('ul').previous('input[type=hidden]')) element.up('ul').previous('input[type=hidden]').value = element.up('li').readAttribute('val');
			element.up('ul').toggleClassName('selected');
		}
	});