$(function(){
	var __time;
	var __testTime;
	var __p = $( '#countdown' ).children( 'span' );
	var days = __p.get( 0 ).innerHTML.replace( /[^0-9]/g, '' );
	var hours = __p.get( 1 ).innerHTML.replace( /[^0-9]/g, '' );
	var minutes = __p.get( 2 ).innerHTML.replace( /[^0-9]/g, '' );
	var seconds = __p.get( 3 ).innerHTML.replace( /[^0-9]/g, '' );
	var lasthour = 0;
	var digital_numbers = new Array(
		'images/digital-numbers/zero.png',
		'images/digital-numbers/one.png',
		'images/digital-numbers/two.png',
		'images/digital-numbers/three.png',
		'images/digital-numbers/four.png',
		'images/digital-numbers/five.png',
		'images/digital-numbers/six.png',
		'images/digital-numbers/seven.png',
		'images/digital-numbers/eight.png',
		'images/digital-numbers/nine.png'
	);
	var l_index = 0;
	var url = 'http://www.animahenasyon.com/';
	// var url = 'http://192.168.1.103/animehenasyon/';
	
	var digital_divider = "<img src=\"" + url + "images/digital-numbers/colon.gif\" / width=\"20\" height=\"25\">";
	
	loadingImages();
	
	__time = setInterval( function(){
		// $( '#countdown-holder' ).html( numberToImage( addZero( days ) ) + digital_divider + numberToImage( addZero( hours ) ) + digital_divider + numberToImage( addZero( minutes ) ) + digital_divider + numberToImage( addZero( seconds ) ) );
		//if( loadingImages() ){
			if(
				seconds == 0
				&& minutes == 0
				&& hours == 0
				&& days == 0
			){
				clearInterval( __time );
				window.location = window.location.toString();
			}
		
			seconds--;
			
			if( seconds < 0 ){
				seconds = 59;
				minutes--;
			}
			
			if( minutes < 0 ){
				minutes = 59;
				hours--;
			}
			
			if( hours < 0 ){
				hours = 23;
				days--;
			}
			
			if( l_index == digital_numbers.length ){
				animateNumbers();
			}
		//}
	}, 1000 );
	
	var testCounter = 0;
	
	function loadingImages(){
		var html = '';
		
		for( len = digital_numbers.length; l_index < len; l_index++ ){
			html += "<img src=\"" + url + digital_numbers[l_index] + "\" width=\"20px\" height=\"25px\" />";
		}
		
		$( '#actual-time' ).css({ display : 'none' }).html( html );
	}
	
	function animateNumbers(){
		var sec = $( '#seconds' );
		var mins = $( '#minutes' );
		var hrs = $( '#hours' );
		var dys = $( '#days' );
		
		if( sec.find( 'img' ).length == 0 ){
			sec.html( numberToImage( addZero( seconds ) ) );
			mins.html( numberToImage( addZero( minutes ) ) );
			hrs.html( numberToImage( addZero( hours ) ) );
			dys.html( numberToImage( days ) );
			lasthour = hours;
		} else{
			if( seconds.toString().length == 1 ){
				seconds = addZero( seconds );
			}
			
			execTimeAnim( sec, seconds );
			
			if( minutes.toString().length == 1 ){
				minutes = addZero( minutes );
			}
			
			if( seconds == 59 ){
				execTimeAnim( $( '#minutes' ), minutes );
			}
			
			if( hours.toString().length == 1 ){
				hours = addZero( hours );
			}
			
			if(
				minutes == 59
				&& lasthour == ( parseInt( hours ) + 1 )
			){
				execTimeAnim( $( '#hours' ), hours );
				lasthour--;
			}
		}
	}
	
	function execTimeAnim( sec, output ){
		var secNum = output.toString().charAt( 1 );
		var secNum2 = output.toString().charAt( 0 );
		var sec2ele = sec.find( 'span' ).eq( 1 );
		var sec1ele = sec.find( 'span' ).eq( 0 );
		
		/*sec2ele.animate( {
			top : 25 + 'px',
		}, 150, function(){
			$( this ).css(
				{
					top : -25 + 'px'
				}
			).//attr( 'src', url + digital_numbers[secNum] ).animate( {
			html( "<img src=\"" + url + digital_numbers[secNum] + "\" width=\"20px\" height=\"25px\" />" ).animate( {
				top : 0 + 'px'
			}, 600 );
		});*/
		
		sec2ele.html( "<img src=\"" + url + digital_numbers[secNum] + "\" width=\"15px\" height=\"20px\" />" );
		
		if( secNum == 9 ){
			/*sec1ele.animate({
				top : 25 + 'px'
			}, 150, function(){
				$( this ).css(
					{
						top : -25 + 'px'
					}
				).// attr( 'src', url + digital_numbers[secNum2] ).animate( {
				html( "<img src=\"" + url + digital_numbers[secNum2] + "\" width=\"20px\" height=\"25px\" />" ).animate( {
					top : 0 + 'px'
				}, 600 );
			} );*/
			sec1ele.html( "<img src=\"" + url + digital_numbers[secNum2] + "\" width=\"15px\" height=\"20px\" />" );
		}
	}
	
	function addZero( n ){
		return n.toString().length == 1 ? '0' + n : n;
	}
	
	function numberToImage( n ){
		var ret = '';
		var n = n.toString();
		if(
			n.length > 0
		){
			for( x = 0, len = n.length; x < len; x++ ){
				ret += "<span style=\"width: 15px; height: 20px; position: relative;\"><img src=\"" + url + digital_numbers[n.charAt( x )] + "\" / width=\"15x\" height=\"20px\" /></span>";
			}
		}
		
		return ret;
	}
});