/*
 * Gritter for jQuery
 * http://www.boedesign.com/
 *
 * Copyright (c) 2009 Jordan Boesch
 * Dual licensed under the MIT and GPL licenses.
 *
 * Date: June 26, 2009
 * Version: 1.0
 */

jQuery(document).ready(function($){

 	/********************************************
	 * First, we'll define our object
	 */

	Gritter = {

	    // PUBLIC - touch all you want
		fade_speed: 700, // how fast the notices fade out
	    timer_stay: 6000, // how long you want the message to hang on screen for

	    // PRIVATE - no touchy the private parts
		_custom_timer: 0,
	    _item_count: 0,
		_tpl_close: '<div class="gritter-close"></div>',
		_tpl_item: '<div id="gritter-item-[[number]]" class="gritter-item-wrapper" style="display:none"><div class="gritter-top"></div><div class="gritter-item" [[IE]]>[[image]]<div class="[[class_name]]"><span class="gritter-title">[[username]]</span><p>[[text]]</p></div><div style="clear:both"></div></div><div class="gritter-bottom"></div></div>',


	    // Add a notification to the screen
	    add: function(user, text, image, sticky, time_alive){


	        // This is also called from init, we just added it here because
	        // some people might just call the "add" method
	        this.verifyWrapper();

	        var tmp = this._tpl_item;
	        this._item_count++;

			// reset
			this._custom_timer = 0;

			// a custom fade time set
			if(time_alive){
				this._custom_timer = time_alive;
			}

			var image_str = (image != '') ? '<img src="' + image + '" class="gritter-image" />' : '';
			var class_name = (image != '') ? 'gritter-with-image' : 'gritter-without-image';

			/* IE8 : NON, IE7 = A VOIR, IE6= Oui je suppose */
			var ie= "";
			if (jQuery.browser.msie && jQuery.browser.version<7) ie="style='height:44px'";
			if (jQuery.browser.msie && jQuery.browser.version==7) this.fade_speed=100;

	        tmp = this.str_replace(
	            ['[[username]]', '[[text]]', '[[image]]', '[[number]]', '[[class_name]]', '[[IE]]'],
	            [user, text, image_str, this._item_count, class_name, ie], tmp
	        );
	        $('#gritter-notice-wrapper').append(tmp);

	        var item = $('#gritter-item-' + this._item_count);
	        var number = this._item_count;



			// Pas plus de 2 en même temps !
			if ($("#gritter-item-"+(number-1)).length>0) {
				Gritter.fade($("#gritter-item-"+(number-1)));
			}
	        item.fadeIn(this.fade_speed, function() {
					var h = $('#gritter-item-'+number+' .gritter-item').height();
					$('#gritter-item-'+number+' .gritter-item').css('height', h+'px');
			});

			if(!sticky){
				this.setFadeTimer(item, number);
			}

			$(item).hover(function(){
				if(!sticky){
					Gritter.restoreItemIfFading(this, number);
				}
				Gritter.hoveringItem(this);
			},
			function(){
				if(!sticky){
					Gritter.setFadeTimer(this, number);
				}
				Gritter.unhoveringItem(this);
			});



			return number;

	    },

		// If we don't have any more gritter notifications, get rid of the wrapper
	    countRemoveWrapper: function(){

	        if($('.gritter-item-wrapper').length == 0){
	            $('#gritter-notice-wrapper').remove();
	        }

	    },

		// Fade the item and slide it up nicely... once its completely faded, remove it
	    fade: function(e){

	        $(e).animate({
	            opacity:0
	        }, Gritter.fade_speed, function(){
	            $(e).animate({ height: 0 }, 300, function(){
	                $(e).remove();
	                Gritter.countRemoveWrapper();
	            })
	        })

			/*$(e).animate({
	            opacity:0,
				height: 0
	        }, Gritter.fade_speed, function(){
                $(e).remove();
                Gritter.countRemoveWrapper();
	        });*/

	    },

		 // Change the border styles and add the (X) close button when you hover
	    hoveringItem: function(e){

	    	$(e).addClass('hover');

			if($(e).find('img').length){
				$(e).find('img').before(this._tpl_close);
			}
			else {
				$(e).find('span').before(this._tpl_close);
			}
			$(e).find('.gritter-close').click(function(){
				Gritter.remove(this);
			});

	    },

	    // Remove a notification, this is called from the inline "onclick" event
	    remove: function(e){

	        $(e).parents('.gritter-item-wrapper').fadeOut('medium', function(){ $(this).remove();  });
	        this.countRemoveWrapper();

	    },

		// Remove a specific notification based on an id (int)
		removeSpecific: function(id, params){

			var e = $('#gritter-item-' + id);

			if(typeof(params) === 'object'){
				if(params.fade){
					var speed = this.fade_speed;
					if(params.speed){
						speed = params.speed;
					}
					e.fadeOut(speed);
				}
			}
			else {
				e.remove();
			}

			this.countRemoveWrapper();

		},

		 // If the item is fading out and we hover over it, restore it!
	    restoreItemIfFading: function(e, number){

	        eval("window.clearTimeout(Gritter._int_id_" + number + ")");
	        $(e).stop().css({ opacity: 1 });

	    },

	    // Set the notification to fade out after a certain amount of time
	    setFadeTimer: function(item, number){

			var timer_str = (this._custom_timer) ? this._custom_timer : this.timer_stay;
	        eval("Gritter._int_id_" + number + " = window.setTimeout(function(){ Gritter.fade(item); }, timer_str)");

	    },

		// Bring everything to a halt!
		stop: function(){

			$('#gritter-notice-wrapper').fadeOut(function(){
				$(this).remove();
			});

		},

		// A handy PHP function ported to js!
	    str_replace: function(search, replace, subject, count) {

	        var i = 0, j = 0, temp = '', repl = '', sl = 0, fl = 0,
	            f = [].concat(search),
	            r = [].concat(replace),
	            s = subject,
	            ra = r instanceof Array, sa = s instanceof Array;
	        s = [].concat(s);
	        if (count) {
	            this.window[count] = 0;
	            }

	        for (i=0, sl=s.length; i < sl; i++) {
	            if (s[i] === '') {
	                continue;
	            }
	            for (j=0, fl=f.length; j < fl; j++) {
	                temp = s[i]+'';
	                repl = ra ? (r[j] !== undefined ? r[j] : '') : r[0];
	                s[i] = (temp).split(f[j]).join(repl);
	                if (count && s[i] !== temp) {
	                    this.window[count] += (temp.length-s[i].length)/f[j].length;}
	            }
	        }
	        return sa ? s : s[0];

	    },

	    // Remove the border styles and (X) close button when you mouse out
	    unhoveringItem: function(e){

	        $(e).removeClass('hover');
	        $(e).find('.gritter-close').remove();

	    },

		// Make sure we have something to wrap our notices with
		verifyWrapper: function(){

			if($('#gritter-notice-wrapper').length == 0){

				var width= 300;
			 	var ecran= document.body.clientWidth;
			 	var right= ((ecran/2) - (width/2));
			 	var _tpl_wrap= '<div id="gritter-notice-wrapper" style="right:'+right+'px"></div>';


				$('body').append(_tpl_wrap);
			}

		}

	}

	/********************************************
	 * Now lets turn it into some jQuery Magic!
	 */

	// Set it up as an object
	$.gritter = {};

	// Add a gritter notification
	$.gritter.add = function(params){

		try {
			if(!params.title || !params.text){
				throw "Missing_Fields";
			}
		} catch(e) {
			if(e == "Missing_Fields"){
				alert('Gritter Error: You need to fill out the first 2 params: "title" and "text"');
			}
		}

		var id = Gritter.add(
			params.title,
			params.text,
			params.image || '',
			params.sticky || false,
			params.time || ''
		);

		return id;

	}

	// Remove a specific notification
	$.gritter.remove = function(id, params){
		Gritter.removeSpecific(id, params || '');
	}

	// Remove all gritter notifications
	$.gritter.removeAll = function(){
		Gritter.stop();
	}

});