var startSlideshow = function() {

	var createChildDiv = function(element, z) {
		var div = document.createElement("div");
		div.style.position = "absolute";
		div.style.top = "0";
		div.style.left = "0";
		div.style.width = element.clientWidth + "px";
		div.style.height = element.clientHeight + "px";
		div.style.zIndex = element.style.zIndex + z;
		return div;
	}

	var setOpacity = function(element, value) {
		if (typeof (element.style.opacity) === "string") {
			element.style.opacity = "" + value;
		} else if (typeof (element.style.filter) === "string") {
			element.style.filter = "alpha(opacity=" + (100 * value) + ")";
		}
	}

	var startSlideshowInternal = function(element, imagePaths) {
		var imagePaths = imagePaths;
		var imageCount = imagePaths.length;
		if (imageCount > 0) {
			var index = 0;
			var currentImageElement = createChildDiv(element, 1);
			currentImageElement.style.backgroundImage = "url('" + imagePaths[index] + "')";
			setOpacity(currentImageElement, 1.0);
			index = (index + 1) % imageCount;
			var nextImageElement = createChildDiv(element, 2);
			nextImageElement.style.backgroundImage = "url('" + imagePaths[index] + "')";
			setOpacity(nextImageElement, 0.0);
			opa = 0.0;
			var initTransition = function() {
				currentImageElement.style.zIndex = 1;
				nextImageElement.style.zIndex = 2;
				setTimeout(runTransition, 50);
			};
			var runTransition = function() {
				opa = opa + 0.05;
				if (opa > 1.0) {
					opa = 1.0;
				}
				setOpacity(nextImageElement, opa);
				if (opa == 1.0) {
					var temp = currentImageElement;
					currentImageElement = nextImageElement;
					nextImageElement = temp;
					index = (index + 1) % imageCount;
					nextImageElement.style.backgroundImage = "url('" + imagePaths[index] + "')";
					setOpacity(nextImageElement, 0.0);
					opa = 0.0;
					setTimeout(initTransition, 3000);
				} else {
					setTimeout(runTransition, 50);
				}
			};
			element.appendChild(currentImageElement);
			element.appendChild(nextImageElement);
			setTimeout(initTransition, 3000);
		}
	}

	var element = document.getElementById("screenshot");
	if (element) {
		var images = [];
		images.push("images/screenshots/image-00.png");
		images.push("images/screenshots/image-01.png");
		images.push("images/screenshots/image-02.png");
		images.push("images/screenshots/image-03.png");
		images.push("images/screenshots/image-04.png");
		images.push("images/screenshots/image-05.png");
		images.push("images/screenshots/image-06.png");
		images.push("images/screenshots/image-07.png");
		images.push("images/screenshots/image-08.png");
		startSlideshowInternal(element, images);
	}

}

var main = function() {

	$("a#trailer").overlay({
		target : "#overlay",
		mask : {
			color : '#000',
			load : false,
			speed : 1000,
			opacity : 0.9
		},
		closeOnClick : false,
		onLoad : function() {
			$("#video").html("<iframe width=\"720\" height=\"480\" src=\"http://www.youtube.com/embed/b0yZqgsvUuM?autoplay=1&hq=1&rel=0&autohide=1&showinfo=0\" frameborder=\"0\"></iframe>");
		},
		onBeforeClose : function() {
			$("#video").html("");
		}
	});

	startSlideshow();

}