hs.registerOverlay(
    	{
    		thumbnailId: null,
    		overlayId: 'controlbar',
    		position: 'top right',
    		hideOnMouseOut: true
		}
	);
hs.graphicsDir = '../images/graphics/';
hs.outlineType = '';
window.onload = function(){
	hs.preloadImages(5);
}

hexColor = ["0","1","2","3","4","5","6","7","8","9","a","b","c","d","e","f"];
function FadeIn1(){
	document.getElementById("text2").style.visibility="hidden";
	document.getElementById("text3").style.visibility="hidden";
	document.getElementById("text1").style.visibility="visible";
	for (i = 0; i < 15; i++){
		setTimeout('document.getElementById("text1").style.color = "#'+hexColor[14-i]+'0'+hexColor[14-i]+'0'+hexColor[14-i]+'0";', i * 30);
	}
}
function mOver1(){
	if (document.getElementById("text2").style.visibility=="visible"){
		for (i = 0; i < 15; i++){
			setTimeout('document.getElementById("text2.style.color = "#'+hexColor[i]+'0'+hexColor[i]+'0'+hexColor[i]+'0";', i * 30);
		}
		setTimeout("FadeIn1()", i * 30);
	}
	else if (document.getElementById("text3").style.visibility=="visible"){
		for (i = 0; i < 15; i++){
			setTimeout('document.getElementById("text3").style.color = "#'+hexColor[i]+'0'+hexColor[i]+'0'+hexColor[i]+'0";', i * 30);
		}
		setTimeout("FadeIn1()", i * 30);
	}
}
function FadeIn2(){
	document.getElementById("text1").style.visibility="hidden";
	document.getElementById("text3").style.visibility="hidden";
	document.getElementById("text2").style.visibility="visible";
	for (i = 0; i < 15; i++){
		setTimeout('document.getElementById("text2").style.color = "#'+hexColor[14-i]+'0'+hexColor[14-i]+'0'+hexColor[14-i]+'0";', i * 30);
	}
}
function mOver2(){
	if (document.getElementById("text1").style.visibility=="visible"){
		for (i = 0; i < 15; i++){
			setTimeout('document.getElementById("text1").style.color = "#'+hexColor[i]+'0'+hexColor[i]+'0'+hexColor[i]+'0";', i * 30);
		}
		setTimeout("FadeIn2()", i * 30);
	}
	else if (document.getElementById("text3").style.visibility=="visible"){
		for (i = 0; i < 15; i++){
			setTimeout('document.getElementById("text3").style.color = "#'+hexColor[i]+'0'+hexColor[i]+'0'+hexColor[i]+'0";', i * 30);
		}
		setTimeout("FadeIn2()", i * 30);
	}	
}
function FadeIn3(){
	document.getElementById("text1").style.visibility="hidden";
	document.getElementById("text2").style.visibility="hidden";
	document.getElementById("text3").style.visibility="visible";
	for (i = 0; i < 15; i++){
		setTimeout('document.getElementById("text3").style.color = "#'+hexColor[14-i]+'0'+hexColor[14-i]+'0'+hexColor[14-i]+'0";', i * 30);
	}
}
function mOver3(){
	if (document.getElementById("text2").style.visibility=="visible"){
		for (i = 0; i < 15; i++){setTimeout('document.all.text2.style.color = "#'+hexColor[i]+'0'+hexColor[i]+'0'+hexColor[i]+'0";', i * 30);}
		setTimeout("FadeIn3()", i * 30);
	}
	else if (document.getElementById("text1").style.visibility=="visible"){
		for (i = 0; i < 15; i++){
			setTimeout('document.getElementById("text1").style.color = "#'+hexColor[i]+'0'+hexColor[i]+'0'+hexColor[i]+'0";', i * 30);
		}
		setTimeout("FadeIn3()", i * 30);
		}	
}