/*****************************************************************************************
 *
 *
 *  Common functions used by single and double sliders for new MPA UI
 *
 *
 *****************************************************************************************/


function doNothing() {
	return true;
}


/*****************************************************************************************
 *  Functions for auto-saving unsaved work on forms.
 *****************************************************************************************/

var unsavedWork = false;   			// Determine if there is unsaved work.
var pltPage = false;            			// Flag the products like this page for special auto-save handling.
var priceSpinnerQuestion = false;   // To be overridden on price page.


//
// Indicate that there is unsaved work to be saved.  This is used for pages
// when upon loading, we wish to flag that there is valid work that should be saved.
//
function setUnsavedWork() {
    unsavedWork = true;
}

//
// Products Like This.
//
function setPLTPage() {
    setUnsavedWork();
    pltPage = true;
}


//
// Submit the form, if there is unsaved work
// and return the results. If there is no unsaved work,
// simply return true.
//
function checkForUnsavedWorkSubmit(forwardAction, qaId) {
	if (unsavedWork) {
		// if (window.sliders.length > 0) {
		// alert("Num forms:" + document.forms.length + ". Unsaved work found.
		// About to submit " + document.forms[0].name +
		// "\nwindow.sliders.length: " + window.sliders.length +
		// "\nwindow.sliders[0].sliderType: " + window.sliders[0].sliderType);
		// } else {
		// alert("Num forms:" + document.forms.length + ". Unsaved work found.
		// About to submit " + document.forms[0].name +
		// "\nwindow.sliders.length: " + window.sliders.length);
		// }

		// Call the appropriate slider javascript to set the slider values only
		// if there exists any to submit:
		if (!pltPage) {
			if (priceSpinnerQuestion) {
				if (!validateAllPriceInputs()) {
					return false;
				}
			} else if (window.sliders && window.sliders.length > 0) {
				if (window.sliders[0].sliderType == "dual") {
					sliderSetValues(window.sliders[0]);
				} else if (window.sliders[0].sliderType == "single") {
					saveSliderSettings(document.forms[0], window.sliders);
				}
			}
		} else {
			// alert("PLT Page!");
			// alert("document.forms[0].productInMind[1].checked=" +
			// document.forms[0].productInMind[1].checked);
			// alert("document.forms[0].productInMind[0].checked=" +
			// document.forms[0].productInMind[0].checked);
			if (document.forms[0].productInMind[1].checked == true
					&& (brandSelectList.selectedIndex == 0 || (brandSelectList.selectedIndex > 0 && productFamilySelectList.selectedIndex == 0))) {
				// Invalid PLT Page state, don't autosave just follow href
				// alert("PLT Page in invalid state - no autosave");
				return true;
			}
		}
		if (document.forms[0].formPostedForwardAction) {
			document.forms[0].formPostedForwardAction.value = forwardAction;
		}

		if (document.forms[0].formPostedForwardQaId) {
			document.forms[0].formPostedForwardQaId.value = qaId;
		}
		// document.forms[0].formPostedSubmit.value = "Submit"; // This does not
		// seem to get carried over after a explicit form.submit()

		document.forms[0].submit();

		// alert("forwardAction: " +
		// document.forms[0].formPostedForwardAction.value +
		// "\nformPostedSubmit: " + document.forms[0].formPostedSubmit.value +
		// "\nDone!");

		// We return false here because we do not wish the original href onclick
		// to forward
		// to the target since the submit on the form itself will appropriately
		// forward
		// to the target after the update of the responses.
		return false;
	}
	return true;
}

//
// Used for dynamic submit buttons that are really anchor links.
// There should be hidden "formPostedSubmit" and "formPostedCancel" input fields on the page.
//
function submitForm(submitContinue) {
	if (priceSpinnerQuestion) {
		if (!validateAllPriceInputs()) {
			return false;
		}
	} else if (window.sliders && window.sliders.length > 0) {
		if (window.sliders[0].sliderType == "dual") {
			sliderSetValues(window.sliders[0]);
		} else if (window.sliders[0].sliderType == "single") {
			saveSliderSettings(document.forms[0], window.sliders);
		}
	}
	/*
	 * if(document.forms[0].formPostedCancel){
	 * document.forms[0].formPostedCancel.value = null; }
	 */
	// document.forms[0].formPostedSubmit.value = "Submit"; // This does not
	// seem to get carried over after a explicit form.submit()
	if (submitContinue) {
		if ($('submitField')) {
			$('submitField').innerHTML = '<input type="hidden" name="formPostedContinue" value="true"/>';
		}
	} else {
		if ($('submitField')) {
			$('submitField').innerHTML = '<input type="hidden" name="formPostedSubmit" value="true"/>';
		}
	}
	document.forms[0].submit();

	// alert("forwardAction: " + document.forms[0].formPostedForwardAction.value
	// +
	// "\nformPostedSubmit: " + document.forms[0].formPostedSubmit.value +
	// "\nDone!");

	// We return false here because we do not wish the original href onclick to
	// forward
	// to the target since the submit on the form itself will appropriately
	// forward
	// to the target after the update of the responses.
	return false;
}

function cancelForm() {
	if (document.forms[0].formPostedSubmit) {
		document.forms[0].formPostedSubmit.value = null;
	}
	if (document.forms[0].formPostedContinue) {
		document.forms[0].formPostedContinue.value = null;
	}
	if ($('submitField')) {
		$('submitField').innerHTML = '<input type="hidden" name="formPostedCancel" value="true"/>';
	}
	document.forms[0].submit();
	return false;
}


/*****************************************************************************************
 *  Functions for tool tips related to "slidertip" and "displaySliderTooltip".
 *****************************************************************************************/

var slidersDragged = new Array();
var numSlidersDragged = 0;

//
// Tooltip for slider.  Requires a div with an id of slidertip in it somewhere on the page.
//
function displayTooltip(text, left, top) {
    if (! isIE5Mac && numSlidersDragged < 2) {
        var shouldDisplayTooltip = getElement("displaySliderTooltip");
        if (shouldDisplayTooltip && shouldDisplayTooltip.value != "false") {
            var tooltip = getElement("slidertip");
            if (tooltip.style.visibility.toString() != "visible") {
                tooltip.innerHTML = text;
                tooltip.style.top = (top + 20) + "px";
                tooltip.style.left = (left - 75) + "px";
                tooltip.style.visibility = "visible";
            }
        }
    }
}

// private.
function addSliderToDraggedList(sliderId) {
    //
    // Use an associative array to remember which sliders have been dragged.
    // If more than one has been dragged, set a form variable to indicate that "slidertip" tooltips should no longer be displayed.
    //
    if (! slidersDragged[sliderId]) {
        slidersDragged[sliderId] = sliderId;
        numSlidersDragged++;
        if (numSlidersDragged > 1) {
            setNoSliderTooltipFormVariable();
        }
    }
}

//private.
function setNoSliderTooltipFormVariable() {
    var hiddenField = getElement("displaySliderTooltip");
    if (hiddenField) {
        hiddenField.value = "false";
    }
}

//private.
function scheduleHideSliderToolTip() {
    if (! isIE5Mac) {
        window.setTimeout("hideSliderToolTip()", 500);
    }
}

//private.
function hideSliderToolTip() {
    var tooltip = getElement("slidertip");
    tooltip.style.visibility = "hidden";
    tooltip.left = "-1000px";
    tooltip.top = "-1000px";
    tooltip.innerHTML = "";
}


/*****************************************************************************************
 *  Functions for rendering sliders. These are called by other Javascript functions.
 *****************************************************************************************/

//
// create the slider specified by some slider[x] object.
//
function slider_render(obj) {
	var i;
	var span;

    with (window.document)
    {
        if (old)
        {
            write("<BR>No browser support for sliders<BR>");
            return;
        }
        //
        // now write out all the bits
        //
        slider_render_scale(obj);
        slider_render_pane(obj);
        //
        // calculate tabs between ticks
        //
        if ( obj.tick_tabs == null ) {
            obj.tick_tabs = (obj.scale_width) / (obj.ticks-1.0);
        }
        //
        // draw ticks and labels
        //
        for (i=0; i< obj.ticks; i++)  {
            slider_render_tick(i, obj);
            slider_render_label(i, obj);
        }

        slider_render_styluses(obj);
        //
        // Install event handlers
        //
        if (obj.interactive == true) {
            if (moz || dom2) {
                span = getElementById(obj.span_id);
                span.addEventListener("mousedown",slider_stylus_mousedown, 0);
                span.addEventListener("mouseup",slider_stylus_mouseup, 0);
                span.addEventListener("mousemove",slider_stylus_mousemove, 0);
                span.addEventListener("mouseout",slider_stylus_mouseout, 0);
            }
            if ( ie4 || ie5 || ie6 || ie7 ) {
                span = all(obj.span_id);
                span.onmousedown = slider_stylus_mousedown;
                span.onmouseup = slider_stylus_mouseup;
                span.onmousemove = slider_stylus_mousemove;
                span.onmouseout = slider_stylus_mouseout;
            }
        }
    }
}

//
// render the scale "slot" or line
//
function slider_render_scale(obj) {
    with (window.document) {
    write("<SPAN><SPAN " +
        "STYLE=\"" +
            "z-index:1; margin:0; padding:0; " +
            "position: absolute; " +
            "top:" + (obj.top + (obj.stylus_height/2) - (obj.scale_height/2)) + "px; " +
            "left:" + obj.left + "px; border-left: 1px solid #595959; border-right: 1px solid #595959;" +
        "\" >");

    write("<IMG " +
        "SRC=\""+obj.scale_image+"\" " +
        "HEIGHT=\"" + obj.scale_height + "\" " +
        "WIDTH=\"" + obj.scale_width + "\" " +
        ">");
    write("</SPAN></SPAN>");
    }
}

//
// a mark along the scale
//
function slider_render_tick(i,obj) {
    with (window.document) {
    write("<SPAN><SPAN " +
            "STYLE=\"" +
            "z-index:1;" +
            "position: absolute; " +
            "top:" + (obj.top + obj.stylus_height) + "px; " +
            "left:" + ((obj.left + i*obj.tick_tabs) - (obj.tick_width / 2)) + "px; " +
            "font-size:" + obj.tick_width + "px; " +
            "\">" );

    write("<IMG " +
            "SRC=\"" + obj.tick_image + "\" " +
            "HEIGHT=\"" + obj.tick_height + "\" " +
            "WIDTH=\"" + obj.tick_width + "\" " +
            ">");
    write("</SPAN></SPAN>");
    }
}

//
// make sure position x is never beyond the allowed bounds of the slider
//
function slider_normalise(x,obj) {
    var xmin, xmax;
    // calculate new stylus location

    xmin = obj.left;
    xmax = obj.left + obj.scale_width;
    //window.status = "xmin = " + xmin + " xmax = " + xmax + " x = " + x;

    x = ( x <= xmin ) ? xmin : x;
    x = ( x >= xmax ) ? xmax : x;

    return x;
}

//
// if the slider isn't continuous==true , align x with a tick mark.
//
function slider_align(x,obj) {
    var tab = 0;
    if (!obj.continuous)        // must align with a tick
    {
    while ( (x -= obj.tick_tabs) > obj.left - obj.tick_tabs/2 )
    {
        tab++;
    }
    x = obj.left + tab * obj.tick_tabs;
    }
    return x;
}