$(document).ready(function () {
	var setDefault = $("#hearMethod").val();
    if (setDefault == "Do Not Recall" || setDefault == "" ) {$('#hearMethodDescCell').addClass('display_none');}
    
	$('#hearMethod').change(function () {

		if (this.value != "Do Not Recall") {$('#hearMethodDescCell').removeClass('display_none');}
 	   else {$('#hearMethodDescCell').addClass('display_none');}
        
	});
});

function styleForms()
{
    replaceCheckboxes("products");
    
    // REMOVED TO MAKE DROPDOWNS NORMAL
/*    replaceDropDowns("contact-form"); */ 
}

function validateContactForm()
{
    var form = document.getElementById("contact-form");
    var inputs = form.getElementsByTagName("input");
    var required = /required/;

    for (var i = 0; i < inputs.length; i++)
    {
        if (inputs[i].value == "" && required.test(inputs[i].className))
        {
            var labels = form.getElementsByTagName("label");

            for (var j = 0; j < labels.length; j++)
            {
                if (labels[j].getAttribute("for") == inputs[i].name)
                {
                    labels[j].style.color = "red";
                    location = "#contact-form";
                    return false;
                }
            }
        }
    }

    return true;
}

function replaceDropDowns(scopeElementId)
{
    var parentElement = document.getElementById(scopeElementId);

    if (parentElement)
    {
        var i, j;
        var div, options, value, dl, dt, dd, selected;
        var selects = parentElement.getElementsByTagName("select");

        for (i = 0; i < selects.length; i++)
        {
            div = document.createElement("div");
            dl = document.createElement("dl");

            div.id = selects[i].name;
            div.className = "select";
            div.onclick = function()
            {
                var dl = this.getElementsByTagName("dl");
                
                if (dl[0].className == "open")
                    dl[0].className = "closed";
                else
                    dl[0].className = "open";
            };

            selected = selects[i].selectedIndex;
            options = selects[i].getElementsByTagName("option");

            dt = document.createElement("dt");
            dt.innerHTML = options[selected].firstChild.nodeValue;
            dl.appendChild(dt);

            for (j = 0; j < options.length; j++)
            {
                value = options[j].value;

                if (value)
                {
                    dd = document.createElement("dd");
                    dd.innerHTML = options[j].firstChild.nodeValue;
                    dd.onclick = function()
                    {
                        var input = this.parentNode.parentNode.getElementsByTagName("input")[0];
                        input.value = this.innerHTML;
                        this.parentNode.getElementsByTagName("dt")[0].innerHTML = this.innerHTML;
                    };

                    dl.appendChild(dd);
                }
            }

            var hidden = document.createElement("input");

            hidden.type = "hidden";
            hidden.name = div.id;
            
            div.appendChild(dl);
            div.appendChild(hidden);

            selects[i].parentNode.replaceChild(div, selects[i]);
        }
    }
}

function replaceCheckboxes(scopeElementId)
{
    var parentElement = document.getElementById(scopeElementId);

    if (parentElement)
    {
        var i;
        var checkboxes = new Array();
        var inputs = parentElement.getElementsByTagName("input");

        for (i = 0; i < inputs.length; i++)
        {
            if (inputs[i].type == "checkbox")
                checkboxes.push(inputs[i]);
        }

        for (i = 0; i < checkboxes.length; i++)
        {
            var div = document.createElement("div");

            var name = checkboxes[i].name;
            var value = checkboxes[i].value;

            div.id = checkboxes[i].name;
            div.value = value;
            div.className = "check-box-off";
            div.onclick = function()
            {
                if (this.className == "check-box-off")
                {
                    this.className = "check-box-on";

                    var hidden = this.getElementsByTagName("input")[0];
                    hidden.value = this.value;
                }
                else
                {
                    this.className = "check-box-off";
                    this.getElementsByTagName("input")[0].value = "";
                }
            };

            var hidden = document.createElement("input");
    
            hidden.type = "hidden";
            hidden.name = div.id;

            div.appendChild(hidden);

            checkboxes[i].parentNode.replaceChild(div, checkboxes[i]);
        }
    }
}

function attachValidation()
{
    var form = document.getElementById("contact_form");

    form.onsubmit = function()
    {
        return validateContactForm();
    }

    var inputs = form.getElementsByTagName("input");
    var required = /required/;

    for (var i = 0; i < inputs.length; i++)
    {
        if (required.test(inputs[i].className))
        {
            inputs[i].onblur = function()
            {
                var labels = form.getElementsByTagName("label");

                for (var j = 0; j < labels.length; j++)
                {
                    if (labels[j].getAttribute("for") == this.name)
                    {
                        if (this.value == "")
                            labels[j].style.color = "red";
                        else
                            labels[j].style.color = "inherit";
                    }
                }
            };
        }
    }

    return true;
}

$(function() {styleForms();});
$(function() {attachValidation();});