var video = "video_overlay_image";
var portal = "portal_overlay_image";
var layers = [portal];
var keepGlowing = true;
var glowRepeat = 5;
var glowInSpeed = 1000;
var glowOutSpeed = 500;
var slider = "slider_overlay_base";

var mouseOnButton = false;
var mouseOnSlider = false;

var mouseOnVideoButton = false;
var mouseOnVideoSlider = false;

var mouseOnPortalButton = false;
var mouseOnPortalSlider = false;

function glow() {
	if (!keepGlowing || glowRepeat <= 0)
		return;

	glowIn(function() {glowOut()});
	glowRepeat--;
	
	setTimeout(function() {glow()}, glowInSpeed + glowOutSpeed);
}

function glowIn(callback) {
	for (i = 0; i < layers.length; i++)	 
		$("#" + layers[i]).fadeIn(glowInSpeed, callback);
}

function glowOut() {
	for (i = 0; i < layers.length; i++)	 
		$("#" + layers[i]).fadeOut(glowOutSpeed);
}

function onButton(on) {
	mouseOnButton = on;
}

function onSlider(on) {
	mouseOnSlider = on;
}

function setSlider(direction, delay) {
	var speed = 250;

	if (delay == undefined) {
		if (direction == "up") {
			if (!mouseOnButton && !mouseOnSlider) {
				$("#" + slider).stop(true, true);
				setTimeout(function() {$("#" + slider).slideUp(speed)}, 100);
			}
		}
		else {
			$("#" + slider).stop(true, true);
			setTimeout(function() {$("#" + slider).slideDown(speed)}, 100);
		}
	}
	else
		setTimeout(function() {setSlider(direction)}, delay);
}

function onVideoButton(on) {
	mouseOnVideoButton = on;
}

function onVideoSlider(on) {
	mouseOnVideoSlider = on;
	onVideoButton(false);
}

function setVideoSlider(direction, delay) {
	var speed = 200;

	if (delay == undefined) {
		if (direction == "up") {
			
			if (!mouseOnVideoButton && !mouseOnVideoSlider && !mouseOnSlider) 
				$("#" + video).fadeOut(speed);
		}
		else
			$("#" + video).fadeIn(speed);
	}
	else
		setTimeout(function() {setVideoSlider(direction)}, delay);
}

function onPortalButton(on) {
	mouseOnPortalButton = on;
}

function onPortalSlider(on) {
	mouseOnPortalSlider = on;
	onPortalButton(false);
}

function setPortalSlider(direction) {
	var speed = 200;

	if (direction == "up") {
		if (!mouseOnPortalButton && !mouseOnPortalSlider) {
			$("#" + portal).stop(true, true);
			$("#" + portal).fadeOut(speed);
		}
	}
	else {
		$("#" + portal).stop(true, true);
		$("#" + portal).fadeIn(speed);
	}
}