/**
 * jquery.purr.js
 * Copyright (c) 2008 Net Perspective (net-perspective.com)
 * Licensed under the MIT License (http://www.opensource.org/licenses/mit-license.php)
 * 
 * @author R.A. Ray
 * @projectDescription    jQuery plugin for dynamically displaying unobtrusive messages in the browser. Mimics the behavior of the MacOS program "Growl."
 * @version 0.1.0
 * 
 * @requires jquery.js (tested with 1.2.6)
 * 
 * @param fadeInSpeed                     int - Duration of fade in animation in miliseconds
 *                                                     default: 500
 *    @param fadeOutSpeed                  int - Duration of fade out animationin miliseconds
                                                         default: 500
 *    @param removeTimer                  int - Timeout, in miliseconds, before notice is removed once it is the top non-sticky notice in the list
                                                         default: 4000
 *    @param isSticky                         bool - Whether the notice should fade out on its own or wait to be manually closed
                                                         default: false
 *    @param usingTransparentPNG     bool - Whether or not the notice is using transparent .png images in its styling
                                                         default: false
 */

( function( $ ) {
    
    $.purr = function ( notice, options )
    { 
        // Convert notice to a jQuery object
        notice = $( notice );
        
        // Add a class to denote the notice as not sticky
        if ( !options.isSticky )
        {
            notice.addClass( 'not-sticky' );
        };
        
        // Get the container element from the page
        var cont = document.getElementById( 'purr-container' );
        
        // If the container doesn't yet exist, we need to create it
        if ( !cont )
        {
            cont = '<div id="purr-container"></div>';
        }
        
        // Convert cont to a jQuery object
        cont = $( cont );
        
        // Add the container to the page
        $( 'body' ).append( cont );
            
        notify();

        function notify ()
        {    
            // Set up the close button
            var close = document.createElement( 'a' );
            $( close ).attr(    
                {
                    className: 'close',
                    href: '#close',
                    innerHTML: 'Close'
                }
            )
                .appendTo( notice )
                    .click( function ()
                        {
                            removeNotice();
                            
                            return false;
                        }
                    );
            
            // Add the notice to the page and keep it hidden initially
            notice.appendTo( cont )
                .hide();
                
            if ( jQuery.browser.msie && options.usingTransparentPNG )
            {
                // IE7 and earlier can't handle the combination of opacity and transparent pngs, so if we're using transparent pngs in our
                // notice style, we'll just skip the fading in.
                notice.show();
            }
            else
            {
                //Fade in the notice we just added
                notice.fadeIn( options.fadeInSpeed );
            }
            
            // Set up the removal interval for the added notice if that notice is not a sticky
            if ( !options.isSticky )
            {
                var topSpotInt = setInterval( function ()
                {
                    // Check to see if our notice is the first non-sticky notice in the list
                    if ( notice.prevAll( '.not-sticky' ).length == 0 )
                    { 
                        // Stop checking once the condition is met
                        clearInterval( topSpotInt );
                        
                        // Call the close action after the timeout set in options
                        setTimeout( function ()
                            {
                                removeNotice();
                            }, options.removeTimer
                        );
                    }
                }, 200 );    
            }
        }

        function removeNotice ()
        {
            // IE7 and earlier can't handle the combination of opacity and transparent pngs, so if we're using transparent pngs in our
            // notice style, we'll just skip the fading out.
            if ( jQuery.browser.msie && options.usingTransparentPNG )
            {
                notice.css( { opacity: 0    } )
                    .animate( 
                        { 
                            height: '0px' 
                        }, 
                        { 
                            duration: options.fadeOutSpeed, 
                            complete:  function ()
                                {
                                    notice.remove();
                                } 
                            } 
                    );
            }
            else
            {
                // Fade the object out before reducing its height to produce the sliding effect
                notice.animate( 
                    { 
                        opacity: '0'
                    }, 
                    { 
                        duration: options.fadeOutSpeed, 
                        complete: function () 
                            {
                                notice.animate(
                                    {
                                        height: '0px'
                                    },
                                    {
                                        duration: options.fadeOutSpeed,
                                        complete: function ()
                                            {
                                                notice.remove();
                                            }
                                    }
                                );
                            }
                    } 
                );
            }
        };
    };
    
    $.fn.purr = function ( options )
    {
        options = options || {};
        options.fadeInSpeed = options.fadeInSpeed || 500;
        options.fadeOutSpeed = options.fadeOutSpeed || 500;
        options.removeTimer = options.removeTimer || 4000;
        options.isSticky = options.isSticky || false;
        options.usingTransparentPNG = options.usingTransparentPNG || false;
        
        this.each( function() 
            {
                new $.purr( this, options );
            }
        );
        
        return this;
    };
})( jQuery );