/**
 * @author mvideaud
 */
jQuery(function($) {

	$.fn.notification = function(options) {
		var options = $.extend({
			fixe		: 	false,
			type		: 	"info",
			contenu		: 	"Ma super notification.",
			delai		: 	5000, 
		}, options);

		var iconeBootstrap = null;
		var alertBootstrap = null;
		switch(options.type) {
			case 'success':
				iconeBootstrap = 'check';
				alertBootstrap = 'success';
				break;
			case 'confirm':
				iconeBootstrap = 'check';
				alertBootstrap = 'confirm';
				break;
			case 'error':
				iconeBootstrap = 'times';
				alertBootstrap = 'danger';
				break;
			case 'warning' :
				iconeBootstrap = 'warning';
				alertBootstrap = 'warning';
				break;
			default:
				iconeBootstrap = 'info';
				alertBootstrap = 'info';
				break;
		}

		var notification =	$('<div class="notification alert alert-'+alertBootstrap+' animated bounceInDown '+(options.fixe == true ? 'fixe' : '')+'">'+
								(options.fixe == true ? '' : '<div class="timer fill '+alertBootstrap+'"></div>')+
								'<div class="row">'+
									'<div class="col-xs-1"><h1><i class="fa fa-'+iconeBootstrap+'"></i></h1></div>'+
									'<div class="col-xs-11" '+((options.contenu).length<=60 ? 'style="padding-top:10px;"' : '' )+'>'+options.contenu+'</div>'+
								'</div>'+
							'</div>');

		var timerSeconds = 0;
		var timerFinish = 0;
		var timer = null;
			
		return this.each(function() {
			var self = $(this);
			//recherche si notifications existe
			var notifications = $('.notifications', self);
			// si absent -> injection 
			if(notifications.length == 0){
				notifications = $('<div class="notifications animated" />');
				self.append(notifications);
			}
			// insertion de la notification
			notifications.append(notification);

			// ajout modal-backdrop
			if(options.fixe == true) {
				$('header').prepend('<div class="modal-backdrop fade in" />');
			}
			// ajout fermeture manuelle
			if(options.fixe == true) {
				var close = $('<button class="close">&times;</button>');
				notification.prepend(close);
				// fermer une notification au click
				close.click(function(e){
					e.preventDefault();
					fermer();
				});
			}

			// fermer une notification au délai si celle-ci n'est pas fixe
			if(options.fixe == false) {
				//lancement du timer
				timerSeconds = options.delai/1000;
				timerFinish = new Date().getTime()+(timerSeconds*1000);
				timer = setInterval(function(){ stopWatch(); }, 50);
				drawTimer(100);
				setTimeout(function () {
				   fermer();
				}, options.delai);
			}

			function fermer() {
				notification.addClass('bounceOutUp').delay(500).fadeOut(300, function(){
					notification.remove();
					$('.modal-backdrop').remove();
				}); 
			}

			function drawTimer(percent){
				$('div.timer').html('<div class="percent"></div><div id="slice"'+(percent > 50?' class="gt50"':'')+'><div class="pie"></div>'+(percent > 50?'<div class="pie fill"></div>':'')+'</div>');
				var deg = 3.6*percent;
				$('#slice .pie').css({
					'-moz-transform':'rotate('+deg+'deg)',
					'-webkit-transform':'rotate('+deg+'deg)',
					'-o-transform':'rotate('+deg+'deg)',
					'transform':'rotate('+deg+'deg)'
				});
				$('.percent').html(Math.round(percent)+'%');
			}

			function stopWatch(){
				var seconds = (timerFinish-(new Date().getTime()))/1000;
				if(seconds <= 0){
					drawTimer(100);
					clearInterval(timer);
				}
				else{
					var percent = 100-((seconds/timerSeconds)*100);
					drawTimer(percent);
				}
			}
		});
	};

	// exemple d'ajout ajout depuis une div
	/*
	$('.addNotif').click(function(e){
		e.preventDefault();
		$('header').notification({
			fixe    : 	false,
			type	: 	"info", 
			contenu : 	"Je suis une notification de test, je me ferme dans 5 secondes toute seule.",
			delai	: 	5000
		});
	});

	$('.addNotifDanger').click(function(e){
		e.preventDefault();
		$('header').notification({
			fixe    : 	true,
			type	: 	"error", 
			contenu : 	"Je suis une d'alerte de type erreur et je suis fixe, il faut me fermer manuellement.",
			delai	: 	5000
		});
	});

	$('.addNotifPerime').click(function(e){
		e.preventDefault();
		$('header').notification({
			fixe    : 	false,
			type	: 	"error", 
			contenu : 	"Hey mec, les états du module sont périmés.",
			delai	: 	5000
		});
	});
	*/
});