function formEvents (event, e)
{
	if (event == 'click')
	{
		if (e.target == elFormWrapper ||
		e.target == elFormContainer)
		{
			formClose ();
		}
	}
}
function formShow (name)
{
	if (name == 'registration')
	{
		elFormTitle.innerHTML = 'FREE $5 SIGN-UP BONUS';
		elFormBody.innerHTML = '<a href="/registration"><img src="/templates/images/form/registration.webp" alt="bonus"></a>';
	} else if (name == 'double-reward')
	{
		elFormTitle.innerHTML = 'DOUBLE REWARD!';
		elFormBody.innerHTML = `Congratulations! You win ${reward} points. Watch an advertisement to double reward.
<div class="height-24px"><!-- --></div>
<div class="button" onclick="document.location.href='/double?back='+encodeURIComponent(document.location.href)">Double reward</div>
<div class="height-6px"><!-- --></div>
<div class="button gray" onclick="formClose()">No, thanks</div>
`;
	} else if (name == 'paramining')
	{
		elFormTitle.innerHTML = 'EARN PASSIVELY 600 POINTS PER HOUR';
		elFormBody.innerHTML = '<a href="/paramining"><img src="/templates/images/form/paramining.webp" alt="paramining"></a>';
	} else if (name == 'achievements')
	{
		elFormTitle.innerHTML = 'EARN 193,000 ACHIEVEMENT POINTS';
		elFormBody.innerHTML = '<a href="/achievements"><img src="/templates/images/form/achievements.webp" alt="bonus"></a>';
	} else if (name == 'not-enough-points')
	{
		elFormTitle.innerHTML = 'NOT ENOUGH POINTS';
		elFormBody.innerHTML = '<a href="/earn"><img src="/templates/images/form/earn.webp" alt="bonus"></a>';
	} else if (name == 'too-fast')
	{
		elFormTitle.innerHTML = 'Oops! Too fast';
		elFormBody.innerHTML = `Sorry, you are clicking too fast.
You can only click once every 60 seconds.
Please wait ${waitTimeout} seconds and try again.
<div class="height-24px"><!-- --></div>
<div class="button" onclick="formClose()">Close</div>
`;
	} else if (name == 'not-available')
	{
		elFormTitle.innerHTML = 'Not available';
		elFormBody.innerHTML = `Sorry, there are no offers in your region at this time.
<div class="height-24px"><!-- --></div>
<div class="button" onclick="formClose()">Close</div>
`;
	}
	document.body.className = 'overflow-hidden';
	elFormShadow.className = 'display-block';
	elForm.className = 'display-block';
	return false;
}
function formClose ()
{
	document.body.className = 'overflow-auto';
	elFormShadow.className = 'display-none';
	elForm.className = 'display-none';
}
function formInit ()
{
	elForm = document.querySelector ('#form');
	elFormShadow = document.querySelector ('#shadow');
	elFormWrapper = document.querySelector ('#form .wrapper');
	elFormContainer = document.querySelector ('#form .wrapper .container');
	elFormTitle = document.querySelector ('#form .header .title');
	elFormBody = document.querySelector ('#form .body');

	window.addEventListener ('click', function (e) {
		formEvents ('click', e);
	}, false);

	if (localStorage.getItem ('registration') != 'true')
	{
		setTimeout (function () {
			formShow ('registration');
			localStorage.setItem ('registration', 'true');
		}, 5000);
	}
}
window.addEventListener ('load', function (event)
{
	formInit ();
}, false);