Event.observe(window, 'load', function() {
		$$('#wrapper dl dd ul li a.light', '#wrapper dl dd ul li a.medium', '#wrapper dl dd ul li a.dark').each(function (elm) {

			elm.observe('click', function (event) {
				event.stop();

				$$('#middle #inner #inner-text ul li').invoke('removeClassName', 'selected');
				$(elm.rel.replace(' ', '')).addClassName('selected');				
				
				$$('#wrapper dl dd ul li a.selected').each(function (elm) {
					elm.removeClassName('selected');
					var template = new Template('<img src="' + PATH_.images + 'label-#{code}-style-#{style}.png" class="code" alt="#{code}" />');
					elm.down().update(template.evaluate({code: elm.down('img').alt.strip(), style: $A(elm.classNames()).first()}));
					});

				elm.addClassName('selected');
			
				var template = new Template('<img src="' + PATH_.images + 'label-#{code}-style-#{style}.png" class="code" alt="#{code}" />');
				elm.down().update(template.evaluate({code: elm.down('img').alt.strip(), style: 'dark'}));

				}).observe('mouseover', function (event) {
					$('contact-hint').hide();
					var id = elm.rel.replace(' ', '') + '-hint';
					$(id).show();
					}).observe('mouseout', function (event) {
						var id = elm.rel.replace(' ', '') + '-hint';
						$(id).hide();
						$('contact-hint').show();
						});

			});

		$$('#wrapper dl dd ul li a.empty').each(function (elm) {
			elm.down().update('<img src="' + PATH_.images + 'label-' + elm.down().innerHTML.strip() + '.png" class="code" style="display: none;" />');
			elm.observe('mouseover', function (event) {
				$('contact-hint').hide();
				$('back-hint').show();
				elm.down('img').show();
				}).observe('mouseout', function (event) {
					elm.down('img').hide();
					$('back-hint').hide();
					$('contact-hint').show();
					}).observe('click', function (event) {
						event.stop();
						history.go(-1);
						});
			});

		$$('#footer ul li a').each(function (elm) {
			elm.observe('mouseover', function (event) {
				$('contact-hint').hide();
				$(elm.classNames().toArray().first() + '-hint').show();
				}).observe('mouseout', function (event) {
					$(elm.classNames().toArray().first() + '-hint').hide();
					$('contact-hint').show();					
					});
			});

	});