$.growl('This is a basic growl! Quick and simple');

$.growl( { 
  title: 'I have a title', 
  icon: 'glyphicon glyphicon-info-sign', 
  message: 'This growl contains both a Title and a Icon'  
});

$.growl( { 
  title: 'I have a title',  
  message: 'This growl contains both a Title and a Icon',  
});

$.growl('This is an Informational Notification!', { type: 'info' });
$.growl('This is an Successful Notification!', { type: 'success' });
$.growl('This is an Warning Notification!', { type: 'warning' });
$.growl('This is an Danger Notification!', { type: 'danger' });

// Version 1.0.4 //
// Create growl and assign return to variable //
var $growl = $.growl('This is a basic growl! That will not close automatically', { delay: 0 } );

// Create Timeout to close growl since delay is set to 0 //
setTimeout(function() {
	$growl.alert('close');
}, 1000);

// Alert User when Growl is Closing //
$.growl('This Growl will alert the user that it is closing!', { 
	onGrowlClose: function() {
		alert('I am Closing');
	}
});

// Alert User when Growl is Closed //
$.growl('This Growl will alert the user after it has been closed!', { 
	onGrowlClosed: function() {
		alert('I am Closed');
	}
});

// Version 1.0.6 //
// Alert User when Growl is Fading In //
$.growl('This Growl will alert the user as soon as it starts to fade in', { 
	onGrowlShow: function() {
		alert('I am Fading In');
	}
});
// Alert User when Growl has Faded In //
$.growl('This Growl will alert the user after it has completely faded in', { 
	onGrowlShown: function() {
		alert('I have Fading In');
	}
});

$.growl.default_options = {
	ele: "body",
	type: "info",
	allow_dismiss: true,
	position: {
		from: "top",
		align: "right"
	},
	offset: 20,
	spacing: 10,
	z_index: 1031,
	fade_in: 400,
	delay: 5000,
	pause_on_mouseover: false,
	onGrowlShow: null,
	onGrowlShown: null,
	onGrowlClose: null,
	onGrowlClosed: null,
	template: {
		icon_type: 'class',
		container: '<div class="col-xs-10 col-sm-10 col-md-3 alert">',
		dismiss: '<button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>',
		title: '<strong>',
		title_divider: '',
		message: ''
	}
};