// enables dynamic timestamp conversion 

window.onload = function( )
{
	var ts = document.getElementById( 'timestamp' );
	result = document.getElementById( 'ts_result' );
	inp = document.getElementById( 'ts_entry' );

	inp.onkeypress = keyPress;
}

function keyPress( e ) {
	var key = window.event ? e.keyCode : e.which;
	var txt;
	var dateString;

	// backspace
	if ( key > 47 && key < 58 ) {
		/*
		var newDiv = document.createElement( 'div' );
		newDiv.setAttribute( 'id', 'ts_entry' );
		txt = document.createTextNode( inp.value );
		newDiv.appendChild( txt );
		ts.replaceChild( txt, result ); 
		*/

		key -= 48;
		result.innerHTML = getDate( inp.value + key );
	}
	else if (( key == 8 ) || ( key == 13 )) {
		/*
		inp.setAttribute( 'value', inp.value.substr( 0, inp.value.length-1 ));
		result.replaceChild( txt, result.firstChild );
		oldtxt = document.getElementById( 'ts_result' );
		result.replaceChild( txt, result);
		*/

		txt = document.createTextNode( inp.value.substr( 0, inp.value.length-1 ));
		result.innerHTML = getDate( inp.value.substr( 0, inp.value.length-1 ));
	}
	else if ( e.keyCode == 37 || e.keyCode == 39 ) {
		;
	}
	else {
		return false;
	}
}

function getDate( ts )
{
	req = false;
	var msg;

	var req = new XMLHttpRequest();
	var url = 'http://www.fluidthoughts.com/ajax/time_convert.php?unix_ts=' + ts;
	req.open('GET', url, true);
	req.onreadystatechange = function ( ) {

		if ( req.readyState == 4 ) {
			if ( req.status == 200 ) {
				msg = req.responseText;
				result.innerHTML = msg;
			}
			else {
				alert( 'error ' + req.status );
			}
		}

	};
	req.send(null); 

	msg += ' test';
	return msg;
}

