﻿function showDropDown(e){
	Event.stop(e);
	$('dropdownmenu').toggle();
	return false;
}

function showMenu(e){
	Event.stop(e);
	$('compatibility').toggle();
	$('dropdownmenu').hide();
	return false;
}

function setSelected(e){
	Event.stop(e);
	var element = e.element();
	var html_new = element.innerHTML;
	var clean_html_new = html_new.replace('&amp;', '');
	$('selected_fr').innerHTML = html_new;
	$('dropdownmenu').toggle();
	turnAllOff();
	
	if($(clean_html_new)){
		$(clean_html_new).toggle();
	}
	if($(clean_html_new+'_fn')){
		$(clean_html_new+'_fn').toggle();
	}
}

function turnAllOff(){
	var brandlists = $('compat_content_fr').select('ul');
	brandlists.each(
		function(item){
			item.hide();
			if($(item.id+'_fn')){
				$(item.id+'_fn').hide();
			}
		}
	)
}

function initCompatChart(){
	var brands = $('droplist').select('a');
	brands.each(
		function(item){
			Event.observe(item, 'click', setSelected, false);
		}
	)
	Event.observe('selected_fr', 'click', showDropDown, false);
}

initCompatChart();
