$('#card').css('display', 'block');

$('select').each(function() {
	$(this).children().get()[0].selected = true;
	$('input').slice(0, 2).val('Enter username...');
});

$('.user')
	.focus(function() {
		var t = this;
		if (t.value == 'Enter username...') {
			t.value = '';
			t.style.color = '#000000';
		}
	})
	.blur(function() {
		var t = this;
		if (t.value == '') {
			t.value = 'Enter username...';
			t.style.color = '#aaaaaa';
		}
	});
	
$('#bbcode')
	.click(function() {
		this.select();
	})
	.val('');

$('#sel_first').change(function() {
	var	num = $('#sel_first option:selected').prevAll().length,
		opt2 = $('#sel_second option').css('display', 'block');
	opt2.get()[0].selected = true;
	opt2.eq(num).css('display', 'none');
	$('#row_second, #row_third').css('display', '');
});

$('#create').click(function() {
	var sel = $('select option:selected'), input = $('input'), serv1 = sel.eq(0).attr('class'), serv2 = sel.eq(1).attr('class'), user1 = input.eq(0).val(), user2 = input.eq(1).val();
	$('#output').html('<img src="loading.gif />');
	$('#bbcode').val('');
	
	$.post('generate.php', serv1 + '=' + user1 + '&' + serv2 + '=' + user2  + '&referer=' + $('#referer').val(), function(resp) {
		if (resp.result == 'success') {
			$('#output').html('<img src="' + resp.response + '" />');
			var links = $('#link input');
			links.eq(0).val('[URL="http://localplayer.org/card/"][IMG]http://localplayer.org/card/' + resp.response + '[/IMG][/URL]');
		} else {
			$('#output').html(resp.response);
		}
	}, 'json');
});