// Switch language
function lang(langcode) {
	document.cookie = "language=" + langcode + "; path=/";
	window.location.reload(true);
}

// Fade effect on city photos
var IE = window.attachEvent;
var DOM = window.addEventListener;

var cityphoto;
var timer;

var minOpacity = .35;
var maxOpacity = 1.0;
var cycle = 10;
var timeUp = 80;
var timeDown = 500;
var delayUp = 0;
var delayDown = 250;

var stepUp = (maxOpacity - minOpacity) / (timeUp / cycle);
var stepDown = (maxOpacity - minOpacity) / (timeDown / cycle);

function fadeSetup(e) {
	cityphoto = document.getElementById("cityphoto");
	setOpacity(cityphoto, minOpacity);

	if (DOM) {
		cityphoto.addEventListener("mouseover", fadeIn, false);
		cityphoto.addEventListener("mouseout", fadeOut, false);
		cityphoto.parentNode.addEventListener("focus", fadeIn, false);
		cityphoto.parentNode.addEventListener("blur", fadeOut, false);
	}
	else if (IE) {
		cityphoto.attachEvent("onmouseover", fadeIn);
		cityphoto.attachEvent("onmouseout", fadeOut);
		cityphoto.parentNode.attachEvent("onfocus", fadeIn);
		cityphoto.parentNode.attachEvent("onblur", fadeOut);
	}
}

function fadeIn(e) {
	if (timer != null) window.clearTimeout(timer);
	var startOpacity = parseFloat(getOpacity(cityphoto));
	timer = window.setTimeout("stepOpacity(" + (startOpacity + stepUp) + ", "+ stepUp + ", 'up')", delayUp);
}

function fadeOut(e) {
	if (timer != null) window.clearTimeout(timer);
	var startOpacity = parseFloat(getOpacity(cityphoto));
	timer = window.setTimeout("stepOpacity(" + (startOpacity - stepDown) + ", " + (0 - stepDown) + ", 'down')", delayDown);
}

function stepOpacity(opacity, step, dir) {
	if ((dir == "up" && opacity < maxOpacity) || (dir == "down" && opacity > minOpacity)) {
		setOpacity(cityphoto, opacity);
		timer = window.setTimeout("stepOpacity(" + (opacity + step) + ", " + step + ", '" + dir + "')", cycle);
	}
	else {
		if (dir == "up") setOpacity(cityphoto, maxOpacity);
		else setOpacity(cityphoto, minOpacity);
		timer = null;
	}
}

function setOpacity(img, opacity) {
	if (DOM) img.style.opacity = opacity;
	else if (IE) img.filters.alpha.opacity = Math.round(100 * opacity);
}

function getOpacity(img) {
	if (DOM) return img.style.opacity;
	else if (IE) return img.filters.alpha.opacity / 100;
}

if (DOM) window.addEventListener("load", fadeSetup, false);
if (IE) window.attachEvent("onload", fadeSetup);
if (IE) window.attachEvent("onload", ieHack);

// Get IE to redraw because it fucks up navigation display
function ieHack() {
	var img = document.getElementById("cityphoto");
	var img_src = img.src;
	img.src = "http://ottawafrontrunners.org/logo";
	img.src = img_src;
	/*
	img.style.position = "relative";
	img.style.top = "1px";
	*/
}