var current;
var fff = 0;
var state = false;


$('.a-word').each(function() {
	$(this).click(function(e) {
		e.stopPropagation();
		current = this;
		$('#font-dialog li').removeClass('selected');
		
		var l = 0,
			t = 0;
		
		l = $(this).offset().left;
		t = $(this).offset().top + $(this).height();
		
		$('#font-dialog').css({
			top: t,
			left: l,
			position: 'absolute'
		});
		
		$('#font-dialog').removeClass('no-display');
		$(document).click(function(e) {
			if(state) {
				$('#font-dialog').addClass('no-display');
				state = false;
			}			
		});
		state = true;
	});
	
	$(this).mouseover(function() {
		$(this).addClass('hovered');
	});
	
	$(this).mouseout(function() {
		$(this).removeClass('hovered');
	});
});

$('#font-dialog a').click(function(e) {
	e.preventDefault();
	$(current).data('font', this.href.split('#')[1]);
	$(current).next().html(this.href.split('#')[1].replace('%20', ' ').replace('+', ' '));
	$(current).next().css({
		top: ($(current).offset().top - 20),
		left: $(current).offset().left
	});
	$('#font-dialog').addClass('no-display'); state = false;
	fff ++;
	if(fff >= $('.a-word').length) $('#check-btn').attr('disabled', '');
});

$('#check-btn').click(function() {
	var str = '';
	var error = '';
	$('span.a-word').each(function() {
		if($(this).data('font')) str += $(this).data('font') + '::' + $(this).attr('class').replace('a-word ', '').replace('font-', '') + ';';
	});
	$.ajax({
   		type: "GET",
   		url: '/check.php',
   		data: 'str=' + str,
   		success: function(msg){
   			var ans = msg.split(';'),
   				style,
   				a = 0;
   			$('span.a-word').each(function() {
   				if(ans[a] == '1') style = '#009900';
   				else style = '#990000';
   				
   				$(this).next().css('color', style);
   				a ++;
   			});
   		}
 	});
});

$('#font-help-toggler').click(function(e) {
	e.preventDefault();
	
	$('#font-help-table').slideToggle(function() {
		if($('#font-help-table').is(':visible')) {
			$.scrollTo($('#font-help-toggler'), '1000');
		}
	});
});