//# ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- //
//# ALERT
(function($) {

	$.alert = function(config) {
		//:
		var defaults = {
			type					: 'alert',
			title					: '',
			text					: '',
      okText        : 'Ok',
			confirmText		: 'Confirm',
			cancelText		: 'Cancel',
			width					: null,
			overlay				: true,
			overlayClose	: false,
			escClose			: true,
			callback			: function() {}
		};

		//:
		var options			= $.extend({}, defaults, config);
		var imagespath	= $('meta[name="images-path"]').attr('content');

		//:
		var $overlay		= $('<div>', { 'class': 'alertOverlay' });
		var $container	= $('<div>', { 'class': 'alertContainer' });

		var $header			= $('<div>', { 'class': 'Header' });
		var $title			= $('<div>', { 'class': 'Title', html: options.title });
		var $close			= $('<div>', { 'class': 'Close', html: '&times' });

		var $content		= $('<div>', { 'class': 'Content' });
    var $article   	= $('<div>', { 'class': 'Article', html: options.text });

    var $actions		= $('<div>', { 'class': 'Actions' });
		var $submit			= $('<button>', { 'class': 'Orange', text: options.confirmText });
		var $cancel			= $('<button>', { 'class': 'Gray', text: options.cancelText });

		if ( options.overlay ) {
			$overlay.appendTo('body');
		}

		if ( options.title.toLowerCase() === 'lechici' ) {
			$title.html('<img src="' + imagespath + '/default/logo_7.svg" alt="" class="Lechici" />');
		}

		$header.appendTo($container);
		$title.appendTo($header);
		$close.appendTo($header);

		$content.appendTo($container);
		$article.appendTo($content);

		$container.appendTo('body');

		if ( options.type === 'alert' ) {
			$actions.appendTo($container);
			$submit.appendTo($actions);
			$submit.text(options.okText);
		}
		else if ( options.type === 'confirm' ) {
			$actions.appendTo($container);
			$submit.appendTo($actions);
			$cancel.appendTo($actions);
		}
		else if ( options.type === 'content' ) {
			$content.addClass('Extra');
		}

		if ( options.width ) {
			$container.css({ width: options.width });
		}

		$submit
		.on('click.alertEvent', function(e) {
			stopEvent(e);

			if ( typeof options.callback === 'function' && !$(this).hasClass('Loading') ) {
				options.callback.apply();
			}

      if ( !$(this).hasClass('Loading') ) {
				$.alert.close();
			}
		});

		$cancel
		.on('click.alertEvent', function(e) {
			stopEvent(e);
			$.alert.close();
		});

		$close
		.on('click.alertEvent', function(e) {
			stopEvent(e);
			$.alert.close();
		});

		if ( options.overlayClose ) {
			$overlay
			.on('click.alertEvent', function(e) {
				$.alert.close();
			});
		}

		if ( options.escClose ) {
			$(document)
			.on('keyup.alertEvent', function(e) {
				key = e.which || e.keyCode;

				if ( key == 27 ) {
					$.alert.close();
				}
			});
		}

		$(window)
		.on('resize.alertEvent', function(e) {
			$.alert.reposition();
		});

		$.alert.reposition();
	}

	$.alert.reposition = function() {
		var winWidth      = $(window).width();
    var winHeight     = $(window).height();
		var boxWidth			= $('.alertContainer').outerWidth();
    var boxHeight			= $('.alertContainer').outerHeight();

		var centerOffset	= (winWidth - boxWidth) / 2;
    var middleOffset	= (winHeight - boxHeight) / 2;

		$('.alertContainer').css({ left: centerOffset, top: middleOffset });
	}

	$.alert.close = function() {
		$(window).off('.alertEvent');
    $('*').off('.alertEvent');

		$('.alertContainer').remove();
		$('.alertOverlay').remove();
	}

})(jQuery);