/*
 * Compteur dans le header
 */

// Animation Compteur
function startCompteur(  ) {
	
	// Init du compteur
	// Je met le compteur dans sa position initiale
	var piecesDepart = 74328123;
	var frequence	 = 2600;
	
	var depart = new Date( );
	var timestampDepart = 0;
	depart.setFullYear( 2012 );
	depart.setMonth( 1 );
	depart.setDate( 18 );
	depart.setHours( 11 );
	depart.setMinutes( 0 );
	timestampDepart = depart.getTime(  );

	var aujourdhui = new Date( );
	var timestampAujourdhui = aujourdhui.getTime(  );
	
	var timestampEcoule = timestampAujourdhui - timestampDepart;
	
	var nbPieceDepuisDepart = timestampEcoule / frequence;
	var departCompteur = Math.floor( piecesDepart + nbPieceDepuisDepart );
	
	var numbers = Array( );
	var numbersStr = departCompteur.toString( );
	for ( var i = 0; i < numbersStr.length; i++ ) {
		numbers.push( numbersStr.substr( i, 1 ) );
	}

	$( '#compteurKilos' ).text( '' );
	for ( numbersVal in numbers ) {
		var imgSrc = $( '#imgSrc' ).val( );
		$( '#compteurKilos' ).append( '<img src="' + imgSrc + '" id="img-' + numbersVal + '" />' );
	}
	
	animateNumbers( departCompteur );
	$( '#compteurKilosValue' ).val( departCompteur );

	// $( '#compteurKilos' ).text( departCompteur );
	setInterval( "refreshCompteur( )", frequence );
}

function refreshCompteur( ) { 
	var nouvelleValeur = parseInt( $( '#compteurKilosValue' ).val( ) ) + 1;
	$( '#compteurKilosValue' ).val( nouvelleValeur );
	animateNumbers2( nouvelleValeur );
	// $( '#compteurKilos' ).text( nouvelleValeur );
}

function animateNumbers( numberId ) {
	
	var increment = 26;
	var numbersStr = numberId.toString( );
	var numbers = Array( );
	
	for ( var i = 0; i < numbersStr.length; i++ ) {
		numbers.push( numbersStr.substr( i, 1 ) );
	}

	for ( numbersVal in numbers ) {
		var number = parseInt( numbersVal );
		var position = numbers[numbersVal] * increment;
		$( '#compteurKilos' ).find( "#img-" + numbersVal ).animate({
			top: '-=' + position
		}, 1000, function() {
		    // Animation complete.
		});
	}
}

function animateNumbers2 ( numberId ) {
	
	var increment = 26;
	var numbersStr = numberId.toString( );
	var numbers = Array( );
	
	for ( var i = 0; i < numbersStr.length; i++ ) {
		numbers.push( numbersStr.substr( i, 1 ) );
	}

	if ( numbersStr.length > $( '#compteurKilos img' ).length ) {
		$( '#compteurKilos' ).text( '' );
		for ( numbersVal in numbers ) {
			var imgSrc = $( '#imgSrc' ).val( );
			$( '#compteurKilos' ).append( '<img src="' + imgSrc + '" id="img-' + numbersVal + '" />' );
		}
	}
	
	for ( numbersVal in numbers ) {
		if ( numbers[numbersVal] == 0 ) {
			$( '#compteurKilos' ).find( "#img-" + numbersVal ).css( 'top', '0px' );
		}
		
		var number = parseInt( numbersVal );
		var position = numbers[numbersVal] * increment;
		if ( '-' + position + 'px' != $( '#compteurKilos' ).find( "#img-" + numbersVal ).css( 'top' ) && position + 'px' != $( '#compteurKilos' ).find( "#img-" + numbersVal ).css( 'top' ) ) {
			$( '#compteurKilos' ).find( "#img-" + numbersVal ).animate({
				top: '-=' + increment
			}, 1000, function() {
			    // Animation complete.
			});
		}
	}
}

function startCompteurEmploi( nbEmplois ) {
	
	var departCompteur = nbEmplois;
	
	var numbers = Array( );
	var numbersStr = departCompteur.toString( );
	for ( var i = 0; i < numbersStr.length; i++ ) {
		numbers.push( numbersStr.substr( i, 1 ) );
	}

	$( '#compteurEmplois' ).text( '' );
	for ( numbersVal in numbers ) {
		var imgSrc = $( '#imgSrc' ).val( );
		$( '#compteurEmplois' ).append( '<img src="' + imgSrc + '" id="img-emploi-' + numbersVal + '" />' );
	}
	
	animateNumbersEmplois( departCompteur );
}

function animateNumbersEmplois( numberId ) {
	
	var increment = 26;
	var numbersStr = numberId.toString( );
	var numbers = Array( );
	
	for ( var i = 0; i < numbersStr.length; i++ ) {
		numbers.push( numbersStr.substr( i, 1 ) );
	}

	for ( numbersVal in numbers ) {
		var number = parseInt( numbersVal );
		var position = numbers[numbersVal] * increment;
		$( '#compteurEmplois' ).find( "#img-emploi-" + numbersVal ).animate({
			top: '-=' + position
		}, 1000, function() {
		    // Animation complete.
		});
	}
}