add test suit. almost at 1.2

2026-09-12 12:21:04 +08:00 · 2009-05-31 20:56:02 +00:00
parent 103b87ff2d
commit e56ffb3d99
14 changed files with 1030 additions and 90 deletions
@@ -0,0 +1,134 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html>
+<head>
+<link rel='stylesheet' type='text/css' href='../fullcalendar/fullcalendar.css' />
+<link rel='stylesheet' type='text/css' href='jgrowl/jgrowl.css' />
+<script type='text/javascript' src='../jquery/jquery.js'></script>
+<script type='text/javascript' src='../jquery/ui.core.js'></script>
+<script type='text/javascript' src='../jquery/ui.draggable.js'></script>
+<script type='text/javascript' src='../fullcalendar/fullcalendar.js'></script>
+<script type='text/javascript' src='jgrowl/jgrowl.js'></script>
+<script type='text/javascript'>
+
+$(document).ready(function() {
+
+	var d = new Date();
+	var y = d.getFullYear();
+	var m = d.getMonth();
+
+	$('#calendar').fullCalendar({
+	
+		monthDisplay: function(year, month, monthTitle) {
+			$.jGrowl("<b>monthDisplay</b><br />" +
+				year + "-" + month + "<br />" +
+				monthTitle);
+		},
+		
+		loading: function(bool) {
+			$.jGrowl("<b>loading</b>: " + bool);
+		},
+		
+		resize: function() {
+			$.jGrowl("<b>resize</b>");
+		},
+	
+		dayClick: function(date) {
+			$.jGrowl("<b>dayClick</b><br />" +
+				date + "<br />" +
+				this.nodeName);
+		},
+		
+		eventRender: function(event, element) {
+			if (event.id == 3) {
+				//return false;
+				return $("<div style='background:red' />").text(event.title);
+			}
+		},
+		
+		eventClick: function(event, ev) {
+			$.jGrowl("<b>eventClick</b><br />" +
+				event.title + "<br />" +
+				ev.pageX + "," + ev.pageY + "<br />" +
+				this.nodeName);
+			//return false;
+		},
+		
+		/*eventMouseover: function(event, ev) {
+			$.jGrowl("<b>eventMouseover</b><br />" +
+				event.title + "<br />" +
+				ev.pageX + "," + ev.pageY + "<br />" +
+				this.nodeName);
+		},
+		
+		eventMouseout: function(event, ev) {
+			$.jGrowl("<b>eventMouseout</b><br />" +
+				event.title + "<br />" +
+				ev.pageX + "," + ev.pageY + "<br />" +
+				this.nodeName);
+		},*/
+		
+		eventDragStart: function(event, ev, ui) {
+			$.jGrowl("<b>eventDragStart</b><br />" +
+				event.title + "<br />" +
+				ev.pageX + "," + ev.pageY + "<br />" +
+				ui);
+		},
+		
+		eventDragStop: function(event, ev, ui) {
+			$.jGrowl("<b>eventDragStop</b><br />" +
+				event.title + "<br />" +
+				ev.pageX + "," + ev.pageY + "<br />" +
+				ui);
+		},
+		
+		eventDrop: function(event, delta, ev, ui) {
+			$.jGrowl("<b>eventDrop</b><br />" +
+				delta + "<br />" +
+				event.title + "<br />" +
+				ev.pageX + "," + ev.pageY + "<br />" +
+				ui);
+		},
+		
+		draggable: true,
+		
+		events: [
+			{
+				id: 1,
+				title: "Long Event",
+				start: new Date(y, m, 6, 14, 0),
+				end: new Date(y, m, 11)
+			},
+			{
+				id: 2,
+				title: "Repeating Event",
+				start: new Date(y, m, 2)
+			},
+			{
+				id: 2,
+				title: "Repeating Event",
+				start: new Date(y, m, 9)
+			},
+			{
+				id: 3,
+				title: "Meeting",
+				start: new Date(y, m, 20, 9, 0)
+			},
+			{
+				id: 4,
+				title: "Click for Facebook",
+				start: new Date(y, m, 27, 16),
+				end: new Date(y, m, 29),
+				url: "http://facebook.com/"
+			}
+		]
+		
+	});
+
+});
+
+</script>
+</head>
+<body style='font-size:14px;font-family:Arial'>
+<div id='calendar' style='width:75%'></div>
+</body>
+</html>
@@ -0,0 +1,119 @@
+
+div.jGrowl {
+	padding: 			10px;
+	z-index: 			9999;
+}
+
+/** Special IE6 Style Positioning **/
+div.ie6 {
+	position: 			absolute;
+}
+
+div.ie6.top-right {
+	right: 				auto;
+	bottom: 			auto;
+	left: 				expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
+  	top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
+}
+
+div.ie6.top-left {
+	left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
+	top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
+}
+
+div.ie6.bottom-right {
+	left: 				expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
+	top: 				expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
+}
+
+div.ie6.bottom-left {
+	left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
+	top: 				expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
+}
+
+div.ie6.center {
+	left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
+	top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
+	width: 				100%;
+}
+
+/** Normal Style Positions **/
+body > div.jGrowl {
+	position:			fixed;
+}
+
+body > div.jGrowl.top-left {
+	left: 				0px;
+	top: 				0px;
+}
+
+body > div.jGrowl.top-right {
+	right: 				0px;
+	top: 				0px;
+}
+
+body > div.jGrowl.bottom-left {
+	left: 				0px;
+	bottom:				0px;
+}
+
+body > div.jGrowl.bottom-right {
+	right: 				0px;
+	bottom: 			0px;
+}
+
+body > div.jGrowl.center {
+	top: 				0px;
+	width: 				50%;
+	left: 				25%;
+}
+
+/** Cross Browser Styling **/
+div.center div.jGrowl-notification, div.center div.jGrowl-closer {
+	margin-left: 		auto;
+	margin-right: 		auto;
+}
+
+div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer {
+	background-color: 		#000;
+	color: 					#fff;
+	opacity: 				.85;
+	filter: 				alpha(opacity = 85);
+	zoom: 					1;
+	width: 					235px;
+	padding: 				10px;
+	margin-top: 			5px;
+	margin-bottom: 			5px;
+	font-family: 			Tahoma, Arial, Helvetica, sans-serif;
+	font-size: 				12px;
+	text-align: 			left;
+	display: 				none;
+	-moz-border-radius: 	5px;
+	-webkit-border-radius:	5px;
+}
+
+div.jGrowl div.jGrowl-notification {
+	min-height: 			40px;
+}
+
+div.jGrowl div.jGrowl-notification div.header {
+	font-weight: 			bold;
+	font-size:				10px;
+}
+
+div.jGrowl div.jGrowl-notification div.close {
+	float: 					right;
+	font-weight: 			bold;
+	font-size: 				12px;
+	cursor:					pointer;
+}
+
+div.jGrowl div.jGrowl-closer {
+	height: 				15px;
+	padding-top: 			4px;
+	padding-bottom: 		4px;
+	cursor: 				pointer;
+	font-size:				11px;
+	font-weight: 			bold;
+	text-align: 			center;
+}
@@ -0,0 +1,241 @@
+/**
+ * jGrowl 1.2.0
+ *
+ * Dual licensed under the MIT (http://www.opensource.org/licenses/mit-license.php)
+ * and GPL (http://www.opensource.org/licenses/gpl-license.php) licenses.
+ *
+ * Written by Stan Lemon <stanlemon@mac.com>
+ * Last updated: 2009.05.11
+ *
+ * jGrowl is a jQuery plugin implementing unobtrusive userland notifications.  These 
+ * notifications function similarly to the Growl Framework available for
+ * Mac OS X (http://growl.info).
+ *
+ * To Do:
+ * - Move library settings to containers and allow them to be changed per container
+ *
+ * Changes in 1.2.0
+ * - Added message pooling to limit the number of messages appearing at a given time.
+ * - Closing a notification is now bound to the notification object and triggered by the close button.
+ *
+ * Changes in 1.1.2
+ * - Added iPhone styled example
+ * - Fixed possible IE7 bug when determining if the ie6 class shoudl be applied.
+ * - Added template for the close button, so that it's content could be customized.
+ *
+ * Changes in 1.1.1
+ * - Fixed CSS styling bug for ie6 caused by a mispelling
+ * - Changes height restriction on default notifications to min-height
+ * - Added skinned examples using a variety of images
+ * - Added the ability to customize the content of the [close all] box
+ * - Added jTweet, an example of using jGrowl + Twitter
+ *
+ * Changes in 1.1.0
+ * - Multiple container and instances.
+ * - Standard $.jGrowl() now wraps $.fn.jGrowl() by first establishing a generic jGrowl container.
+ * - Instance methods of a jGrowl container can be called by $.fn.jGrowl(methodName)
+ * - Added glue preferenced, which allows notifications to be inserted before or after nodes in the container
+ * - Added new log callback which is called before anything is done for the notification
+ * - Corner's attribute are now applied on an individual notification basis.
+ *
+ * Changes in 1.0.4
+ * - Various CSS fixes so that jGrowl renders correctly in IE6.
+ *
+ * Changes in 1.0.3
+ * - Fixed bug with options persisting across notifications
+ * - Fixed theme application bug
+ * - Simplified some selectors and manipulations.
+ * - Added beforeOpen and beforeClose callbacks
+ * - Reorganized some lines of code to be more readable
+ * - Removed unnecessary this.defaults context
+ * - If corners plugin is present, it's now customizable.
+ * - Customizable open animation.
+ * - Customizable close animation.
+ * - Customizable animation easing.
+ * - Added customizable positioning (top-left, top-right, bottom-left, bottom-right, center)
+ *
+ * Changes in 1.0.2
+ * - All CSS styling is now external.
+ * - Added a theme parameter which specifies a secondary class for styling, such
+ *   that notifications can be customized in appearance on a per message basis.
+ * - Notification life span is now customizable on a per message basis.
+ * - Added the ability to disable the global closer, enabled by default.
+ * - Added callbacks for when a notification is opened or closed.
+ * - Added callback for the global closer.
+ * - Customizable animation speed.
+ * - jGrowl now set itself up and tears itself down.
+ *
+ * Changes in 1.0.1:
+ * - Removed dependency on metadata plugin in favor of .data()
+ * - Namespaced all events
+ */
+(function($) {
+
+	/** jGrowl Wrapper - Establish a base jGrowl Container for compatibility with older releases. **/
+	$.jGrowl = function( m , o ) {
+		// To maintain compatibility with older version that only supported one instance we'll create the base container.
+		if ( $('#jGrowl').size() == 0 ) $('<div id="jGrowl"></div>').addClass($.jGrowl.defaults.position).appendTo('body');
+		// Create a notification on the container.
+		$('#jGrowl').jGrowl(m,o);
+	};
+
+
+	/** Raise jGrowl Notification on a jGrowl Container **/
+	$.fn.jGrowl = function( m , o ) {
+		if ( $.isFunction(this.each) ) {
+			var args = arguments;
+
+			return this.each(function() {
+				var self = this;
+
+				/** Create a jGrowl Instance on the Container if it does not exist **/
+				if ( $(this).data('jGrowl.instance') == undefined ) {
+					$(this).data('jGrowl.instance', new $.fn.jGrowl());
+					$(this).data('jGrowl.instance').startup( this );
+				}
+
+				/** Optionally call jGrowl instance methods, or just raise a normal notification **/
+				if ( $.isFunction($(this).data('jGrowl.instance')[m]) ) {
+					$(this).data('jGrowl.instance')[m].apply( $(this).data('jGrowl.instance') , $.makeArray(args).slice(1) );
+				} else {
+					$(this).data('jGrowl.instance').create( m , o );
+				}
+			});
+		};
+	};
+
+	$.extend( $.fn.jGrowl.prototype , {
+
+		/** Default JGrowl Settings **/
+		defaults: {
+			pool: 			0,
+			header: 		'',
+			group: 			'',
+			sticky: 		false,
+			position: 		'top-right', // Is this still needed?
+			glue: 			'after',
+			theme: 			'default',
+			corners: 		'10px',
+			check: 			250,
+			life: 			3000,
+			speed: 			'normal',
+			easing: 		'swing',
+			closer: 		true,
+			closeTemplate: '&times;',
+			closerTemplate: '<div>[ close all ]</div>',
+			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) {},
+			animateOpen: 	{
+				opacity: 	'show'
+			},
+			animateClose: 	{
+				opacity: 	'hide'
+			}
+		},
+		
+		notifications: [],
+		
+		/** jGrowl Container Node **/
+		element: 	null,
+	
+		/** Interval Function **/
+		interval:   null,
+		
+		/** Create a Notification **/
+		create: 	function( message , o ) {
+			var o = $.extend({}, this.defaults, o);
+
+			this.notifications[ this.notifications.length ] = { message: message , options: o };
+			
+			o.log.apply( this.element , [this.element,message,o] );
+		},
+		
+		render: 		function( notification ) {
+			var self = this;
+			var message = notification.message;
+			var o = notification.options;
+
+			var notification = $('<div class="jGrowl-notification' + ((o.group != undefined && o.group != '') ? ' ' + o.group : '') + '"><div class="close">' + o.closeTemplate + '</div><div class="header">' + o.header + '</div><div class="message">' + message + '</div></div>')
+				.data("jGrowl", o).addClass(o.theme).children('div.close').bind("click.jGrowl", function() {
+					$(this).parent().trigger('jGrowl.close');
+				}).parent();
+				
+			( o.glue == 'after' ) ? $('div.jGrowl-notification:last', this.element).after(notification) : $('div.jGrowl-notification:first', this.element).before(notification);
+
+			/** Notification Actions **/
+			$(notification).bind("mouseover.jGrowl", function() {
+				$(this).data("jGrowl").pause = true;
+			}).bind("mouseout.jGrowl", function() {
+				$(this).data("jGrowl").pause = false;
+			}).bind('jGrowl.beforeOpen', function() {
+				o.beforeOpen.apply( self.element , [self.element,message,o] );
+			}).bind('jGrowl.open', function() {
+				o.open.apply( self.element , [self.element,message,o] );
+			}).bind('jGrowl.beforeClose', function() {
+				o.beforeClose.apply( self.element , [self.element,message,o] );
+			}).bind('jGrowl.close', function() {
+				$(this).trigger('jGrowl.beforeClose').animate(o.animateClose, o.speed, o.easing, function() {
+					$(this).remove();
+					o.close.apply( self.element , [self.element,message,o] );
+				});
+			}).trigger('jGrowl.beforeOpen').animate(o.animateOpen, o.speed, o.easing, function() {
+				$(this).data("jGrowl").created = new Date();
+			}).trigger('jGrowl.open');
+		
+			/** Optional Corners Plugin **/
+			if ( $.fn.corner != undefined ) $(notification).corner( o.corners );
+
+			/** Add a Global Closer if more than one notification exists **/
+			if ( $('div.jGrowl-notification:parent', this.element).size() > 1 && $('div.jGrowl-closer', this.element).size() == 0 && this.defaults.closer != false ) {
+				$(this.defaults.closerTemplate).addClass('jGrowl-closer').addClass(this.defaults.theme).appendTo(this.element).animate(this.defaults.animateOpen, this.defaults.speed, this.defaults.easing).bind("click.jGrowl", function() {
+					$(this).siblings().children('div.close').trigger("click.jGrowl");
+
+					if ( $.isFunction( self.defaults.closer ) ) self.defaults.closer.apply( $(this).parent()[0] , [$(this).parent()[0]] );
+				});
+			};
+		},
+
+		/** Update the jGrowl Container, removing old jGrowl notifications **/
+		update:	 function() {
+			$(this.element).find('div.jGrowl-notification:parent').each( function() {
+				if ( $(this).data("jGrowl") != undefined && $(this).data("jGrowl").created != undefined && ($(this).data("jGrowl").created.getTime() + $(this).data("jGrowl").life)  < (new Date()).getTime() && $(this).data("jGrowl").sticky != true && 
+					 ($(this).data("jGrowl").pause == undefined || $(this).data("jGrowl").pause != true) ) {
+					$(this).trigger('jGrowl.close');
+				}
+			});
+
+			if ( this.notifications.length > 0 && (this.defaults.pool == 0 || $(this.element).find('div.jGrowl-notification:parent').size() < this.defaults.pool) ) {
+				this.render( this.notifications.shift() );
+			}
+
+			if ( $(this.element).find('div.jGrowl-notification:parent').size() < 2 ) {
+				$(this.element).find('div.jGrowl-closer').animate(this.defaults.animateClose, this.defaults.speed, this.defaults.easing, function() {
+					$(this).remove();
+				});
+			};
+		},
+
+		/** Setup the jGrowl Notification Container **/
+		startup:	function(e) {
+			this.element = $(e).addClass('jGrowl').append('<div class="jGrowl-notification"></div>');
+			this.interval = setInterval( function() { 
+				jQuery(e).data('jGrowl.instance').update(); 
+			}, this.defaults.check);
+			
+			if ($.browser.msie && parseInt($.browser.version) < 7 && !window["XMLHttpRequest"]) $(this.element).addClass('ie6');
+		},
+
+		/** Shutdown jGrowl, removing it and clearing the interval **/
+		shutdown:   function() {
+			$(this.element).removeClass('jGrowl').find('div.jGrowl-notification').remove();
+			clearInterval( this.interval );
+		}
+	});
+	
+	/** Reference the Defaults Object for compatibility with older versions of jGrowl **/
+	$.jGrowl.defaults = $.fn.jGrowl.prototype.defaults;
+
+})(jQuery);
@@ -0,0 +1,89 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html>
+<head>
+<link rel='stylesheet' type='text/css' href='../fullcalendar/fullcalendar.css' />
+<link rel='stylesheet' type='text/css' href='jgrowl/jgrowl.css' />
+<script type='text/javascript' src='../jquery/jquery.js'></script>
+<script type='text/javascript' src='../jquery/ui.core.js'></script>
+<script type='text/javascript' src='../jquery/ui.draggable.js'></script>
+<script type='text/javascript' src='../fullcalendar/fullcalendar.js'></script>
+<script type='text/javascript' src='jgrowl/jgrowl.js'></script>
+<script type='text/javascript'>
+
+$(document).ready(function() {
+
+	$.fullCalendar.monthNames = ["januari", "februari", "maart", "april", "mei", "juni","juli", "augustus", "september", "oktober", "november", "december"];
+	$.fullCalendar.monthAbbrevs = ["jan", "feb", "maa", "apr", "mei", "jun", "jul", "aug","sep", "okt", "nov", "dec"];
+	$.fullCalendar.dayNames = ['zondag', 'maandag', 'dinsdag', 'woensdag','donderdag', 'vrijdag', 'zaterdag'];
+	$.fullCalendar.dayAbbrevs = ["zo", "ma", "di", "wo", "do", "vr", "za", "zo"];
+
+	var d = new Date();
+	var y = d.getFullYear();
+	var m = d.getMonth();
+
+	$('#calendar').fullCalendar({
+	
+		abbrevDayHeadings: false,
+		
+		weekStart: 1,
+		
+		rightToLeft: true,
+		
+		events: [
+			{
+				id: 1,
+				title: "Long Event",
+				start: new Date(y, m, 6, 14, 0),
+				end: new Date(y, m, 11)
+			},
+			{
+				id: 2,
+				title: "Repeating Event",
+				start: new Date(y, m, 2)
+			},
+			{
+				id: 2,
+				title: "Repeating Event",
+				start: new Date(y, m, 9)
+			},
+			{
+				id: 3,
+				title: "Meeting",
+				start: new Date(y, m, 20, 9, 0)
+			},
+			{
+				id: 4,
+				title: "Click for Facebook",
+				start: new Date(y, m, 27, 16),
+				end: new Date(y, m, 29),
+				url: "http://facebook.com/"
+			}
+		],
+		
+		draggable: true,
+		
+		dayClick: function(date) {
+			$(this).css('background', 'lightblue');
+			$.jGrowl("<b>dayClick</b><br />" +
+				date + "<br />" +
+				this.nodeName);
+		},
+		
+		eventDrop: function(event, delta, ev, ui) {
+			$.jGrowl("<b>eventDrop</b><br />" +
+				delta + "<br />" +
+				event.title + "<br />" +
+				ev.pageX + "," + ev.pageY + "<br />" +
+				ui);
+		}
+		
+	});
+
+});
+
+</script>
+</head>
+<body style='font-size:14px;font-family:Arial'>
+<div id='calendar' style='width:75%'></div>
+</body>
+</html>
@@ -0,0 +1,108 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html>
+<head>
+<link rel='stylesheet' type='text/css' href='../fullcalendar/fullcalendar.css' />
+<link rel='stylesheet' type='text/css' href='jgrowl/jgrowl.css' />
+<style type='text/css'>
+
+	.newclass { color: red }
+
+</style>
+<script type='text/javascript' src='../jquery/jquery.js'></script>
+<script type='text/javascript' src='../jquery/ui.core.js'></script>
+<script type='text/javascript' src='../jquery/ui.draggable.js'></script>
+<script type='text/javascript' src='../fullcalendar/fullcalendar.js'></script>
+<script type='text/javascript' src='jgrowl/jgrowl.js'></script>
+<script type='text/javascript'>
+
+$(document).ready(function() {
+
+	$('#calendar').fullCalendar({
+	
+		title: false,
+		buttons: false,
+		monthDisplay: function(year, month, title) {
+			$('h3').text(title);
+		},
+		
+		draggable: true
+		
+	});
+
+});
+
+function addTestEvents() {
+
+	var d = new Date();
+	var y = d.getFullYear();
+	var m = d.getMonth()+1;
+	if (m<10) m = '0' + m;
+	
+	$('#calendar').fullCalendar('addEvent', {
+		id: 99,
+		title: 'Some event',
+		start: y+'-'+m+'-02'
+	});
+	
+	$('#calendar').fullCalendar('addEvent', {
+		id: 99,
+		title: 'Some event',
+		start: y+'-'+m+'-09'
+	});
+	
+	$('#calendar').fullCalendar('addEvent', {
+		id: 5,
+		title: 'Birthday',
+		start: y+'-'+m+'-20'
+	});
+	
+}
+
+function updateTestEvents() {
+
+	var d = new Date();
+	var y = d.getFullYear();
+	var m = d.getMonth()+1;
+	if (m<10) m = '0' + m;
+
+	var reps = $('#calendar').fullCalendar('getEventsById', 99);
+	var e = reps[1];
+	e.title = "Better Title!";
+	e.start = y+'-'+m+'-11';
+	e.end = y+'-'+m+'-13';
+	e.className = 'newclass';
+	e.draggable = false;
+	e.showTime = true;
+	$('#calendar').fullCalendar('updateEvent', e);
+	
+}
+
+function removeTestEvents(therepeating) {
+	if (therepeating) {
+		$('#calendar').fullCalendar('removeEvent', 99);
+	}else{
+		$('#calendar').fullCalendar('removeEvent', 5);
+	}
+}
+
+</script>
+</head>
+<body style='font-size:14px;font-family:Arial'>
+
+<div style='float:right'>
+<input type='button' value='add test events' onclick='addTestEvents()' /><br />
+<input type='button' value='update test events' onclick='updateTestEvents()' /><br />
+<input type='button' value='delete repeating events' onclick='removeTestEvents(true)' /><br />
+<input type='button' value='delete single event' onclick='removeTestEvents(false)' /><br />
+</div>
+
+<h3></h3>
+<p>
+<a href='#' onclick="$('#calendar').fullCalendar('today')">today</a> &nbsp;
+<a href='#' onclick="$('#calendar').fullCalendar('prevMonth')">prev</a> &nbsp;
+<a href='#' onclick="$('#calendar').fullCalendar('nextMonth')">next</a> &nbsp;
+<a href='#' onclick="$('#calendar').fullCalendar('gotoMonth', 1986, 5)">June 1986</a>
+</p>
+<div id='calendar' style='width:75%'></div>
+</body>
+</html>
@@ -0,0 +1,95 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html>
+<head>
+<link rel='stylesheet' type='text/css' href='../fullcalendar/fullcalendar.css' />
+<link rel='stylesheet' type='text/css' href='jgrowl/jgrowl.css' />
+<style type='text/css'>
+
+	.full-calendar-month .rep td { background: green }
+	.full-calendar-month .cool td { color: yellow }
+	.full-calendar-month .long td { background: red }
+
+</style>
+<script type='text/javascript' src='../jquery/jquery.js'></script>
+<script type='text/javascript' src='../jquery/ui.core.js'></script>
+<script type='text/javascript' src='../jquery/ui.draggable.js'></script>
+<script type='text/javascript' src='../fullcalendar/fullcalendar.js'></script>
+<script type='text/javascript' src='jgrowl/jgrowl.js'></script>
+<script type='text/javascript'>
+
+$(document).ready(function() {
+
+	$('#calendar').fullCalendar({
+	
+		year: 2009,
+		month: 3,
+		
+		draggable: true,
+		
+		fixedWeeks: false,
+		
+		abbrevDayHeadings: false,
+		
+		//title: false,
+		titleFormat: 'm/Y', //'n/Y', //'M y',
+		
+		//buttons: false,
+		buttons: { today:false, prev:"prev", next:"next" },
+		
+		showTime: true,
+		timeFormat: 'H:i', //'ha', //'GA', //'gX',
+		
+		eventDragOpacity: .5,
+		eventRevertDuration: 2000,
+		
+		// test for CalEvent.source
+		eventDrop: function(event) {
+			$.jGrowl(event.source);
+		},
+		
+		events: [
+			{
+				id: 1,
+				title: "Long Event",
+				start: new Date(2009, 3, 6, 14, 0),
+				end: new Date(2009, 3, 11),
+				showTime: false,                  // showTime
+				className: 'long',
+				draggable: false                  // draggable
+			},
+			{
+				id: 2,
+				title: "Repeating Event",
+				start: new Date(2009, 3, 2),
+				className: 'rep cool'
+			},
+			{
+				id: 2,
+				title: "Repeating Event",
+				start: new Date(2009, 3, 9),
+				className: ['rep', 'cool']
+			},
+			{
+				id: 3,
+				title: "Meeting",
+				date: new Date(2009, 3, 20, 9, 30) // date alias
+			},
+			{
+				id: 4,
+				title: "Click for Facebook",
+				start: new Date(2009, 3, 27, 16),
+				end: new Date(2009, 3, 29),
+				url: "http://facebook.com/"
+			}
+		]
+		
+	});
+
+});
+
+</script>
+</head>
+<body style='font-size:14px;font-family:Arial'>
+<div id='calendar' style='width:75%'></div>
+</body>
+</html>
@@ -0,0 +1,136 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html>
+<head>
+<link rel='stylesheet' type='text/css' href='../fullcalendar/fullcalendar.css' />
+<link rel='stylesheet' type='text/css' href='jgrowl/jgrowl.css' />
+<style type='text/css'>
+
+	.full-calendar-month .static td {
+		background: blue;
+		color: yellow;
+	}
+	
+	.full-calendar-month .gcal td {
+		background: lightgreen;
+	}
+
+</style>
+<script type='text/javascript' src='../jquery/jquery.js'></script>
+<script type='text/javascript' src='../jquery/ui.core.js'></script>
+<script type='text/javascript' src='../jquery/ui.draggable.js'></script>
+<script type='text/javascript' src='../fullcalendar/fullcalendar.js'></script>
+<script type='text/javascript' src='../fullcalendar/gcal.js'></script>
+<script type='text/javascript' src='jgrowl/jgrowl.js'></script>
+<script type='text/javascript'>
+
+$(document).ready(function() {
+
+	var d = new Date();
+	var y = d.getFullYear();
+	var m = d.getMonth();
+	
+	var gcalSource = $.fullCalendar.gcalFeed(
+		'http://www.google.com/calendar/feeds/usa__en%40holiday.calendar.google.com/public/basic',
+		{draggable: true, className: 'gcal'}
+	);
+	
+	var staticSource = [
+		{
+			id: 1,
+			title: "Long Event",
+			start: new Date(y, m, 6, 14, 0),
+			end: new Date(y, m, 11),
+			className: 'static'
+		},
+		{
+			id: 2,
+			title: "Repeating Event",
+			start: new Date(y, m, 2),
+			className: 'static'
+		},
+		{
+			id: 2,
+			title: "Repeating Event",
+			start: new Date(y, m, 9),
+			className: 'static'
+		},
+		{
+			id: 3,
+			title: "Meeting",
+			start: new Date(y, m, 20, 9, 0),
+			className: 'static'
+		},
+		{
+			id: 4,
+			title: "Click for Facebook",
+			start: new Date(y, m, 27, 16),
+			end: new Date(y, m, 29),
+			url: "http://facebook.com/",
+			className: 'static'
+		}
+	];
+	
+	var jsonSource = "../examples/json_events.php";
+
+	$('#calendar').fullCalendar({
+	
+		draggable: true,
+		
+		eventSources: [staticSource, gcalSource],
+		
+		loading: function(bool) {
+			if (bool) {
+				$('#loading').css('visibility', 'visible');
+			}else{
+				$('#loading').css('visibility', 'hidden');
+			}
+		}
+		
+	});
+	
+	window.addStaticSource = function() {
+		$('#calendar').fullCalendar('addEventSource', staticSource);
+	};
+	
+	window.addJsonSource = function() {
+		$('#calendar').fullCalendar('addEventSource', jsonSource);
+	};
+	
+	window.addGcalSource = function() {
+		$('#calendar').fullCalendar('addEventSource', gcalSource);
+	};
+	
+	window.removeStaticSource = function() {
+		$('#calendar').fullCalendar('removeEventSource', staticSource);
+	};
+	
+	window.removeJsonSource = function() {
+		$('#calendar').fullCalendar('removeEventSource', jsonSource);
+	};
+	
+	window.removeGcalSource = function() {
+		$('#calendar').fullCalendar('removeEventSource', gcalSource);
+	};
+
+});
+
+</script>
+</head>
+<body style='font-size:14px;font-family:Arial'>
+
+<div style='float:right'>
+<input type='button' value='add static event source' onclick='addStaticSource()' /><br />
+<input type='button' value='* add json event source' onclick='addJsonSource()' /><br />
+<input type='button' value='add gcal event source' onclick='addGcalSource()' /><br />
+<br />
+<input type='button' value='remove static event source' onclick='removeStaticSource()' /><br />
+<input type='button' value='remove json event source' onclick='removeJsonSource()' /><br />
+<input type='button' value='remove gcal event source' onclick='removeGcalSource()' /><br />
+<br />
+<input type='button' value='refresh' onclick="$('#calendar').fullCalendar('refresh')" />
+</div>
+
+<div style='visibility:hidden' id='loading'>loading...</div>
+<div id='calendar' style='float:left;width:75%'></div>
+</body>
+</html>