/*
BASED ON THE COUNTDOWN 2 Code
*/

/********USAGE*********
HTML CODE
<div id="uniqueID">

</div>

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.comSeriesCountdownToEvent = function(userArgs) {
		if(!this.length) return false;
		if(!this.is('div')) return this;
		
		var args = {
			year:2012,
			month:1,
			day:1,
			hour:0,
			minute:0,
			text:false,
			refresh:60,
			add0:false,
			logo: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.html('<img src = "http://www.comworldseries.com/wp-content/themes/com-series-landing/images/events/'+args.logo+'" height = "38px" style = "float:left;margin-right:5px"/><p style = "float:left;height:38px"><span class = "countdown_figure1">'+figures[0]+'</span><span class = "countdown_figure2"> '+args.text+'</span></p>');
			return false;
		}
		
		return this;
	}
})(jQuery);