function wo(url) {window.open(url, '', '');}

function create_elements()
{
	var bodyEl = $('interna');
	var shadow = new Element('div', {id: 'shadow'});
	var popup = new Element('div', {id: 'popup'});
	var popupinner = new Element('div', {id: 'popupinner'});
	popup.grab(popupinner);
	bodyEl.adopt(shadow, popup);

	if ($$('a.artbox') != '')
	{
		var imagepopup = new Element('div', {id: 'imagepopup'});
		var imagepopupinner = new Element('div', {id: 'imagepopupinner'});
		bodyEl.grab(imagepopup);
		imagepopup.grab(imagepopupinner);
		image = $$('a.artbox');
		image.each(function(element) {
			element.addEvent('click', function(event) {
				event = new Event(event);
				event.preventDefault();
				var ihref = element.getAttribute('href');
				var title = element.getFirst('img').getAttribute('alt');
				show_image(ihref, title);
			});
		});
	}

	new Asset.images(['/img/bgpopup.png', '/img/b_ok.gif', '/artbox/wait.gif', '/artbox/close.gif']);
}

var personText  = 'Представьтесь, пожалуйста.';
var mailText    = 'Пожалуйста, укажите ваш E-mail.';
var w_mailText  = 'Указан некорректный E-mail.<br>Пожалуйста, исправьте ошибку.';
var subjectText = 'Пожалуйста, укажите тему письма.';
var messageText = 'Пожалуйста, введите сообщение.';

function showpopup(sendF, scrollF, text)
{ 
	var outerHeight = $('outer').offsetHeight;
	var html = '<p>' + text + '</p>';
	html += '<p class="buttons"><span id="goback">ОК</span></p>';
	$('popupinner').innerHTML = html;
	$('shadow').setStyles({'height': outerHeight, 'opacity': 0.6, 'display': 'block'});
	$('popup').setStyle('display', 'block');
	$('goback').addEvent('click', function() {
		$('popup').setStyle('display', 'none');
		$('shadow').setStyle('display', 'none');
		var sendF_effect = new Fx.Morph(sendF, {duration: 1500, wait: false});
		new Fx.Scroll(window).toElement(scrollF).chain(function() {
			sendF_effect.start({'background-color': ['#7F94AB', '#FFFFFF']}).chain(function() {
				$(sendF).focus();
			});
		});
	});
}

function sendform()
{
	if ($('person').value == '')  {var sendF = $('person'); var scrollF = $('mainform'); var text = personText; showpopup(sendF, scrollF, text); return false;}
	if ($('mail').value == '')    {var sendF = $('mail'); var scrollF = $('mainform'); var text = mailText; showpopup(sendF, scrollF, text); return false;}
	if ($('mail').value != '')    {var rightmail = /^[\w\.-]+@[a-z0-9\.-]+\.[a-z]{2,6}$/i; if (!rightmail.test($('mail').value)) {var sendF = $('mail'); var scrollF = $('mainform'); var text = w_mailText; showpopup(sendF, scrollF, text); return false;}}
	if ($('subject').value == '') {var sendF = $('subject'); var scrollF = $('mainform'); var text = subjectText; showpopup(sendF, scrollF, text); return false;}
	if ($('message').value == '') {var sendF = $('message'); var scrollF = $('mainform'); var text = messageText; showpopup(sendF, scrollF, text); return false;}
	return true;
}

function show_image(image, title)
{
	var outerHeight = $('outer').offsetHeight;
	var html = '<p class="control"><span class="close" title="Закрыть окно" onclick="closeimagepopup();">Закрыть окно</span></p>';
	if (title) html += '<p class="title">' + title + '</p>';

	fx1 = new Fx.Tween($('shadow'), {duration: 200});
	fx2 = new Fx.Tween($('imagepopup'), {duration: 200});

	$('shadow').setStyles({'height': outerHeight, 'opacity': 0, 'display': 'block'});
	$('imagepopup').setStyles({'opacity': 0, 'display': 'block'});
	fx1.start('opacity', 0.6).chain(function() {
		fx2.start('opacity', 1).chain(function() {
			$('imagepopupinner').setStyle('background-position', 'center center');
			(function(){img = new Asset.image(image, {onload: function() {
				$('imagepopupinner').setStyle('background-position', 'center -9000px');
				img.setStyle('opacity', 0);
				img.inject('imagepopupinner');
				fx3 = new Fx.Tween(img, {duration: 1000});
				fx3.start('opacity', 1).chain(function() {
					$('imagepopupinner').innerHTML += html;
				});
			}});}).delay(1000);
		});
	});
}

function closeimagepopup()
{
	new Fx.Tween($('imagepopup'), {duration: 200}).start('opacity', 0).chain(function() {
		$('imagepopup').setStyle('display', 'none');
		$('imagepopupinner').empty();
		new Fx.Tween($('shadow'), {duration: 200}).start('opacity', 0).chain(function() {
			$('shadow').setStyle('display', 'none');
		});
	});
}

function init()
{
	create_elements();
}