// JavaScript Document

var timeout	= 200;
var closetimer	= 0;
var ddmenuitem	= 0;

// open hidden layer
function mopen(id)
{	
	// cancel close timer
	mcancelclosetime();

	// close old layer
	if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';

	// get new layer and show it
	ddmenuitem = document.getElementById(id);
	ddmenuitem.style.visibility = 'visible';

}
// close showed layer
function mclose()
{
	if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
}

// go close timer
function mclosetime()
{
	closetimer = window.setTimeout(mclose, timeout);
}

// cancel close timer
function mcancelclosetime()
{
	if(closetimer)
	{
		window.clearTimeout(closetimer);
		closetimer = null;
	}
}

// close layer when click-out
document.onclick = mclose; 


<!-- mouseover

loadImage2 = new Image();
loadImage2.src = "images/rolunk2.png";
staticImage2 = new Image();
staticImage2.src = "images/rolunk.png";

loadImage3 = new Image();
loadImage3.src = "images/forum2.png";
staticImage3 = new Image();
staticImage3.src = "images/forum.png";

loadImage4 = new Image();
loadImage4.src = "images/info2.png";
staticImage4 = new Image();
staticImage4.src = "images/info.png";

loadImage5 = new Image();
loadImage5.src = "images/crew2.png";
staticImage5 = new Image();
staticImage5.src = "images/crew.png";

loadImage6 = new Image();
loadImage6.src = "images/char2.png";
staticImage6 = new Image();
staticImage6.src = "images/char.png";

loadImage7 = new Image();
loadImage7.src = "images/screen2.png";
staticImage7 = new Image();
staticImage7.src = "images/screen.png";

loadImage8 = new Image();
loadImage8.src = "images/down2.png";
staticImage8 = new Image();
staticImage8.src = "images/down.png";

loadImage9 = new Image();
loadImage9.src = "images/games2.png";
staticImage9 = new Image();
staticImage9.src = "images/games.png";

loadImage10 = new Image();
loadImage10.src = "images/wip2.png";
staticImage10 = new Image();
staticImage10.src = "images/wip.png";

loadImage11 = new Image();
loadImage11.src = "images/trans2.png";
staticImage11 = new Image();
staticImage11.src = "images/trans.png";

// End -->


<!-- captify

$(function(){
	$('img.captify').captify({
		// speed of the mouseover effect
		speedOver: 'fast',
		// speed of the mouseout effect
		speedOut: 'normal',
		// how long to delay the hiding of the caption after mouseout (ms)
		hideDelay: 200,	
		// 'fade', 'slide', 'always-on'
		animation: 'slide',		
		// text/html to be placed at the beginning of every caption
		prefix: '',		
		// opacity of the caption on mouse over
		opacity: '0.7',					
		// the name of the CSS class to apply to the caption box
		className: 'caption-bottom',	
		// position of the caption (top or bottom)
		position: 'bottom',
		// caption span % of the image
		spanWidth: '90%'
	});
});

// End -->