$(document).ready(function(){
	$('#banner_creator_form').ajaxForm({
		target: '#created_banner',
		beforeSubmit: function(){
			if(!design_chosen) {
				alert('Please select a banner design.');
				return false;
			}
			$('#created_banner').html('<img src="/images/loading2.gif" />');
		},
		success: function(){}
	});
	$("#banner_text").draggable({containment: '#banner_wrapper', stop: function(e, ui) { document.getElementById('banner_textx').value = ui.position.left; document.getElementById('banner_texty').value = ui.position.top; }});
});

var design_chosen = false;


function insert_text() {
	if(!design_chosen) {
		alert('Please select a banner design.');
		return false;
	}
}

function update_fontsize() {
	document.getElementById('banner_text_content').style.fontSize = document.getElementById('font_size').value + 'px';
	document.getElementById('banner_text_content').style.lineHeight = (parseInt(document.getElementById('font_size').value)+4) + 'px';
	document.getElementById('banner_text_content').style.height = 4*(parseInt(document.getElementById('font_size').value)+6) + 'px';
	document.getElementById('banner_fontsize').value = document.getElementById('font_size').value;
}

function update_fontstyle() {
	document.getElementById('banner_text_content').style.fontFamily = document.getElementById('font_style').value;
	document.getElementById('banner_fontstyle').value = document.getElementById('font_style').value;
}

function change_colour(hex) {
	document.getElementById('banner_text_content').style.color = '#' + hex;
	document.getElementById('banner_fontcolor').value = hex;
	document.getElementById('hex_value').value = hex;
}

function choose_banner(banner, color) {
	if(!color) {
		color = 'ffffff';
	}
	document.getElementById('generated_banner').src = '/free/img/banners/' + banner + '.png';
	document.getElementById('banner_design').value = banner;
	design_chosen = true;
	
	document.getElementById('banner_text').style.display = 'block';
	if(document.getElementById('banner_text_content').value == '') {
		document.getElementById('banner_text_content').value = 'Your Text Goes Here...';
		document.getElementById('banner_text_content').focus();
	}
	document.getElementById('banner_text_content').style.color = '#' + color;
	document.getElementById('banner_fontcolor').value = color;
	document.getElementById('hex_value').value = color.toUpperCase();
	document.getElementById('banner_text').style.left = '200px';
	document.getElementById('banner_textx').value = '200';
	document.getElementById('banner_text').style.top = '20px';
	document.getElementById('banner_texty').value = '20';
	
	tb_remove();
}