window.addEvent("domready", function () {
	$("language-bar").set("morph", {
		duration: 300,
		transition: Fx.Transitions.sineInOut
	});
	$("language-flags").addEvent("mouseenter", function () {
		$("language-bar").morph({
			"margin-top": -84
		})
	});
	$("language-flags").addEvent("mouseleave", function () {
		$("language-bar").morph({
			"margin-top": -107
		})
	});
	$("lang-tr").addEvent("mouseenter", function () {
		$("language-text").set("text", "Sitemizi Türkçe dilinde görmek için lütfen tıklayın")
	});
	$("lang-en").addEvent("mouseenter", function () {
		$("language-text").set("text", "Please click here to view our site in English")
	});
	$("lang-de").addEvent("mouseenter", function () {
		$("language-text").set("text", "Bitte klicken Sie hier, um unsere Website in Deutsch")
	});
	$("lang-fr").addEvent("mouseenter", function () {
		$("language-text").set("text", "S'il vous plaît cliquez ici pour consulter notre site en français")
	});
	$("nav-item-bg").setStyles({
		width: $("nav-menu").getElement("li[class*=current]").getSize().x.toInt() - 16,
		left: $("nav-menu").getElement("li[class*=current]").getPosition("nav-bg").x
	});
	$("nav-item-bg").set("morph", {
		duration: 300,
		transition: Fx.Transitions.sineInOut
	});
	$('nav-home').getElement('span').setStyle('background-position', '0px 0px').store('xPos', '0');
	$('nav-aboutus').getElement('span').setStyle('background-position', '-68px 0px').store('xPos', '-68px');
	$('nav-nonsurgical').getElement('span').setStyle('background-position', '-144px 0px').store('xPos', '-144px');
	$('nav-surgeries').getElement('span').setStyle('background-position', '-280px 0px').store('xPos', '-280px');
	$('nav-botox').getElement('span').setStyle('background-position', '-365px 0px').store('xPos', '-365px');
	$('nav-photosurgery').getElement('span').setStyle('background-position', '-412px 0px').store('xPos', '-412px');
	$('nav-contact').getElement('span').setStyle('background-position', '-492px 0px').store('xPos', '-492px');
	$("nav-menu").getElements("li").each(function (a) {
		a.getElement("span").set("morph", {
			duration: 200,
			transition: Fx.Transitions.sineInOut
		});
		a.addEvent("mouseenter", function () {
			$("nav-item-bg").morph({
				width: a.getSize().x - 16,
				left: a.getPosition("nav-bg").x
			});
			a.getElement("span").morph({
				"background-position": a.getElement("span").retrieve("xPos") + " -16px"
			})
		});
		a.addEvent("mouseleave", function () {
			a.getElement("span").morph({
				"background-position": a.getElement("span").retrieve("xPos") + " 0"
			})
		});
		$("nav-menu").addEvent("mouseleave", function () {
			$("nav-item-bg").morph({
				width: $("nav-menu").getElement("li[class*=current] span").getStyle("width").toInt() + 26,
				left: $("nav-menu").getElement("li[class*=current]").getPosition("nav-bg").x
			})
		})
	})
});