/********USAGE*********
HTML CODE
<ul id="uniqueID">
	<li></li><li></li><li></li>
</ul>

JAVASCRIPT CODE
$('#uniqueID').countdownToEvent(options);

OPTIONS

year: (integer),
month: (integer),
day: (integer),
hour: (integer),
minute: (integer),
text: (array) text for the count data. ex) new Array('Days', 'Hours', 'Minutes'),
refresh: (integer or false) time(second) to refresh count figure. False is for no refresh,
add0: (boolean) Add 0 if the count figure's length is 1 for hours and minutes

STYLE for text
#uniqueID span {  } into CSS
**********************/
(function($) {
	$.fn.countdownToEvent = function(userArgs) {
		if(!this.length) return false;
		if(!this.is('ul') && !this.is('ol')) return this;
		
		var args = {
			year:2012,
			month:1,
			day:1,
			hour:0,
			minute:0,
			text:false,
			refresh:60,
			add0:false
		}
		
		$.extend(true, args, userArgs);
		var frame = this;
		countdown();
		
		if(args.refresh) {
			setInterval(function() {
				countdown();	
			}, args.refresh*1000);
		}
		
		function countdown() {
			var date = new Date();
			var target = Date.UTC(args.year, args.month-1, args.day, args.hour, args.minute);
			var gap = target - date.getTime();
			//console.log(gap);
			var ds = Math.floor(gap/(1000*60*60*24));
			var hs = Math.floor((gap-ds*24*60*60*1000)/(1000*60*60));
			var ms = Math.floor((gap-ds*24*60*60*1000-hs*60*60*1000)/(1000*60));

			var figures = new Array(ds, hs, ms);
			
			frame.find('li').each(function(index) {
				var figure = figures[index].toString();
				if(args.add0) if(index > 0) if(figure.length == 1) figure = '0'+figure;	
				figure = '<span class="countdown_figure1">'+figure+'</span>';
				
				if(args.text[index]) figure += '<span class="countdown_figure2"> '+args.text[index]+'</span>';
				$(this).html(figure);
			});
			
			return false;
		}
		
		return this;
	}
})(jQuery);