var Desktop = new Class({
	
	initialize: function() {
		if ($('subnav')) {
			this.initSubnav();
		}
	
		if ($$('ul.translations')) {
			this.initTranslations();
		}
	},
	
	initSubnav: function() {
		var subnav = $('subnav');
		var items = subnav.getElements('li');
		items.each(function(item) {
			item.addEvent('click', function(e) {
				e.stopPropagation();
				var ul = item.getElement('ul');
				if (ul) {
					if (item.hasClass('expander')) item.addClass('expanded').removeClass('expander');
					else item.addClass('expander').removeClass('expanded');
				}
			});
		});
		var links = subnav.getElements('a');
		links.each(function(link) {
			link.addEvent('click', function(e) { e.stopPropagation(); });
		});
	},
	
	initTranslations: function() {
		var translations = $$('div.translation');
		var translationTabs = $(document.body).getElement('ul.translations').getElements('li');
		translationTabs.each(function(tab) {
			tab.addEvent('click', function() {
				translationTabs.removeClass('active');
				tab.addClass('active');
				
				translations.setStyle('display','none');
				$(document.body).getElement('div.translation[rel="translation_'+tab.get('rel')+'"]').setStyle('display','block');
				Cookie.write('translation',tab.get('rel'));
			});
		});
		
		$(document.body).getElement('ul.translations').getElement('li[rel="'+Cookie.read('translation')+'"]').fireEvent('click');
	}
	
});

var desktop;
window.addEvent('domready', function() {
	desktop = new Desktop();
});