function renderText() {
	var canvas = document.getElementById('text_design');
	var text = document.cart_quantity.art_text.value;
	//canvas.innerHTML = text;
	var font = document.cart_quantity.font.options[document.cart_quantity.font.selectedIndex].value;
	var size = document.cart_quantity.size.options[document.cart_quantity.size.selectedIndex].value;
	var color = document.cart_quantity.color.value;

	var string = '<font';
	if (font != '') {
		string += ' face="' + font + '"';
	}
	string += ' size="' + size + '" color="' + color + '">' + text + '</font>';
	canvas.innerHTML = string;
}

function addText() {
	if (document.cart_quantity.art_text.value == '') {
		alert('Please enter a text');
		document.cart_quantity.art_text.focus();
		return;
	}
	document.cart_quantity.add_art.value = 'art';
	document.getElementById("image").value = '';
	document.getElementById("image_width").value = '';
	document.getElementById("image_height").value = '';
	document.getElementById("image_xy").value = '';
	document.getElementById("image_canvas").value = '';
	document.cart_quantity.submit();
}

function delText(cnt) {
	document.cart_quantity.del_art.value = cnt;
	document.cart_quantity.add_art.value = 'art';
	document.cart_quantity.submit();
}

function showClipart(cat_id) {
	agent.call('/show_clipart.php', 'show_clipart', 'clipart', cat_id);
}

function addImage(img, width, height) {
	for (var i=0; i < document.cart_quantity.div_id.length; i++) {
		if (document.cart_quantity.div_id[i].checked) {
			var rad_val = document.cart_quantity.div_id[i].value;
		}
	}
	document.cart_quantity.image_canvas.value = rad_val;
	document.cart_quantity.image.value = img;
	document.cart_quantity.image_width.value = width;
	document.cart_quantity.image_height.value = height;
	document.cart_quantity.add_art.value = 'art';
	document.cart_quantity.submit();
}

function uploadClipart() {
	window.open('upload_clipart.php', 'popupWindow', 'toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=yes,copyhistory=no,width=250,height=150,screenX=150,screenY=150,top=150,left=150');
}

function findPosX(obj) {
	var curleft = 0;
	if (obj.offsetParent) {
		while (1) {
			curleft += obj.offsetLeft;
			if (!obj.offsetParent) {
				break;
			}
			obj = obj.offsetParent;
		}
	} else if (obj.x) {
		curleft += obj.x;
	}
	return curleft;
}

function findPosY(obj) {
	var curtop = 0;
	if (obj.offsetParent) {
		while (1) {
			curtop += obj.offsetTop;
			if (!obj.offsetParent) {
				break;
			}
			obj = obj.offsetParent;
		}
	} else if (obj.y) {
		curtop += obj.y;
	}
	return curtop;
}

function my_DragFunc() {
	var temp_arr = dd.obj.name.split("_");
	var canvas = temp_arr[0];
	var objWidth = dd.obj.w;
	var objHeight = dd.obj.h;
	var objX = dd.obj.x;
	var objY = dd.obj.y;
	var contain = 0;
	
	if (canvas == 'f') {
		// no left spill
		if (objX < draw_start_x) {
			objX = draw_start_x;
			contain = 1;
		}
		// no right spill
		if (objX + objWidth > draw_end_x) {
			objX = draw_end_x - objWidth;
			contain = 1;
		}
		// no top spill
		if (objY < draw_start_y) {
			objY = draw_start_y;
			contain = 1;
		}
		// no bottom spill
		if (objY + objHeight > draw_end_y) {
			objY = draw_end_y - objHeight;
			contain = 1;
		}
		if (contain == 1) {
			dd.obj.moveTo(objX, objY);
		}
	}
	
	if (canvas == 'b') {
		// no left spill
		if (objX < draw_start_x_b) {
			objX = draw_start_x_b;
			contain = 1;
		}
		// no right spill
		if (objX + objWidth > draw_end_x_b) {
			objX = draw_end_x_b - objWidth;
			contain = 1;
		}
		// no top spill
		if (objY < draw_start_y_b) {
			objY = draw_start_y_b;
			contain = 1;
		}
		// no bottom spill
		if (objY + objHeight > draw_end_y_b) {
			objY = draw_end_y_b - objHeight;
			contain = 1;
		}
		if (contain == 1) {
			dd.obj.moveTo(objX, objY);
		}
	}
}

function my_DropFunc() {
	var temp_arr = dd.obj.name.split("_");
	var canvas = temp_arr[0];
	if (canvas == 'f') {
		var objX = dd.obj.x - draw_start_x;
		var objY = dd.obj.y - draw_start_y;
	}
	if (canvas == 'b') {
		var objX = dd.obj.x - draw_start_x_b;
		var objY = dd.obj.y - draw_start_y_b;
	}
	var name = dd.obj.name.split("_");
	if (name[1] == 'text') {
		eval('document.cart_quantity.xy_' + name[2] + '.value = "' + objX + ', ' + objY + '"');
	} else {
		eval('document.cart_quantity.image_xy_' + name[3] + '.value = "' + objX + ', ' + objY + '"');
	}
}

function my_ResizeFunc() {
	var objWidth = dd.obj.w;
	var objHeight = dd.obj.h;
	document.cart_quantity.image_width.value = objWidth;
	document.cart_quantity.image_height.value = objHeight;
}