var links;
var template_links = new Array();
var template_links_titles = new Array();
var color_links = new Array();
var color_links_titles = new Array();

var advanced_or_basic = "advanced";

Event.observe(window, 'load', 
	function () {
		new Form.EventObserver("css_menu", switch_styles);
		links = document.getElementsByTagName("link");
		
		$A(links).each(
			function(link) {
				if(link.title == "advanced" || link.title == "advanced-cranberry") {
					link.disabled = false;
				}
				else {
					link.disabled = true;
				}
				
				if(link.title.indexOf('-') != -1) {
					color_links.push(link);
					color_links_titles.push(link.title);
				}
				else {
					template_links.push(link);
					template_links_titles.push(link.title);
				}
			}
		);
	}
);

function switch_styles() {
	$A(Form.getInputs("css_menu")).each(
		function(input) {
			if(input.checked) {
				set_style(input.value);
			}
		}
	);
}

function set_style(style) {
	if(style == "advanced") {
		advanced_or_basic = "advanced";
	}
	else if(style == "basic" || style == "columns" ||
			style == "headline" || style == "tertiary") {
		advanced_or_basic = "basic";
	}
	
	if(template_links_titles.indexOf(style) != -1) {
		$A(template_links).each(
			function(link) {
				if(style == link.title) {
					link.disabled = false;
				}
				else {
					link.disabled = true;
				}
			}
		);
	}
	else if(color_links_titles.indexOf(advanced_or_basic + "-" + style) != -1) {
		$A(color_links).each(
			function(link) {
				if( (advanced_or_basic + "-" + style) == link.title) {
					link.disabled = false;
				}
				else {
					link.disabled = true;
				}
			}
		);
	}
}