﻿function setOpacity( value ) {
	document.getElementById("styled_popup_puzzle").style.opacity = value / 10;
	document.getElementById("styled_popup_puzzle").style.filter = 'alpha(opacity=' + value * 10 + ')';
}

function fadeInMyPopuppuzzle() {
	for( var i = 0 ; i <= 100 ; i++ )
		setTimeout( 'setOpacity(' + (i / 10) + ')' , 5 * i );
}

function fadeOutMyPopuppuzzle() {
	for( var i = 0 ; i <= 100 ; i++ ) {
		setTimeout( 'setOpacity(' + (10 - i / 10) + ')' , 5 * i );
	}

	setTimeout('closeMyPopuppuzzle()', 100 );
}

function closeMyPopuppuzzle() {
	document.getElementById("styled_popup_puzzle").style.display = "none"
}

function fireMyPopuppuzzle() {
	setOpacity( 0 );
	document.getElementById("styled_popup_puzzle").style.display = "block";
	fadeInMyPopuppuzzle();
}