var limitReached = false;

$(document).ready(function() {
	$('#uploadLink').click(function() {
		$('#uploadBlockText').slideUp();
		$('#uploadBlockForm').slideDown();
		return false;
	});
});

function openEditor(i) {
	openModal('/create/editor/'+i, lang.editor, false, false, 'post', function() {
		loadingToggle();
		$('#textHandler').draggable({
			stop: function() {
				$('#textPosY').val($('#textHandler').css('top'));
				$('#textPosX').val($('#textHandler').css('left'));
			}
		});
    	$('#colorPicker').farbtastic(
    		function(color) {
    			$('#colorField').val(color.replace('#', ''));
    			$('#colorPickerButton').css({background:color});
			}
    	);
		$('#editor').click(function(e) {
			if (e.target.id != 'colorPickerButton' && e.target.id != 'colorPicker') {
				$('#colorPicker').hide();
			}
		});
		//$.farbtastic('#colorPicker').setColor('#<?=$this->session->userdata('text_color')?>');
		$('#colorPickerButton').css({background:'#'+$('#colorField').val()});
	});
}

function addFrame(frame) {
	if ($('#generator').css('display') == 'none') {
		$('#generator').slideDown();
	}
	$('#frames').append(frame);
	$("#frames").sortable();
}

function removeFrame(i) {
	if (confirm(lang.remove_frame_confirm)) {
		loadingToggle();
		$.ajax({
			url: '/create/remove_frame/'+i, 
			type: 'GET',
			dataType: 'html',
			success: function(data, status) {
		        $('#console').html(data);
		        limitReached = false;
		        loadingToggle();
			}
		});
	}
}

function cloneFrame(i) {
	loadingToggle();
	$.ajax({
		url: '/create/clone_frame/'+i, 
		type: 'GET',
		dataType: 'html',
		success: function(data, status) {
		    $('#console').html(data);
		}
	});
}

function uploadFrame(file) {
	loadingToggle();
	$.ajax({
		url: '/create/upload', 
		data: { url: file },
		type: 'POST',
		dataType: 'html',
		success: function(data, status) {
	        $('#console').html(data);	        
		}
	});
}

function uploadDone(result, message, frame, finish) {
	if (result == '1') {
		loadingToggle();
		addFrame(frame);
	}
	else {
		loadingToggle();
		alert(message);
	}
	if (finish) {
		limitReached = true;
	}
}

function previewShot() {
	closePreview();
	var sort = $('#frames').sortable('toArray');
    $('#sort').val(sort);
	openModal('/create/preview', lang.preview, false, 'settings_form', 'post');
}

function closePreview() {
	hideModal();
}

function saveShot() {
	hideModal();
	openModal('/create/save', lang.save, false, 'settings_form', 'post');
}