var SPEED=3;
var yLoc=0;
var move;
var menu;
var info;


function loadElements(){
	menu = document.getElementById("float menu");
	info = document.getElementById("info panel");
	moveMenu();
}

function moveMenu(){
	var scrollOffset;
	var ieOffset=0;
	if (navigator.appName.indexOf("Microsoft") !=-1){
		scrollOffset = document.documentElement.scrollTop+20;

	} else {
		scrollOffset = window.pageYOffset+20;
	}
	if (yLoc != scrollOffset  && (yLoc != info.offsetTop || yLoc+menu.offsetHeight != info.offsetTop+info.offsetHeight)){
		if (yLoc > scrollOffset){
			if (yLoc-SPEED < scrollOffset){
				yLoc = scrollOffset;
			} else {
				yLoc -= SPEED;
			}
		} else if (yLoc < scrollOffset){
			if (yLoc+SPEED > scrollOffset){
				yLoc = scrollOffset;
			} else { 
				yLoc +=SPEED;
			}
		}
		if (yLoc+menu.offsetHeight > info.offsetTop+info.offsetHeight){
			yLoc = info.offsetTop+info.offsetHeight-menu.offsetHeight;
		} else if (yLoc < info.offsetTop+ieOffset){
			yLoc = info.offsetTop+ieOffset;
		}
		if (navigator.appName.indexOf("Microsoft") !=-1){
			menu.style.top = yLoc+"px";
		} else {
			menu.style.top = yLoc+"px";
		}
	}
	clearInterval(move);
	move=setInterval("moveMenu()", 10);
}

function showSubMenu(item){
	subMenu = document.getElementById(item+" subMenu");
	space = document.getElementById(item+" subMenu space");
	if (subMenu.className.indexOf("hide") != -1){
		subMenu.className = subMenu.className.replace("hide", "");
	}
		if (space.className.indexOf("hide") != -1){
		space.className = space.className.replace("hide", "");
	}
	if (navigator.appName.indexOf("Microsoft") !=-1){
		space.style.height=(subMenu.offsetHeight-6)+'px';
		if (space.offsetTop+space.offsetHeight > menu.offsetHeight){
			over=(space.offsetTop+space.offsetHeight - menu.offsetHeight)+1;
			space.style.height = space.offsetHeight-over+'px';
		}
	} else {
			space.style.height=(subMenu.offsetHeight-7)+'px';
		if (space.offsetTop+space.offsetHeight > menu.offsetHeight){
			over=(space.offsetTop+space.offsetHeight - menu.offsetHeight)+2;
			space.style.height = space.offsetHeight-over+'px';
		}
	}
}

function hideSubMenu(item){
	subMenu = document.getElementById(item+" subMenu");
	space = document.getElementById(item+" subMenu space");
	if (subMenu.className.indexOf("hide") == -1){
		subMenu.className += " hide";
	}
		if (space.className.indexOf("hide") == -1){
		space.className += " hide";
	}
}

function show_help_video()
{
	window.open("fireworkVideo.html","update_window","toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=no, copyhistory=no, width=660, height=550");
}

function show_Walkthough()
{
	window.open("walkthrough/show.html","show_walkthrough","toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=yes, copyhistor=no, width=600, height=520");
}

function show(name)
{
	name = "info "+name;
	var getDiv = document.getElementById("info panel").getElementsByTagName("DIV");
	for (var i=0; i<getDiv.length; i++) {
		if (getDiv[i].id.indexOf("info") != -1){
			if (getDiv[i].id == name && getDiv[i].className.indexOf('hide')!=-1) {
				getDiv[i].className=getDiv[i].className.replace("hide", "");
			}
			else if (getDiv[i].id != name && getDiv[i].className.indexOf('hide')== -1){
				getDiv[i].className+=" hide";
			}
		}
	}
}