/**
 * Set up multiple Order Now button mechanisms on one page.
 *
 * Calls setupProductOptions(variableSuffix).
 */
function setupMultipleProductOptions(variableSuffixes) {
	if (variableSuffixes && typeof(variableSuffixes) !== 'undefined' && variableSuffixes.length && typeof(variableSuffixes.length) !== 'undefined' && variableSuffixes.length > 0) {
		for (i=0; i<variableSuffixes.length; i++) {
			setupProductOptions(variableSuffixes[i]);
		}
	}
}
/**
 * Set up the Order Now button and select box that contains the product options.
 *
 * If the productNames and productUrls global variables exist, then the values will
 * be used to set up the options.  If either of these variables is missing, the 
 * select box will be replaced by an "unavailable" message.
 *
 * Requires that there is a part of the current page with the following structure
 * (including attributes):
 * 
 * <div class="orderNow">
 *   <span id="productsSelectHolder" style="display:none;">
 *     <select id="productsSelectBox"></select>
 *   </span>
 *   <span id="orderNowButtonHolder">
 *     Default message goes here.
 *   </span>
 * </div>
 * 
 * @param variableSuffix Suffix to append to the element ID values above.
 *   For example, if suffix is "_test", then the productsSelectHolder
 *   ID value would become "productsSelectHolder_test".  The suffix is
 *   also appended to the array names (productNames and productUrls),
 *   so it is important that the arrays are passed back from Shopfront
 *   with the correct names.
 */
function setupProductOptions(variableSuffix) {
	// Fix parameter values and setup local variables.
	if (!variableSuffix || typeof(variableSuffix) === "undefined") {
		variableSuffix = "";
	} else {
		eval("productNames = typeof(productNames" + variableSuffix + ") === 'undefined' ? new Array() : productNames" + variableSuffix);
		eval("productUrls = typeof(productUrls" + variableSuffix + ") === 'undefined' ? new Array() : productUrls" + variableSuffix);
	}
	// Check the document structure.
	var productsSelectHolder = document.getElementById("productsSelectHolder" + variableSuffix);
	var productsSelectBox = document.getElementById("productsSelectBox" + variableSuffix);
	var orderNowButtonHolder = document.getElementById("orderNowButtonHolder" + variableSuffix);
	if (typeof(productsSelectHolder) === 'undefined' 
	    || typeof(productsSelectBox) === 'undefined'
	    || typeof(orderNowButtonHolder) === 'undefined') {
		// The document structure is incorrect.  The best we can do is...
		return;
	}
	
	var orderNowButtonHTML = '<a href="#" onclick="javascript:dispatchOrder(\'' + variableSuffix + '\');" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage(\'OrderNow' + variableSuffix + '\', \'\', \'/corporate.nsf/button02.jpg\', 1)"><img src="/corporate.nsf/button.jpg" alt="Order Now" name="OrderNow' + variableSuffix + '" /></a>\n';
	
	// Check for the required global variables.
	if (typeof(productNames) === 'undefined' || typeof(productUrls) === 'undefined' || productNames.length === 0 || productUrls.length === 0) {
		// Either the service is down, or the database is broken.
		// In either case, we aren't getting any products, so disable everything.
		// This will hide both the select box and the Order Now button.
		productsSelectHolder.innerHTML = '<span class="message">No Products Available</span>';
		orderNowButtonHolder.innerHTML = '';
		showOutageMessage();
	} else if (productNames.length <= 1 || productUrls.length <= 1) {
		productsSelectHolder.innerHTML = '<input type="hidden" name="productsSelectBox" id="productsSelectBox' + variableSuffix + '" value="' + productUrls[0] + '" />';
		orderNowButtonHolder.innerHTML = orderNowButtonHTML;
	} else {
		// There is more than one product, so we need a select box.
		// Create the Option objects and assign them to the <select> box.
		for (var i = 0; i < productNames.length; i++) {
			productsSelectBox.options[i] = new Option(productNames[i], productUrls[i]);
		}
		orderNowButtonHolder.innerHTML = orderNowButtonHTML;
	}
	productsSelectHolder.style.display = 'inline';
}

/**
 * Display the outage message for Shopfront.
 * Should only be called when Shopfront fails to respond.
 */
function showOutageMessage() {
	var messageElem = document.getElementById('shopfrontOutage');
	if (messageElem && typeof(messageElem) !== 'undefined') {
		messageElem.style.display = 'block';
	}
}
/**
 * Called when the user clicks "Order Now".
 *
 * Redirect to the appropriate shopfront URL, depending on the selected option.
 *
 * If there is anything wrong with the document structure, or the URL is not provided,
 * then this method will do nothing.
 */
function dispatchOrder(variableSuffix) {
	var productsSelectBox = document.getElementById("productsSelectBox" + variableSuffix);
	var url;
	if (typeof(productsSelectBox) !== 'undefined') {
		if (typeof(productsSelectBox.selectedIndex) !== 'undefined' && productsSelectBox.selectedIndex >= 0) {
			// There was more than one product, so get the selected value.
			url = productsSelectBox.options[productsSelectBox.selectedIndex].value;
		} else if (typeof(productsSelectBox.value) !== 'undefined') {
			// There was only one product, so the value is in a hidden field.
			url = productsSelectBox.value;
		}
	}

	if (typeof(url) !== 'undefined' && url !== "") {
		// Redirect to the specified URL, with a reference back to the current page.
		var delim = (url.indexOf("?") > 0) ? "&" : "?";
		document.location.href = url + delim + "productDetailsUrl=" + escape(document.location.href);
	}
}