function change_image() {

}

function open_additional(item_id,image_id,width) {
	width = width ? width : 620;
	window.open('http://www.pulpproducts.com/cgi-local/additional_image.cgi?item=' + item_id + '&image=' + image_id,'additional_image','resizable=no,scrollbars=no,location=no,directories=no,width=' + width + ',height=580,toolbar=no,menubar=no,copyhistory=no')
}

function change_li(new_value,new_i) {
	close_patterns();
	if (new_value != getvalue('li')) {
		// SET THE LI FIELDS TO THE NEW VALUES
		document.getElementById('li').value = new_value;
		document.getElementById('li_i').value = new_i;
		
		// TROLL THE NEW ARRAY FOR THE SAME PATTERN
		pa_old = getvalue('pa');
		pa_i_new = '';
		for (i = 0; i <  patterns[new_value].length - 1; i++)
			if (pa_old == patterns[new_value][i].id)	pa_i_new = i;	// NOTE THE NEW INDEX IF THE SAME PATTERN IS FOUND
		if (pa_i_new)
			document.getElementById('pa_i').value = pa_i_new;			// USE THE NEW INDEX IF IT EXISTS (NO NEED TO CHANGE PATTERN ID OF COURSE)
		else {															// OTHERWISE RESET TO THE FIRST PATTERN
			document.getElementById('pa').value = patterns[new_value][0].id;
			document.getElementById('pa_i').value = 0;
		}
	}
	
	refresh_compositor();
}

function getvalue(target) {
	return document.getElementById(target).value;
}

function open_patterns() {
	var this_li = getvalue('li');
	if (!this_li) this_li = '0';

	document.getElementById('cover_everything').style.visibility = 'visible';
	var theTable = document.getElementById('pattern_palette');
	
	while (theTable.firstChild) {	// Clear the table
		theTable.removeChild(theTable.firstChild);
	}
	
	theTable.insertRow(theTable.rows.length);
	theTable.rows[0].className = 'palette_header';
	theTable.rows[0].insertCell(0);
	thisCell = theTable.rows[0].cells[0];
	thisCell.colSpan = '9';
	
	var thisDiv = document.createElement('span');
	thisDiv.appendChild(document.createTextNode('Choose from any of these ' + patterns[this_li].length + ' styles...'));
	
	var thisA = document.createElement('a');
	thisA.href = 'javascript:close_patterns()';
	thisA.appendChild(document.createTextNode('Close style palette'));
	
	thisCell.appendChild(thisDiv);
	thisCell.appendChild(thisA);

		
	for (i = 0; i < patterns[this_li].length; i++) {
		if (i % 9 == 0) {
			theTable.insertRow(theTable.rows.length);
			thisRow = theTable.rows[theTable.rows.length - 1];
			thisRow.vAlign = 'top';
			thisRow.align = 'center';
			thisRow.className = 'palette_row';
		}
		thisRow.insertCell(thisRow.cells.length);
		thisCell = thisRow.cells[thisRow.cells.length - 1];
		
		var newAnchor = document.createElement('a');
		newAnchor.href = 'javascript:change_pa(' + i + ')';
		thisCell.appendChild(newAnchor);
		
		var newImage = document.createElement('img');
		if (this_li != '0') newImage.src = '/cgi-local/db_images/patterns/uploads/' + patterns[this_li][i].id + '-thumbnail.jpg';
		if (this_li == '0') newImage.src = '/cgi-local/db_images/line_items/uploads/' + patterns[this_li][i].id + '-thumbnail.jpg';
		
		if (patterns[this_li][i].id == getvalue('pa')) {
			newImage.className = 'selected';
		}
		
		var newText = document.createTextNode(patterns[this_li][i].title);
		if (patterns[this_li][i].code) var newCode = document.createTextNode(' ' + patterns[this_li][i].code);
		if (patterns[this_li][i].surcharge) var newSurcharge = document.createTextNode(' ($' + patterns[this_li][i].surcharge + ' surcharge)');
	
		newAnchor.appendChild(newImage);
		newAnchor.appendChild(newText);
		
		var usertype = getvalue('t');
		if (newCode && usertype == 'wholesale') newAnchor.appendChild(newCode);
		if (newSurcharge && usertype == 'wholesale') newAnchor.appendChild(newSurcharge);
	}
	
	theTable.style.visibility = 'visible';
}

function refresh_compositor() {
	pa_i = (getvalue('pa_i') - 1) + 1;
	
	var this_li = getvalue('li');
	if (!this_li) this_li = '0';
	
	if (this_li != 0) var path_prefix = '/cgi-local/db_images/patterns/uploads/';
	if (this_li == 0) var path_prefix = '/cgi-local/db_images/line_items/uploads/';

	// SHOW THE LOADING OVERLAY
	// document.getElementById('loading').style.visibility = 'visible';
	
	// SHOW THE NEW IMAGE

	document.getElementById('item_image').src = '/cgi-local/compositor.cgi.jpg?li='
		+ getvalue('li')
		+ '&pa='
		+ getvalue('pa');	

	// SHOW OR HIDE THE APPROPRIATE NAVIGATION BUTTONS
	if (pa_i > 0)	document.getElementById('pattern_previous').style.visibility = 'visible';
						else	document.getElementById('pattern_previous').style.visibility = 'hidden';
	if (pa_i < patterns[this_li].length - 1)
								document.getElementById('pattern_next').style.visibility = 'visible';
						else	document.getElementById('pattern_next').style.visibility = 'hidden';

	// CHECK THE APPROPRIATE RADIO BUTTON
	if (document.getElementById('li_' + getvalue('li_i'))) document.getElementById('li_' + getvalue('li_i')).checked = true;
	
	// SET THE PRICE
	if (document.getElementById('price_' + getvalue('li'))) document.getElementById('price_' + getvalue('li')).innerHTML = patterns[this_li][pa_i].total;
	
	// SHOW THE CORRECT IMAGE THUMBNAIL & TITLE
	document.getElementById('pattern_current_image').src = path_prefix + patterns[this_li][pa_i].id + '-thumbnail.jpg';
	document.getElementById('pattern_current_title').innerHTML = patterns[this_li][pa_i].title;
	if (patterns[this_li][pa_i].code && document.getElementById('t').value == 'wholesale')
		document.getElementById('pattern_current_title').innerHTML += ' (' + patterns[this_li][pa_i].code + ')';
	
	// SET THE CORRECT PREVIOUS AND NEXT IMAGES
	if (pa_i > 0)
		document.getElementById('pattern_previous_image').src = path_prefix + patterns[this_li][pa_i - 1].id + '-thumbnail.jpg';
	if (pa_i < patterns[this_li].length - 1)
		document.getElementById('pattern_next_image').src = path_prefix + patterns[this_li][pa_i + 1].id + '-thumbnail.jpg';
}

function close_patterns() {
	document.getElementById('cover_everything').style.visibility = 'hidden';
	document.getElementById('pattern_palette').style.visibility = 'hidden';
}

function change_pa(new_i) {

	var this_li = getvalue('li');
	if (!this_li) this_li = '0';

	if (new_i == 'increase')
		new_i = (getvalue('pa_i') - 1) + 2;
	if (new_i == 'decrease')
		new_i = getvalue('pa_i') - 1;

	
	close_patterns();
	document.getElementById('pa_i').value = new_i;
	document.getElementById('pa').value = patterns[this_li][new_i].id;
	
	refresh_compositor();
}

function refresh_static() {
	var this_li = getvalue('li');
	if (!this_li) this_li = '0';
	
	document.getElementById('item_image').src = '/cgi-local/db_images/line_items/uploads/' + getvalue('li') + '-source_image.jpg';
	
	// CHECK THE APPROPRIATE RADIO BUTTON
	if (document.getElementById('li_' + getvalue('li_i'))) document.getElementById('li_' + getvalue('li_i')).checked = true;
}

function change_static_li(new_value,new_i) {
	if (new_value != getvalue('li')) {
		// SET THE LI FIELDS TO THE NEW VALUES
		document.getElementById('li').value = new_value;
		document.getElementById('li_i').value = new_i;
	}
	
	refresh_static();
}