document.documentElement.className = "js-enabled";

window.addEvent("domready", function () {
	// Tab panels
	$$(".tab-panel .tabs li a").addEvent("click", function (e) {
		var evt = new Event(e);
		evt.stop();
		
		$$(".tab-panel .tabs li").removeClass("current");
		$$(".tab-panel .panels li").removeClass("open");
		
		this.getParent().addClass("current");
		$(this.getProperty("href").split("#")[1]).addClass("open");
	});
	
	// Touch the controls so that IE6 redraws them
	// This is becuase otherwise they are positioned at the bottom of the longest message.
	$$("#home-new .message-controls").addClass("ie6fix");
	
	$$("#home-new ul li").set("tabindex", -1);
	
	$$("#home-new .message-controls a").addEvent("click", function (e) {
		var evt = new Event(e);
		evt.stop();
		
		$$("#home-new .message-controls a").removeClass("current");
		$$("#home-new ul li").removeClass("selected");
		
		
		this.addClass("current");
		var message = $(this.getProperty("href").split("#")[1]);
		message.addClass("selected");
		message.focus();
		
		// Touch the element again for IE6
		$$("#home-new .message-controls").removeClass("ie6fix");
		$$("#home-new .message-controls").addClass("ie6fix");
		
	});
	
	$$(".opportunities>ul>li").addEvents({
		mouseover: function () {
			this.addClass("hover");
		},
		mouseout: function () {
			this.removeClass("hover");
		}
	});
	
	document.getElements("ul.questions li").each(function (li) {
		li.addClass("closed");
		
		var a = li.getElement("a");
		var span = new Element("span").appendText("(+)").injectInside(a);
		
		li.getElement("a").addEvent("click", function(e) {
			var evt = new Event(e);
			evt.stop();
			li.toggleClass("closed");

			if (li.hasClass("closed")) {
				span.innerHTML = "(+)";
			} else {
				span.innerHTML = "(-)";
			}
		});
	});
	
	var officeVacancies = document.getElement("ul.vacancies");
	if (officeVacancies) {
		var vacancies = officeVacancies.getChildren();
		
		if (vacancies.length > 1) {
			var vNav = new Element("div", {
				"class": "vacancy-nav",
				"html": "<strong>Vacancy</strong>"
			});		
			
			var vacancyNumber = 1;
			var currentVacancy = vacancies[0];
			var currentVacancyCtrl;
			
			vacancies.each(function (el) {
				el.removeClass("last");
				el.set("tabindex", -1);
				el.setStyle("outline", "none");
				var ctrl = new Element("a", {
					"href": "#",
					"text": vacancyNumber,
					"title": "Show vacancy number " + vacancyNumber
				});
				if (vacancyNumber == 1) {
					currentVacancyCtrl = ctrl.addClass("current");
				}
				ctrl.addEvent("click", function (e) {
					var evt = new Event(e);
					evt.stop();
					currentVacancy.removeClass("open");
					currentVacancy = el.addClass("open");
					currentVacancy.focus();
					
					currentVacancyCtrl.removeClass("current");
					currentVacancyCtrl = this.addClass("current");
				});
				vNav.grab(ctrl);
				vacancyNumber++;
			});
			
			vNav.inject(officeVacancies, "after");
		}
	}

});