// JavaScript Document
item_id = 0;
function itemSelected(form, key){
	item_id = $("#" + form).val();

	if (item_id != -1){
		matDesignID = items[item_id].type;
		populateSelectMenu("item_design_" + key, matDesigns[matDesignID], "Select Color...");
		$("#bulk_color_" + key).show();
	} else {
		$("#bulk_color_" + key).hide();
	}
	
	$("#colorPreview_" + key).attr("src", "images/mbconfig/nopreview.gif");
	$("#bulk_order_" + key).hide();	
}

function matColorSelected(form, key){
	//matDesignID = form.item_design[form.item_design.selectedIndex].value;
	matDesignID = $("#" + form).val();
	if (matDesignID != -1){
		$("#colorPreview_" + key).attr("src", "images/mbconfig/opening_type_" + items[item_id].opening + "/" + matDesignImages[matDesignID]); 
		$("#bulk_order_" + key).show();
	} else {
		$("#colorPreview_" + key).attr("src", "images/mbconfig/nopreview.gif");
		$("#bulk_order_" + key).hide();
	}		
}

function matColorPreviewImageBulk(key){
	if ($("#item_id_" + key).val() != -1) {
		matDesignID = $("#item_design_" + key).val();
		if (matDesignID != -1) {
			jQuery.facebox({image: 'images/mblarge/' + matDesignImages[matDesignID]});
		}
	}
}