/*

jNotify 1.0

Code based on the jGrowl plugin by Stan Lemon - http://www.stanlemon.net/projects/jgrowl.html

Modified by Chris Barr - http://chris-barr.com

*/

(function($) {

​

  /** jNotify Wrapper - Establish a base jNotify Container for compatibility with older releases. **/

  $.jNotify = function( m , o ) {

    // To maintain compatibility with older version that only supported one instance we'll create the base container.

    if ( $('#jNotify').size() == 0 ) $('<div id="jNotify"></div>').appendTo('body');

    // Create a notification on the container.

    $('#jNotify').jNotify(m,o);

  };

​

​

  /** Raise jNotify Notification on a jNotify Container **/

  $.fn.jNotify = function( m , o ) {

    if ( $.isFunction(this.each) ) {

      var args = arguments;

​

      return this.each(function() {

        var self = this;

​

        /** Create a jNotify Instance on the Container if it does not exist **/

        if ( $(this).data('jNotify.instance') == undefined ) {

          $(this).data('jNotify.instance', new $.fn.jNotify());

          $(this).data('jNotify.instance').startup( this );

        }

​

        /** Optionally call jNotify instance methods, or just raise a normal notification **/

        if ( $.isFunction($(this).data('jNotify.instance')[m]) ) {

          $(this).data('jNotify.instance')[m].apply( $(this).data('jNotify.instance') , $.makeArray(args).slice(1) );

        } else {

          $(this).data('jNotify.instance').notification( m , o );

        }

      });

    };

  };

​

  $.extend( $.fn.jNotify.prototype , {

​

    /** Default jNotify Settings **/

    defaults: {

      title:      '',

      sticky:     false,

      draggable:    true,

      roundedCorners:  true,

      state:       'ui-state-highlight',

      icon:      'ui-icon-info',

      check:       500,

      life:       5000,

      speed:       400,

      easing:     'swing',

      closer:     true,

      closerTemplate: '<div><span class="ui-icon ui-icon-closethick"></span>close all messages</div>',

      closerState:  'ui-state-default',

      dragOptions:  {

        containment:'html',

        scroll:true,

        scrollSensitivity:100,

        scrollSpeed:100,

        opacity:0.9,

        stack:{

          group:'#jNotify .ui-draggable',

          min:5000

        }

      },

      log:       function(e,m,o) {},

      beforeOpen:   function(e,m,o) {},

      open:       function(e,m,o) {},

      beforeClose:   function(e,m,o) {},

      close:       function(e,m,o) {},

      useFx:      true,

      openFx:      "drop",

      openFxOptions:  {

        direction:"up",

        easing:"easeOutBounce",

        duration:400

      },

      closeFx:    "drop",

      closeFxOptions:  {

        direction:"down",

        easing:"easeInBack",

        duration:400

      },

      animateOpen:   {opacity:'show'},

      animateClose:  {opacity:'hide'}

    },

    /** jNotify Container Node **/

    element:   null,

    /** Interval Function **/

    interval:   null,

    /** Create a Notification **/

    notification:   function( message, o ) {

      var self = this;

      var o = $.extend({}, this.defaults, o);

      var corner=(o.roundedCorners)?" ui-corner-all ":" ";

      var icon=(o.icon!='')?"<span class='jNotify-icon ui-icon "+o.icon+"'></span>":"";

​

      o.log.apply( this.element , [this.element,message,o] );

​

      var notification = $('<div class="jNotify-notification'+corner+o.state+'">'+

        '<span class="jNotify-close'+corner+'"><span class="ui-icon ui-icon-closethick"></span></span>'+

        '<div class="title">'+icon+o.title+'</div><div class="message">'+message+'</div></div>')

        .data("jNotify",o)

        .children('.jNotify-close')

        .hover(function(){$(this).addClass('ui-state-hover');},function(){$(this).removeClass('ui-state-hover');})

        .bind("click.jNotify", function() {

          if(o.useFx){

            $(this).unbind('click.jNotify').parent().trigger('jNotify.beforeClose').hide(o.closeFx,o.closeFxOptions, function() {

              $(this).trigger('.jNotify-close').remove();

            });

          }else{

            $(this).unbind('click.jNotify').parent().trigger('jNotify.beforeClose').animate(o.animateClose, o.speed, o.easing, function() {

              $(this).trigger('.jNotify-close').remove();

            });

          }

        }).parent();

      if(o.draggable) notification.draggable(o.dragOptions);

      nextTop= $('.jNotify-notification:last', this.element).offset().top+$('.jNotify-notification:last', this.element).outerHeight(true);

      console.log(nextTop);

      //insert after other notifications

      $('.jNotify-notification:last', this.element).after(notification);

      /** Notification Actions **/

      $(notification).bind("mouseover.jNotify", function() {

        $(this).data("jNotify").pause = true;

      }).bind("mouseout.jNotify", function() {

        $(this).data("jNotify").pause = false;

      }).bind('jNotify.beforeOpen', function() {

        o.beforeOpen.apply( self.element , [self.element,message,o] );

      }).bind('jNotify.open', function() {

        o.open.apply( self.element , [self.element,message,o] );

      }).bind('jNotify.beforeClose', function() {

        o.beforeClose.apply( self.element , [self.element,message,o] );

      }).bind('jNotify.close', function() {

        o.close.apply( self.element , [self.element,message,o] );

      }).trigger('jNotify.beforeOpen')

      .css("top",nextTop);

      if(o.useFx){

        $(notification).show(o.openFx, o.openFxOptions, function() {

          $(this).data("jNotify").created = new Date();

        }).dequeue();

      }else{

        $(notification).animate(o.animateOpen, o.speed, o.easing, function() {

          $(this).data("jNotify").created = new Date();

        });

      }

      $(notification).trigger('jNotify.open');

​

      /** Add a Global Closer if more than one notification exists **/

      if ( $('.jNotify-notification:parent', this.element).size() > 1 && $('.jNotify-closer', this.element).size() == 0 && this.defaults.closer != false ) {

        $(this.defaults.closerTemplate)

          .addClass('jNotify-closer'+corner+this.defaults.closerState)

          .appendTo(this.element);

        if(this.defaults.useFx){

          $("#jNotify .jNotify-closer").show(this.defaults.openFx, this.defaults.openFxOptions).dequeue();

        }else{

          $("#jNotify .jNotify-closer").animate(this.defaults.animateOpen, this.defaults.speed, this.defaults.easing);

        }

        $("#jNotify .jNotify-closer")

          .hover(function(){$(this).addClass('ui-state-hover');},function(){$(this).removeClass('ui-state-hover');})

          .bind("click.jNotify", function() {

            $(this).siblings().children('.jNotify-close').trigger("click.jNotify");

            if ( $.isFunction( self.defaults.closer ) ) self.defaults.closer.apply( $(this).parent()[0] , [$(this).parent()[0]] );

        });

      };

    },

​

    /** Update the jNotify Container, removing old jNotify notifications **/

    update:   function() {

      $(this.element).find('div.jNotify-notification:parent').each( function() {

        if ( $(this).data("jNotify") != undefined && $(this).data("jNotify").created != undefined && ($(this).data("jNotify").created.getTime() + $(this).data("jNotify").life)  < (new Date()).getTime() && $(this).data("jNotify").sticky != true && 

           ($(this).data("jNotify").pause == undefined || $(this).data("jNotify").pause != true) ) {

          $(this).children('.jNotify-close').trigger('click.jNotify');

        }

      });

​

      if ( $(this.element).find('div.jNotify-notification:parent').size() < 2 ) {

        if(this.defaults.useFx){

          $(this.element).find('div.jNotify-closer').hide(this.defaults.closeFx,this.defaults.closeFxOptions, function() {

            $(this).remove();

          });

        }else{

          $(this.element).find('div.jNotify-closer').animate(this.defaults.animateClose, this.defaults.speed, this.defaults.easing, function() {

            $(this).remove();

          });

        }

      };

    },

​

    /** Setup the jNotify Notification Container **/

    startup:  function(e) {

      this.element = $(e).addClass('jNotify').append('<div class="jNotify-notification"></div>');

      this.interval = setInterval( function() { jQuery(e).data('jNotify.instance').update(); }, this.defaults.check);

      if ($.browser.msie && parseInt($.browser.version) < 7 && !window["XMLHttpRequest"]) $(this.element).addClass('ie6');

    },

​

    /** Shutdown jNotify, removing it and clearing the interval **/

    shutdown:   function() {

      $(this.element).removeClass('jNotify').find('div.jNotify-notification').remove();

      clearInterval( this.interval );

    }

  });

})(jQuery);