$(document).ready(function(){
	$('.dev .toggleItems textarea').each(function(i){
		$(this).height($(this).text().replace(/\s+$/g, "").split("\n").length * 16);
	});

	$('.dev').mouseenter(function(){
		$(this).css('background-color', '#fffcb7');
	}).mouseleave(function(){
		$(this).css('background-color', '#f5f5f5');
	});

	$('.dev .toggleButtons .trace, .dev .toggleButtons .edit, .dev .toggleButtons .explain, .dev .toggleButtons .dump').click(function(){
		$(this).parent().parent().find('.toggleItems .' + $(this).attr('class')).toggle();
		return false;
	});

	$('.dev .toggleButtons .explain').click(function(){
		var parent = $(this).parent().parent();
		var query = parent.find('textarea').val();

		$.post('dev,explain.html', {query: query}, function(response){
			parent.find('.toggleItems .explain').html(response);
		});
	});

	$('.dev .toggleButtons .dump').click(function(){
		var parent = $(this).parent().parent();
		var query = parent.find('textarea').val();

		$.post('dev,dump.html', {query: query}, function(response){
			parent.find('.toggleItems .dump').html(response);
		});
	});

	$('.dev .toggleButtons .refresh').click(function(){
		var parent = $(this).parent().parent();
		var query = parent.find('textarea').val();

		$.post('dev,explain.html', {query: query}, function(response){
			parent.find('.toggleItems .explain').html(response);
		});

		parent = $(this).parent().parent();
		query = parent.find('textarea').val();

		$.post('dev,dump.html', {query: query}, function(response){
			parent.find('.toggleItems .dump').html(response);
		});

		return false;
	});

	$('.dev .traceLog').click(function(){
		$(this).parent().children('span').toggle();

		return false;
	});
});