/*
CUSTOM FORM ELEMENTS
Created by Ryan Fait
www.ryanfait.com
The only things you may need to change in this file are the following
variables: checkboxHeight, radioHeight and selectWidth (lines 24, 25, 26)
The numbers you set for checkboxHeight and radioHeight should be one quarter
of the total height of the image want to use for checkboxes and radio
buttons. Both images should contain the four stages of both inputs stacked
on top of each other in this order: unchecked, unchecked-clicked, checked,
checked-clicked.
You may need to adjust your images a bit if there is a slight vertical
movement during the different stages of the button activation.
The value of selectWidth should be the width of your select list image.
Visit http://ryanfait.com/ for more information.
*/

var checkboxHeight = "25";
var radioHeight = "25";
var selectWidth = "150";


/* No need to change anything after this */


document.write('<style type="text/css">input.styledShort { display: none; } select.styledShort { position: relative; width: ' + selectWidth + 'px; opacity: 0; filter: alpha(opacity=0); margin:0; padding:0; z-index: 5; font-size:11px; } .disabled { opacity: 0.5; filter: alpha(opacity=50); }</style>');










function submitIt() {
    //var theForm = document.form1;  
    if (validate()) {
        //document.form1.submit();
    } else {
        return false;
    }
}




function validate() {
    var theForm = document.contentRequestForm;


    if (document.contentRequestForm.campus.selectedIndex == 0) {
        alert("Please select your prefered campus location.");
        document.contentRequestForm.campus.focus();
        return false;
    }

    if (document.contentRequestForm.interest.selectedIndex == 0) {
        alert("Please select your program of interest.");
        document.contentRequestForm.interest.focus();
        return false;
    }


    //fName
    var fName = document.contentRequestForm.fName.value;
    if (fName == "first name" || fName == "") {
        alert("Please enter your first name.");
        document.contentRequestForm.fName.focus();
        return false;
    }

    //lName
    var lname = document.contentRequestForm.lName.value;
    if (lname == "last name" || lname == "") {
        alert("Please enter your last name.");
        document.contentRequestForm.lName.focus();
        return false;
    }





    //Email
    var strEmail = document.contentRequestForm.email.value;
    if (strEmail == "") {
        alert("Please enter your Email.");
        document.contentRequestForm.email.focus();
        return false;
    }
    else if (!isEmail(strEmail)) {
        alert("Please enter a valid Email.");
        document.contentRequestForm.email.focus();
        return false;
    }


    //phone
    var phone = document.contentRequestForm.phone.value;
    if (phone == "phone" || phone == "") {
        alert("Please enter your phone number.");
        document.contentRequestForm.phone.focus();
        return false;
    }



    return true;
}


function isEmail(strEmail) {
    var re = /^([a-zA-Z0-9_.-])+@(([a-zA-Z0-9-])+.)+([a-zA-Z0-9]{2,4})+$/;
    return (re.test(strEmail));
}




function clearText(field) {

    if (field.defaultValue == field.value) field.value = '';
    else if (field.value == '') field.value = field.defaultValue;

}



var Custom = {
    init: function () {


        /* for pages other than default, will size content div accordingly*/

        //		pathName = window.location.pathname;
        //		
        //		/*alert(pathName);*/
        //		
        //		if (pathName != "/" && pathName != "/default.asp" && pathName != "/everglades/default.asp" && pathName != "/everglades/")
        //		
        //		{
        //		
        //		var divh = document.getElementById('contentBodyCopy').offsetHeight;
        //		var addH = 105;
        //		var totalH = divh+addH;
        //		
        //		
        //
        //  		/*alert(pathName + " " + divh +" " + addH + " " + totalH +"px");*/
        //
        //	  document.getElementById('content').style.height = totalH+'px';
        //
        //		}







        var inputs = document.getElementsByTagName("input"),
            span = Array(),
            textnode, option, active;
        for (a = 0; a < inputs.length; a++) {
            if ((inputs[a].type == "checkbox" || inputs[a].type == "radio") && inputs[a].className == "styledShort") {
                span[a] = document.createElement("span");
                span[a].className = inputs[a].type;

                if (inputs[a].checked == true) {
                    if (inputs[a].type == "checkbox") {
                        position = "0 -" + (checkboxHeight * 2) + "px";
                        span[a].style.backgroundPosition = position;
                    } else {
                        position = "0 -" + (radioHeight * 2) + "px";
                        span[a].style.backgroundPosition = position;
                    }
                }
                inputs[a].parentNode.insertBefore(span[a], inputs[a]);
                inputs[a].onchange = Custom.clear;
                if (!inputs[a].getAttribute("disabled")) {
                    span[a].onmousedown = Custom.pushed;
                    span[a].onmouseup = Custom.check;
                } else {
                    span[a].className = span[a].className += " disabled";
                }
            }
        }
        inputs = document.getElementsByTagName("select");
        for (a = 0; a < inputs.length; a++) {
            if (inputs[a].className == "styledShort") {
                option = inputs[a].getElementsByTagName("option");
                active = option[0].childNodes[0].nodeValue;
                textnode = document.createTextNode(active);
                for (b = 0; b < option.length; b++) {
                    if (option[b].selected == true) {
                        textnode = document.createTextNode(option[b].childNodes[0].nodeValue);
                    }
                }
                span[a] = document.createElement("span");
                span[a].className = "select";
                span[a].id = "select" + inputs[a].name;
                span[a].appendChild(textnode);
                inputs[a].parentNode.insertBefore(span[a], inputs[a]);
                if (!inputs[a].getAttribute("disabled")) {
                    inputs[a].onchange = Custom.choose;
                } else {
                    inputs[a].previousSibling.className = inputs[a].previousSibling.className += " disabled";
                }
            }
        }
        document.onmouseup = Custom.clear;
    },
    pushed: function () {
        element = this.nextSibling;
        if (element.checked == true && element.type == "checkbox") {
            this.style.backgroundPosition = "0 -" + checkboxHeight * 3 + "px";
        } else if (element.checked == true && element.type == "radio") {
            this.style.backgroundPosition = "0 -" + radioHeight * 3 + "px";
        } else if (element.checked != true && element.type == "checkbox") {
            this.style.backgroundPosition = "0 -" + checkboxHeight + "px";
        } else {
            this.style.backgroundPosition = "0 -" + radioHeight + "px";
        }
    },
    check: function () {
        element = this.nextSibling;
        if (element.checked == true && element.type == "checkbox") {
            this.style.backgroundPosition = "0 0";
            element.checked = false;
        } else {
            if (element.type == "checkbox") {
                this.style.backgroundPosition = "0 -" + checkboxHeight * 2 + "px";
            } else {
                this.style.backgroundPosition = "0 -" + radioHeight * 2 + "px";
                group = this.nextSibling.name;
                inputs = document.getElementsByTagName("input");
                for (a = 0; a < inputs.length; a++) {
                    if (inputs[a].name == group && inputs[a] != this.nextSibling) {
                        inputs[a].previousSibling.style.backgroundPosition = "0 0";
                    }
                }
            }
            element.checked = true;
        }
    },
    clear: function () {
        inputs = document.getElementsByTagName("input");
        for (var b = 0; b < inputs.length; b++) {
            if (inputs[b].type == "checkbox" && inputs[b].checked == true && inputs[b].className == "styledShort") {
                inputs[b].previousSibling.style.backgroundPosition = "0 -" + checkboxHeight * 2 + "px";
            } else if (inputs[b].type == "checkbox" && inputs[b].className == "styledShort") {
                inputs[b].previousSibling.style.backgroundPosition = "0 0";
            } else if (inputs[b].type == "radio" && inputs[b].checked == true && inputs[b].className == "styledShort") {
                inputs[b].previousSibling.style.backgroundPosition = "0 -" + radioHeight * 2 + "px";
            } else if (inputs[b].type == "radio" && inputs[b].className == "styledShort") {
                inputs[b].previousSibling.style.backgroundPosition = "0 0";
            }
        }
    },
    choose: function () {
        option = this.getElementsByTagName("option");
        for (d = 0; d < option.length; d++) {
            if (option[d].selected == true) {
                document.getElementById("select" + this.name).childNodes[0].nodeValue = option[d].childNodes[0].nodeValue;
            }
        }
    }
}

function MM_jumpMenuGo(objId, targ, restore) { //v9.0
    var selObj = null;
    with(document) {
        if (getElementById) selObj = getElementById(objId);
        if (selObj) eval(targ + ".location='" + selObj.options[selObj.selectedIndex].value + "'");
        if (restore) selObj.selectedIndex = 0;
    }
}

window.onload = Custom.init;