var preview_enabled = true;

$(document).ready(function() {
	$('.corner_decorations .decoration a').click(function() {
		var decoration_id = $(this).attr('className').replace('decoration_', '');
		var container = $(this).parents('.tile_settings').eq(0);
		select_corner_decoration(container, decoration_id);
		return false;
	});
	
	$('.select_tile').click(function() {
		var id = $(this).attr('id').replace('tile_', '');
		if (id == '') {
			id = 0;
		}
		$(this).parents('form').eq(0).find('input[@name="tile_id"]').val(id);
		$(this).parents('form').get(0).submit();
		return false;
	});
	
	$('.more_decorations').click(function() {
		$(this).parents('.decoration_container').eq(0).find('.corner_decorations').show();
		return false;
	});
	
	$('.tile_settings').each(function() {
		update_current_corner_decoration_image($(this));
	});
	
	$('.large_corner_decoration').mouseout(function() {
		preview_enabled = true
		$(this).fadeOut('fast');
		return false;
	});
	
	$('.thumb_corner_decoration').mouseover(function() {
		if (preview_enabled) {
			preview_enabled = false;
			$(this).parents('.decoration').find('.large_corner_decoration').fadeIn('slow');
		}
		return false;
	});
});

function select_corner_decoration(container, decoration_id) {
	if (isNaN(decoration_id)) {
		decoration_id = 0;
	}
	$(container).find('.corner_decoration_id').val(decoration_id);
	update_current_corner_decoration_image(container);
	$(container).find('.corner_decorations').hide();
}

function update_current_corner_decoration_image(container) {
	var current_decoration_id = $(container).find('.corner_decoration_id').val();
	$(container).find('.current_decoration .image a').empty();
	if (current_decoration_id) {
		var img = $('a.decoration_'+current_decoration_id+' img').eq(0).clone();
		if (img) {
			$(container).find('.current_decoration .image a').append(img);
			var new_width = 75;
			var new_height = Math.round((new_width/parseInt($(img).width())) * parseInt($(img).height()));
			$(img).width(new_width);
			$(img).height(new_height);
		}
	}
}