/**
 * @name		jQuery Countdown Plugin
 * @author		Martin Angelov
 * @version 	1.0
 * @url			http://tutorialzine.com/2011/12/countdown-jquery/
 * @license		MIT License
 */
var nbsecondes= 0;
(function(jQuery){

	// Number of seconds in every time division
	var days	= 24*60*60,
		hours	= 60*60,
		minutes	= 60;

	// Creating the plugin
	jQuery.fn.countdown = function(prop){

		var options = jQuery.extend({
			callback	: function(){},
			timestamp	: 0
		},prop);

		var left, d, h, m, s, positions;

		// Initialize the plugin
		init(this, options);

		positions = this.find('.position');

		(function tick(){

			// Time left
			left = Math.floor((options.timestamp - (new Date())) / 1000);

			if(left < 0){
				left = 0;
			}

			// Number of days left
			d = Math.floor(left / days);
			updateDuo(0, 2, d);
			left -= d*days;

			// Number of hours left
			h = Math.floor(left / hours);
			updateDuo(3, 4, h);
			left -= h*hours;

			// Number of minutes left
			m = Math.floor(left / minutes);
			updateDuo(5, 6, m);
			left -= m*minutes;

			// Number of seconds left
			s = left;
			updateDuo(7, 8, s);

			// Calling an optional user supplied callback
			options.callback(d, h, m, s);

			// Scheduling another call of this function in 1s
			setTimeout(tick, 1000);
		})();

		// This function updates two digit positions at once
		function updateDuo(minor,major,value){

                        if(major - minor == 2){

                            cent = Math.floor(value/100)%100;

                            if(cent > 0){
                                switchDigit(positions.eq(minor),cent);
                            }
                            else{
                                positions.eq(minor).html('');
                            }
                                 minor = minor + 1;
                        }
                            switchDigit(positions.eq(minor),Math.floor(value/10)%10);
                            switchDigit(positions.eq(major),value%10);

		}

		return this;
	};


	function init(elem, options){
		elem.addClass('countdownHolder');

		// Creating the markup inside the container
		jQuery.each(['Days','Hours','Minutes','Seconds'],function(i){

                    if(this=="Days"){
//                         jQuery('<span class="count'+this+'">').html(
//                             '<span class="position"><span class="digit static">0</span></span><span class="position">\
//                                                                     <span class="digit static">0</span>\
//                                                                                                     </span>\
//                                                                                                                                     <span class="position">\
//                                                                                                                                                                             <span class="digit static">0</span>\
//                                                                                                                                                                                                             </span>'
//                         ).appendTo(elem);
                        elem.append('<span class="count'+this+'"><span class="position"><span class="digit static">0</span></span><span class="position">\
                                                                                            <span class="digit static">0</span>\
                                                                                                                                                                                                </span>\
                                                                                                                                                                                                                                                                                                                                    <span class="position">\
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <span class="digit static">0</span>\
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            </span></span>');
                    }
                    else{
// 			jQuery('<span class="count'+this+'">').html(
// 				'<span class="position">\
// 					<span class="digit static">0</span>\
// 				</span>\
// 				<span class="position">\
// 					<span class="digit static">0</span>\
// 				</span>'
// 			).appendTo(elem);
                        elem.append('<span class="count'+this+'"><span class="position">\
                                                                <span class="digit static">0</span>\
                                                                                                </span>\
                                                                                                                                <span class="position">\
                                                                                                                                                                        <span class="digit static">0</span>\
                                                                                                                                                                                                        </span></span>');
                    }
                    if(this!="Seconds"){
                            elem.append('<span class="countDiv countDiv'+i+'"></span>');
                    }
		});

	}

	// Creates an animated transition between the two numbers
	function switchDigit(position,number){

		var digit = position.find('.digit')

		if(digit.is(':animated')){
			return false;
		}

		if(position.data('digit') == number){
			// We are already showing this number
			return false;
		}

		position.data('digit', number);

		var replacement = jQuery('<span>',{
			'class':'digit',
			css:{
				top:'-2.1em',
				opacity:0
			},
			html:number
		});

		// The .static class is added when the animation
		// completes. This makes it run smoother.

		digit
			.before(replacement)
			.removeClass('static')
			.animate({top:'2.5em',opacity:0},'fast',function(){
				digit.remove();
			})

		replacement
			.delay(100)
			.animate({top:0,opacity:1},'fast',function(){
				replacement.addClass('static');
			});
	}
})(jQuery);