window.addEvent('domready', function() {
	fidel_flickrConnect_login();
});

function fidel_flickrConnect_login() {
	if (!$('fidel_flickr_btn')) {
		return false;
	}

	$('fidel_flickr_btn').addEvent('click', function() {
		fidel_flickrConnect_form(this);
	});
}

function fidel_flickrConnect_form(el) {

	if ($('fidel_flickrConnect_container')) {
		return false;
	}

	var pos = el.getPosition();
	var container = new Element('div', {
		'id' :'fidel_flickrConnect_container',
		'styles' :{
			'top' :(pos.y+ 40) + 'px',
			'left' :(pos.x-200) + 'px'
		}
	});

	var form = new Element(
			'form',
			{
				'name' :'fidel_frm_flckrConnect',
				'id' :'fidel_frm_flckrConnect',
				'method' :'post',
				'send' :{
					'url' :_fidel_url + '/wp-content/plugins/fidel_flickrConnect/php/fidel_flickrConnect.ajx.php',
					'method' :'get',
					onComplete : function(rsp) {
						proccessForm(rsp);
					}
				},
				'events' :{
					'submit' : function(e) {
						e.stop();
						this.send();
					}
				}
			});

	var fieldset = new Element('fieldset');
	var label = new Element('label', {
		'text' :'Email'
	});
	var input = new Element('input', {
		'type' :'text',
		'name' :'email'
	});

	var submit = new Element('input', {
		'type' :'submit',
		'name' :'fidel_flickrConnect_submit',
		'value' :'Submit'
	});

	var cancel = new Element('input', {
		'type' :'button',
		'value' :'Cancel',
		'events' :{
			'click' : function() {
				delete $('fidel_flickrConnect_container').destroy();
			}
		}
	});

	label.inject(fieldset);
	input.inject(fieldset);
	submit.inject(fieldset);
	cancel.inject(fieldset);
	fieldset.inject(form);
	form.inject(container);

	document.body.adopt(container);
}

function proccessForm(rsp) {
	var rs = rsp.split('|');

	if ($('fidel_flickrConnect_warning')) {
		delete $('fidel_flickrConnect_warning').destroy();
	}

	if (rs[0] === 'false') {
		var err = new Element('div', {
			'id' :'fidel_flickrConnect_warning',
			'text' :rs[1]
		});
		err.inject('fidel_flickrConnect_container');
		return false;
	}

	if (rs[0] === 'true') {
		var id = new Element('input', {
			'type' :'hidden',
			'name' :'fidel_flickrConnect_id',
			'value' :rs[1]
		});
		id.inject('fidel_frm_flckrConnect', 'top');
		$('fidel_frm_flckrConnect').submit();
	}
}