/* -----------------------------------------------------------------------------
	myQuiltGenie - NAME TYPE - scripts
----------------------------------------------------------------------------- */
var fab_width	= 42;

//	calc_block(size, num);
function calc_block(size, num) 
{
	var num_sq	= num * 2, 
		width_1	= (size / 4) + 0.5, 
		width_4	= (size / 4) + 1, 
		strips_1	= calc_strips(width_1, num_sq), 
		strips_4	= calc_strips(width_4, num_sq), 
		fab		= '&nbsp;- ' + calc_yds_str((width_1 * strips_1) + (width_4 * strips_4)) + format_cut_instr(width_4, strips_4, '<b>four patch</b> square', num_sq) + format_cut_instr(width_1, strips_1, 'square', num_sq);
	element_inner('mgq_info', format_mgq_info(num, size));
	element_inner('fab_1', fab);
	element_inner('fab_2', fab);
	element_inner('fab_3', fab);
	element_inner('fab_4', fab);
	element_inner('mgq_unit_a', num_sq);
	element_inner('mgq_unit_b', num_sq);
	element_inner('mgq_unit_c', num_sq);
	element_inner('mgq_unit_d', num_sq);
	element_inner('mgq_num_blocks', 'Make ' + num + ' block' + ((num > 1) ? 's.' : '.'));
	element_inner('mgq_half_1', format_fraction(width_4/2));
	element_inner('mgq_half_2', format_fraction(width_4/2));
}

/* -----------------------------------------------------------------------------
	set_color(cols, rows);
		cols		
		rows		
		img_obj		
		RETURN (OBJECT) DOM table object
----------------------------------------------------------------------------- */
function set_color(cols, rows) 
{
	var block	= 'images/four_in_four_color.jpg', 
		up_left	= 'images/four_in_four_color_ul.jpg', 
		up_right	= 'images/four_in_four_color_ur.jpg', 
		lo_left	= 'images/four_in_four_color_ll.jpg', 
		lo_right	= 'images/four_in_four_color_lr.jpg', 
		top		= 'images/four_in_four_color_h.jpg', 
		left	= 'images/four_in_four_color_v.jpg', 
		right	= 'images/four_in_four_color_v.jpg', 
		bottom	= 'images/four_in_four_color_h.jpg', 
		otable	= document.getElementById('mgq_preview'), 
		i, 
		ii, 
		orow, 
		ocell, 
		oimg;
	//	clear table
	for (i=0; otable.rows.length > 0; i++) 
	{
		otable.deleteRow(0);
	}
	//	top
	orow	= otable.insertRow(-1);
	oimg	= new_image(up_left, 'cornerstone', 'corner');
	ocell	= orow.insertCell(-1);
	ocell.appendChild(oimg);
	for (i=0; i<cols; i++) 
	{
		oimg	= new_image(top, 'top border', 'horiz');
		ocell	= orow.insertCell(-1);
		ocell.appendChild(oimg);
	}
	oimg	= new_image(up_right, 'cornerstone', 'corner');
	ocell	= orow.insertCell(-1);
	ocell.appendChild(oimg);
	//	blocks
	for (i=0; i<rows; i++) 
	{
		orow	= otable.insertRow(-1);
		oimg	= new_image(left, 'left border', 'vert');
		ocell	= orow.insertCell(-1);
		ocell.appendChild(oimg);
		for (ii=0; ii<cols; ii++) 
		{
			oimg	= new_image(block, 'block', 'block');
			ocell	= orow.insertCell(-1);
			ocell.appendChild(oimg);
		}
		oimg	= new_image(right, 'right border', 'vert');
		ocell	= orow.insertCell(-1);
		ocell.appendChild(oimg);
	}
	//	bottom
	orow	= otable.insertRow(-1);
	oimg	= new_image(lo_left, 'cornerstone', 'corner');
	ocell	= orow.insertCell(-1);
	ocell.appendChild(oimg);
	for (i=0; i<cols; i++) 
	{
		oimg	= new_image(bottom, 'bottom border', 'horiz');
		ocell	= orow.insertCell(-1);
		ocell.appendChild(oimg);
	}
	oimg	= new_image(lo_right, 'cornerstone', 'corner');
	ocell	= orow.insertCell(-1);
	ocell.appendChild(oimg);
}

//	calc_quilt(size, cols, rows);
function calc_quilt(size, cols, rows) 
{
	
}

//	update_page();
function update_page() 
{
	var size	= Number(document.mgq_form.block_size.value), 
		num		= 0, 
		cols	= 0, 
		rows	= 0;
	fab_width	= Number(document.mgq_form.fab_width.value);
	if (document.mgq_form.num_blocks) 
	{
		num		= Number(document.mgq_form.num_blocks.value);
		if (calc_block) 
		{
			calc_block(size, num);
		}
	}
	else 
	{
		cols	= Number(document.mgq_form.num_cols.value);
		rows	= Number(document.mgq_form.num_rows.value);
		if (document.mgq_form.mgq_type && document.mgq_form.mgq_type.value == 'color') 
		{
			set_color(cols, rows);
		}
		else if (calc_quilt) 
		{
			calc_quilt(size, cols, rows);
		}
	}
}

//	start_page();
function start_page() 
{
	document.mgq_form.block_size.disabled	= '';
	document.mgq_form.fab_width.disabled	= '';
	if (document.mgq_form.num_blocks) 
	{
		document.mgq_form.num_blocks.disabled	= '';
	}
	else 
	{
		document.mgq_form.num_cols.disabled	= '';
		document.mgq_form.num_rows.disabled	= '';
	}
}