$(document).ready(function(){
	$("div.explanation.javascript").remove();
	function getResult() {
		var myTimer = {};
		var method
		var string;
		$.clearTimer(myTimer);
		method = $("#method").val();
		if (method == 'datetounix') {
			string = $("#date").val()+'-'+$("#time").val();
		}
		else {
			string = $("#string").val();
		}
		if ($(".instruction .showing").hasClass(method) == false) {
			$(".instruction .showing").slideUp().removeClass("showing");
			var instruction = $(".instruction").find('.'+method).addClass("showing");
			if ($(".instruction .showing").length > 0) {
				$(".instruction").fadeIn();
			}
			//instruction.slideDown();
			instruction.show("blind",'',500,'');
		}
		if ($(".instruction .showing").length < 1) {
			$(".instruction").fadeOut();
		}
		myTimer = $.timer(250,function(){
			//var url = '/convert.php?string='+escape(string)+'&method='+method;
			var url = '/convert.php?string='+escape(string)+'&method='+method;
			//$.get(url, function(data) {
			$.post(url, { string: string, method: method },	function(data) {
				$("#result").val(data);
			});
			$("a.result").attr("href","http://convert.eikern.net/"+method+"/"+escape(string));
		});
	}
	
	var date = $("#date");
	var time = $("#time");
	var timeconteiner = $("#timeconteiner");
	var string = $("#string");
	
	date.datepicker({
		onSelect: function(dateText, inst) { 
			time.focus().select();
			getResult();
		},
		dateFormat: 'yy-mm-dd'
	});
	
	string.keyup(function(){
		getResult();
	});
	time.keyup(function(){
		getResult();
	});
	$("#method").change(function(){
		getResult();
		if ($(this).val() == 'datetounix') {
			getResult();
			timeconteiner.show();	
			string.hide();
		}
		else {
			timeconteiner.hide();
			string.show();
		}
	});
	if ($("#method").val() == 'datetounix') {
		getResult();
		timeconteiner.show();
		string.hide();
	}
	getResult();
});