// JavaScript Document

function checkForm(which) {
    //Validation

    var tReturn = false;
    //This is for mandatory Feild.
    arrReqFields = new Array("txtName", "txtEmail", "txtEmployee", "txtPhone");

    tReturn = ValidateRequiredField(arrReqFields);
    if (tReturn == false) return false;

    tReturn = false;
    tReturn = CheckSpecialChar("txtName", "String");
    if (tReturn == true) tReturn = CheckSpecialChar("txtCity", "String");
    if (tReturn == true) tReturn = CheckSpecialChar("txtState", "String");
    if (tReturn == true) tReturn = CheckSpecialChar("txtZipcode", "Numeric");
    if (tReturn == false) {
        return tReturn;
    }

    //email validation
    var emailok = true;
    var temp = document.getElementById('txtEmail');  // ## validate by id ##
    var atsym = temp.value.indexOf('@');
    var period = temp.value.lastIndexOf('.');
    var space = temp.value.indexOf(' ');
    var length = temp.value.length - 1;
    if ((atsym < 1) || (period <= atsym + 1) || (period == length) || (space != -1)) {
        var emailok = false;
        // ## You can change your Valid Email alert message here ##
        //alert('###### VALID EMAIL REQUIRED ###### \n Please enter a Valid Email Address! \n\n An example of a Valid Email Address would be \n\n userid@email.com \n');
        WarningBox('Please enter a Valid Email Address!');
        temp.value = '';
        temp.focus();
    }
    return emailok;
    //return true;
}

function checkFormPosOutrages(which) {
    //Validation

    var tReturn = false;
    //This is for mendatory Feild.
    arrReqFields = new Array("txtName", "txtEmployee", "txtEmail");

    tReturn = ValidateRequiredField(arrReqFields);
    if (tReturn == false) return false;

    tReturn = false;
    tReturn = CheckSpecialChar("txtName", "String");
    if (tReturn == false) {
        return tReturn;
    }

    //email validation
    var emailok = true;
    var temp = document.getElementById('txtEmail');  // ## validate by id ##
    var atsym = temp.value.indexOf('@');
    var period = temp.value.lastIndexOf('.');
    var space = temp.value.indexOf(' ');
    var length = temp.value.length - 1;
    if ((atsym < 1) || (period <= atsym + 1) || (period == length) || (space != -1)) {
        var emailok = false;
        // ## You can change your Valid Email alert message here ##
        //alert('###### VALID EMAIL REQUIRED ###### \n Please enter a Valid Email Address! \n\n An example of a Valid Email Address would be \n\n userid@email.com \n');
        WarningBox('Please enter a Valid Email Address!');
        temp.value = '';
        temp.focus();
    }
    return emailok;
    //return true;
}

function checkFormTestimonial(which) {
    //Validation

    var tReturn = false;
    //This is for mendatory Feild.
    arrReqFields = new Array("txtName", "txtEmail");

    tReturn = ValidateRequiredField(arrReqFields);
    if (tReturn == false) return false;

    tReturn = false;
    tReturn = CheckSpecialChar("txtName", "String");
    if (tReturn == false) {
        return tReturn;
    }

    //email validation
    var emailok = true;
    var temp = document.getElementById('txtEmail');  // ## validate by id ##
    var atsym = temp.value.indexOf('@');
    var period = temp.value.lastIndexOf('.');
    var space = temp.value.indexOf(' ');
    var length = temp.value.length - 1;
    if ((atsym < 1) || (period <= atsym + 1) || (period == length) || (space != -1)) {
        var emailok = false;
        // ## You can change your Valid Email alert message here ##
        //alert('###### VALID EMAIL REQUIRED ###### \n Please enter a Valid Email Address! \n\n An example of a Valid Email Address would be \n\n userid@email.com \n');
        WarningBox('Please enter a Valid Email Address!');
        temp.value = '';
        temp.focus();
    }
    return emailok;
    //return true;
}

function checkFormContactUs(which) {
    //Validation

    var tReturn = false;
    //This is for mendatory Feild.
    arrReqFields = new Array("txtName", "txtEmail", "txtPhone");

    tReturn = ValidateRequiredField(arrReqFields);
    if (tReturn == false) return false;

    tReturn = false;
    tReturn = CheckSpecialChar("txtName", "String");
    if (tReturn == false) {
        return tReturn;
    }

    //email validation
    var emailok = true;
    var temp = document.getElementById('txtEmail');  // ## validate by id ##
    var atsym = temp.value.indexOf('@');
    var period = temp.value.lastIndexOf('.');
    var space = temp.value.indexOf(' ');
    var length = temp.value.length - 1;
    if ((atsym < 1) || (period <= atsym + 1) || (period == length) || (space != -1)) {
        var emailok = false;
        // ## You can change your Valid Email alert message here ##
        //alert('###### VALID EMAIL REQUIRED ###### \n Please enter a Valid Email Address! \n\n An example of a Valid Email Address would be \n\n userid@email.com \n');
        WarningBox('Please enter a Valid Email Address!');
        temp.value = '';
        temp.focus();
    }
    return emailok;
    //return true;
}

function checkFormClassRequest(which) {
    //Validation

    var tReturn = false;
    //This is for mendatory Feild.
    arrReqFields = new Array("txtName", "txtEmail", "txtAgeofKids","txtNumberofKids","txtSport","txtDayofTheWeekAndTime");

    tReturn = ValidateRequiredField(arrReqFields);
    if (tReturn == false) return false;

    tReturn = false;
    tReturn = CheckSpecialChar("txtName","String");
    if (tReturn == false) {
        return tReturn;
    }

    //email validation
    var emailok = true;
    var temp = document.getElementById('txtEmail');  // ## validate by id ##
    var atsym = temp.value.indexOf('@');
    var period = temp.value.lastIndexOf('.');
    var space = temp.value.indexOf(' ');
    var length = temp.value.length - 1;
    if ((atsym < 1) || (period <= atsym + 1) || (period == length) || (space != -1)) {
        var emailok = false;
        // ## You can change your Valid Email alert message here ##
        //alert('###### VALID EMAIL REQUIRED ###### \n Please enter a Valid Email Address! \n\n An example of a Valid Email Address would be \n\n userid@email.com \n');
        WarningBox('Please enter a Valid Email Address!');
        temp.value = '';
        temp.focus();
    }
    return emailok;
    //return true;
}

function checkFormTransportationInquiry(which) {
    //Validation

    var tReturn = false;
    //This is for mendatory Feild.
    arrReqFields = new Array("txtParentName", "txtChildName", "txtTown", "txtSchoolName","txtEmail","txtPhone","txtDayTobePickedup");

    tReturn = ValidateRequiredField(arrReqFields);
    if (tReturn == false) return false;

    tReturn = false;
    tReturn = CheckSpecialChar("txtParentName", "txtChildName","String");
    if (tReturn == false) {
        return tReturn;
    }

    //email validation
    var emailok = true;
    var temp = document.getElementById('txtEmail');  // ## validate by id ##
    var atsym = temp.value.indexOf('@');
    var period = temp.value.lastIndexOf('.');
    var space = temp.value.indexOf(' ');
    var length = temp.value.length - 1;
    if ((atsym < 1) || (period <= atsym + 1) || (period == length) || (space != -1)) {
        var emailok = false;
        // ## You can change your Valid Email alert message here ##
        //alert('###### VALID EMAIL REQUIRED ###### \n Please enter a Valid Email Address! \n\n An example of a Valid Email Address would be \n\n userid@email.com \n');
        WarningBox('Please enter a Valid Email Address!');
        temp.value = '';
        temp.focus();
    }
    return emailok;
    //return true;
}


function checkFormfacebookAdvertisement(which) {
    //Validation

    var tReturn = false;
    //This is for mendatory Feild.
    arrReqFields = new Array("textFirstName", "txtLastName", "txtEmail");

    tReturn = ValidateRequiredField(arrReqFields);
    if (tReturn == false) return false;

    tReturn = false;
    tReturn = CheckSpecialChar("textFirstName", "txtLastName","String");
    if (tReturn == false) {
        return tReturn;
    }

    //email validation
    var emailok = true;
    var temp = document.getElementById('txtEmail');  // ## validate by id ##
    var atsym = temp.value.indexOf('@');
    var period = temp.value.lastIndexOf('.');
    var space = temp.value.indexOf(' ');
    var length = temp.value.length - 1;
    if ((atsym < 1) || (period <= atsym + 1) || (period == length) || (space != -1)) {
        var emailok = false;
        // ## You can change your Valid Email alert message here ##
        //alert('###### VALID EMAIL REQUIRED ###### \n Please enter a Valid Email Address! \n\n An example of a Valid Email Address would be \n\n userid@email.com \n');
        WarningBox('Please enter a Valid Email Address!');
        temp.value = '';
        temp.focus();
    }
    return emailok;
    //return true;
}

function checkFormCampsRequest(which) {
    //Validation

    var tReturn = false;
    //This is for mendatory Feild.
    arrReqFields = new Array("txtName", "txtEmail");

    tReturn = ValidateRequiredField(arrReqFields);
    if (tReturn == false) return false;

    tReturn = false;
    tReturn = CheckSpecialChar("txtName","String");
    if (tReturn == false) {
        return tReturn;
    }

    //email validation
    var emailok = true;
    var temp = document.getElementById('txtEmail');  // ## validate by id ##
    var atsym = temp.value.indexOf('@');
    var period = temp.value.lastIndexOf('.');
    var space = temp.value.indexOf(' ');
    var length = temp.value.length - 1;
    if ((atsym < 1) || (period <= atsym + 1) || (period == length) || (space != -1)) {
        var emailok = false;
        // ## You can change your Valid Email alert message here ##
        //alert('###### VALID EMAIL REQUIRED ###### \n Please enter a Valid Email Address! \n\n An example of a Valid Email Address would be \n\n userid@email.com \n');
        WarningBox('Please enter a Valid Email Address!');
        temp.value = '';
        temp.focus();
    }
    return emailok;
    //return true;
}
function checkFormParticipate(which) {
    //Validation

    var tReturn = false;
    var tDateValidate = false;

    //This is for mendatory Feild.
    arrReqFields = new Array("textBoxEventDt", "textBoxFirstName", "textBoxLastName", "textBoxAddress", "textBoxCity", "textBoxState", "textBoxZip", "textBoxHomePhone", "textBoxEmail");
    //alert(arrReqFields.length);
    var numi = document.getElementById('theValue').value;
    //alert(numi);

    if (numi >= 1) {
        for (var i = 1; i <= numi; i++) {
            arrReqFields = arrReqFields.concat('textBoxParticipantInfoFirstName_' + i);
            arrReqFields = arrReqFields.concat('textBoxParticipantInfoLastName_' + i);
            arrReqFields = arrReqFields.concat('textBoxDOB_' + i);
            arrReqFields = arrReqFields.concat('textBoxParentInfoFirstName_' + i);
            arrReqFields = arrReqFields.concat('textBoxParentInfoLastName_' + i);
            //arrReqFields = arrReqFields.concat('textBoxParentInfoPhone_'+i);
            arrReqFields = arrReqFields.concat('textBoxParentInfoEmail_' + i);
        }
        //alert(arrReqFields.length);
    }
    tReturn = ValidateRequiredField(arrReqFields);
    if (tReturn == false) return false;

    if (document.getElementById('dropDownListEventType').value == 'nothing') {
        WarningBox('Please Select Event Type');
        document.getElementById('dropDownListEventType').focus();
        return false;
    }

    tReturn = false;
    tReturn = CheckSpecialChar("textBoxFirstName", "String");
    if (tReturn == true) tReturn = CheckSpecialChar("textBoxLastName", "String");
    if (tReturn == true) tReturn = CheckSpecialChar("textBoxCity", "String");
    if (tReturn == true) tReturn = CheckSpecialChar("textBoxState", "String");
    if (tReturn == true) tReturn = CheckSpecialChar("textBoxZip", "Numeric");
    //if(tReturn == true)tReturn = CheckSpecialChar("textBoxHomePhone","Numeric");
    //if(tReturn == true)tReturn = CheckSpecialChar("textBoxCellPhone","Numeric");
    //if(tReturn == true)tReturn = CheckSpecialChar("textBoxParticipantInfoFirstName_0","String");
    //		if(tReturn == true)tReturn = CheckSpecialChar("textBoxParticipantInfoLastName_0","String");
    //		if(tReturn == true)tReturn = CheckSpecialChar("textBoxParentInfoFirstName_0","String");
    //		if(tReturn == true)tReturn = CheckSpecialChar("textBoxParentInfoLastName_0","String");
    //if(tReturn == true)tReturn = CheckSpecialChar("textBoxParentInfoPhone_0","Numeric");
    if (tReturn == false) {
        return tReturn;
    }

    // Checking if at least one period button is selected. Or not.
    if (document.frmParticipate.ParticipantGender_0[0].checked == false && document.frmParticipate.ParticipantGender_0[1].checked == false) {
        //alert("Please Select gender");
        WarningBox('Please Select gender');
        return false;
    }

    //email validation
    var emailok = true;
    var temp = document.getElementById('textBoxEmail');  // ## validate by id ##
    var atsym = temp.value.indexOf('@');
    var period = temp.value.lastIndexOf('.');
    var space = temp.value.indexOf(' ');
    var length = temp.value.length - 1;
    if ((atsym < 1) || (period <= atsym + 1) || (period == length) || (space != -1)) {
        var emailok = false;
        // ## You can change your Valid Email alert message here ##
        //alert('###### VALID EMAIL REQUIRED ###### \n Please enter a Valid Email Address! \n\n An example of a Valid Email Address would be \n\n userid@email.com \n');
        WarningBox('Please enter a Valid Email Address!');
        temp.value = '';
        temp.focus();
    }

    if (emailok) {
        tReturn = AgreeTerms();

        if (tReturn == false) return false;
    }

    tReturn = false;
    if (numi >= 1) {
        var i;
        for (i = 1; i <= numi; i++) {
            tReturn = false;
            tReturn = CheckSpecialChar("textBoxParticipantInfoFirstName_" + i, "String");
            if (tReturn == true) tReturn = CheckSpecialChar("textBoxParticipantInfoLastName_" + i, "String");
            //	if(tReturn == true)tReturn = CheckSpecialChar("textBoxParentInfoFirstName_"+i,"String");
            //				if(tReturn == true)tReturn = CheckSpecialChar("textBoxParentInfoLastName_"+i,"String");
            //				//if(tReturn == true)tReturn = CheckSpecialChar("textBoxParentInfoPhone_"+i,"Numeric");
            if (tReturn == false) {
                return tReturn;
            }
        }
    }
    var temp;
    emailok = true;
    if (numi >= 1) {
        for (i = 1; i <= numi; i++) {
            if (eval('document.frmParticipate.ParticipantGender_' + i + '[0].checked') == false && eval('document.frmParticipate.ParticipantGender_' + i + '[1].checked') == false) {
                eval('document.frmParticipate.ParticipantGender_' + i + '[0].focus();');
                WarningBox('Please Select gender');
                return false;
            }

            emailok = true;
            /* if (document.getElementById('textBoxParentInfoEmail_' + i) != null) {
            temp = document.getElementById('textBoxParentInfoEmail_' + i);  // ## validate by id ##

                atsym = temp.value.indexOf('@');
            period = temp.value.lastIndexOf('.');
            space = temp.value.indexOf(' ');
            length = temp.value.length - 1;
            if ((atsym < 1) || (period <= atsym + 1) || (period == length) || (space != -1)) {
            emailok = false;
            // ## You can change your Valid Email alert message here ##
            //alert('###### VALID EMAIL REQUIRED ###### \n Please enter a Valid Email Address! \n\n An example of a Valid Email Address would be \n\n userid@email.com \n');
            WarningBox('Please enter a Valid Email Address!');
            temp.value = '';
            temp.focus();
            return emailok;
            }
            }*/
        }
    }
    return emailok;
    //return true;
}

function AgreeTerms() {
    if (document.getElementById('IAgree').checked == false) {
        WarningBox('Please check the checkbox below to certify that you have read and agree with the above  AUTHORIZATIONS, RELEASES AND ACKNOWLEDGEMENTS!');
        return false;
    }
}

function CheckSpecialChar(vObject, vType) {
    var iChars;
    var AlertMsg;

    if (vType == "String") {
        iChars = "`!@#$%^&*()+=-[]\\\';,./{}|\":<>?1234567890";
        AlertMsg = "Special characters or numeric values are not allowed!";
    }
    else if (vType == "Numeric") {
        iChars = "`!@#$%^&*()+=-[]\\\;,./{}|\:<>? ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz'''";
        AlertMsg = "Invalid value";
    }
    else if (vType == "AlphaNumeric") {
        iChars = "`!@#$%^&*()+=[]\\\';,./{}|\":<>?";
        AlertMsg = "Special characters are not allowed!";
    }
    else if (vType == "SingleQuote") {
        iChars = "'";
        AlertMsg = "Single quote is not allowed!";
    }
    for (var i = 0; i < document.getElementById(vObject).value.length; i++) {
        if (iChars.indexOf(document.getElementById(vObject).value.charAt(i)) != -1) {
            WarningBox(AlertMsg);
            document.getElementById(vObject).value = "";
            document.getElementById(vObject).focus();
            return false;
        }
    }
    return true;
}

function ValidateRequiredField(arrFieldIDs) {
    if (arrFieldIDs.length > 0) {
        for (var i = 0; i < arrFieldIDs.length; i++) {
            if (document.getElementById(arrFieldIDs[i]) != null) {
                if (trim(document.getElementById(arrFieldIDs[i]).value) == "" || document.getElementById(arrFieldIDs[i]).value == "-1") {
                    WarningBox('Fields marked as * are required');
                    return false;
                }
            }
        }
        return true;
    }
}

function trim(inputString) {
    if (typeof inputString != "string") { return inputString; }
    var retValue = inputString;
    var ch = retValue.substring(0, 1);
    while (ch == " ") { // Check for spaces at the beginning of the string
        retValue = retValue.substring(1, retValue.length);
        ch = retValue.substring(0, 1);
    }
    ch = retValue.substring(retValue.length - 1, retValue.length);
    while (ch == " ") { // Check for spaces at the end of the string
        retValue = retValue.substring(0, retValue.length - 1);
        ch = retValue.substring(retValue.length - 1, retValue.length);
    }
    while (retValue.indexOf("  ") != -1) { // Note that there are two spaces in the string - look for multiple spaces within the string
        retValue = retValue.substring(0, retValue.indexOf("  ")) + retValue.substring(retValue.indexOf("  ") + 1, retValue.length); // Again, there are two spaces in each of the strings
    }
    return retValue; // Return the trimmed string back to the user
}

//Code below executes on tab key event
/*format Phone Number Automatically by tab key*/

var zChar = new Array(' ', '(', ')', '-', '.');
var maxphonelength = 13;
var phonevalue1;
var phonevalue2;
var cursorposition;

function ParseForNumber1(object) {
    phonevalue1 = ParseChar(object.value, zChar);
}

function ParseForNumber2(object) {
    phonevalue2 = ParseChar(object.value, zChar);
}

function backspacerUP(object, e) {
    if (e) {
        e = e
    }
    else {
        e = window.event
    }
    if (e.which) {
        var keycode = e.which
    }
    else {
        var keycode = e.keyCode
    }

    ParseForNumber1(object)

    if (keycode >= 48) {
        ValidatePhone(object)
    }
}

function backspacerDOWN(object, e) {
    if (e) {
        e = e
    }
    else {
        e = window.event
    }
    if (e.which) {
        var keycode = e.which
    }
    else {
        var keycode = e.keyCode
    }

    ParseForNumber2(object)
}

function GetCursorPosition() {
    var t1 = phonevalue1;
    var t2 = phonevalue2;
    var bool = false
    for (i = 0; i < t1.length; i++) {
        if (t1.substring(i, 1) != t2.substring(i, 1)) {
            if (!bool) {
                cursorposition = i
                bool = true
            }
        }
    }
}

function ValidatePhone(object) {
    var p = phonevalue1

    p = p.replace(/[^\d]*/gi, "")

    if (p.length < 3) {
        object.value = p
    }
    else if (p.length == 3) {
        pp = p;
        d4 = p.indexOf('(')
        d5 = p.indexOf(')')
        if (d4 == -1) {
            pp = "(" + pp;
        }
        if (d5 == -1) {
            pp = pp + ")";
        }
        object.value = pp;
    }
    else if (p.length > 3 && p.length < 7) {
        p = "(" + p;
        l30 = p.length;
        p30 = p.substring(0, 4);
        p30 = p30 + ")"

        p31 = p.substring(4, l30);
        pp = p30 + p31;

        object.value = pp;
    }
    else if (p.length >= 7) {
        p = "(" + p;
        l30 = p.length;
        p30 = p.substring(0, 4);
        p30 = p30 + ")"

        p31 = p.substring(4, l30);
        pp = p30 + p31;

        l40 = pp.length;
        p40 = pp.substring(0, 8);
        p40 = p40 + "-"

        p41 = pp.substring(8, l40);
        ppp = p40 + p41;

        object.value = ppp.substring(0, maxphonelength);
    }

    GetCursorPosition()

    if (cursorposition >= 0) {
        if (cursorposition == 0) {
            cursorposition = 2
        }
        else if (cursorposition <= 2) {
            cursorposition = cursorposition + 1
        }
        else if (cursorposition <= 5) {
            cursorposition = cursorposition + 2
        }
        else if (cursorposition == 6) {
            cursorposition = cursorposition + 2
        }
        else if (cursorposition == 7) {
            cursorposition = cursorposition + 4
            e1 = object.value.indexOf(')')
            e2 = object.value.indexOf('-')
            if (e1 > -1 && e2 > -1) {
                if (e2 - e1 == 4) {
                    cursorposition = cursorposition - 1
                }
            }
        }
        else if (cursorposition < 11) {
            cursorposition = cursorposition + 3
        }
        else if (cursorposition == 11) {
            cursorposition = cursorposition + 1
        }
        else if (cursorposition >= 12) {
            cursorposition = cursorposition
        }

        var txtRange = object.createTextRange();
        txtRange.moveStart("character", cursorposition);
        txtRange.moveEnd("character", cursorposition - object.value.length);
        txtRange.select();
    }
}

function ParseChar(sStr, sChar) {
    if (sChar.length == null) {
        zChar = new Array(sChar);
    }
    else zChar = sChar;

    for (i = 0; i < zChar.length; i++) {
        sNewStr = "";

        var iStart = 0;
        var iEnd = sStr.indexOf(sChar[i]);

        while (iEnd != -1) {
            sNewStr += sStr.substring(iStart, iEnd);
            iStart = iEnd + 1;
            iEnd = sStr.indexOf(sChar[i], iStart);
        }
        sNewStr += sStr.substring(sStr.lastIndexOf(sChar[i]) + 1, sStr.length);

        sStr = sNewStr;
    }

    return sNewStr;
}

function formReset() {
    var x = document.forms.frmContactUs
    x.reset()
}

function ToggleFollowingText(id) {
    document.getElementById(id).style.display == '' ? document.getElementById(id).style.display = 'none' : document.getElementById(id).style.display = '';
}

function getParentInfo(id) {
    //alert(document.getElementById('textBoxFirstName').value)
    //alert(document.getElementById('textBoxParentInfoFirstName').value);
    var chkbxPGinfo = document.getElementById(id);
    var strarr = id.split("_");
    if (chkbxPGinfo.checked) {
        document.getElementById('textBoxParentInfoFirstName_' + strarr[1]).value = document.getElementById('textBoxFirstName').value;
        document.getElementById('textBoxParentInfoLastName_' + strarr[1]).value = document.getElementById('textBoxLastName').value;
        document.getElementById('textBoxParentInfoPhone_' + strarr[1]).value = document.getElementById('textBoxHomePhone').value;
        document.getElementById('textBoxParentInfoEmail_' + strarr[1]).value = document.getElementById('textBoxEmail').value;

        document.getElementById('textBoxParentInfoFirstName_' + strarr[1]).setAttribute("readonly", "readonly");
        document.getElementById('textBoxParentInfoLastName_' + strarr[1]).setAttribute("readonly", "readonly");
        document.getElementById('textBoxParentInfoPhone_' + strarr[1]).setAttribute("readonly", "readonly");
        document.getElementById('textBoxParentInfoEmail_' + strarr[1]).setAttribute("readonly", "readonly");
    }
    else {
        document.getElementById('textBoxParentInfoFirstName_' + strarr[1]).value = "";
        document.getElementById('textBoxParentInfoLastName_' + strarr[1]).value = "";
        document.getElementById('textBoxParentInfoPhone_' + strarr[1]).value = "";
        document.getElementById('textBoxParentInfoEmail_' + strarr[1]).value = "";

        document.getElementById('textBoxParentInfoFirstName_' + strarr[1]).removeAttribute("readonly");
        document.getElementById('textBoxParentInfoLastName_' + strarr[1]).removeAttribute("readonly");
        document.getElementById('textBoxParentInfoPhone_' + strarr[1]).removeAttribute("readonly");
        document.getElementById('textBoxParentInfoEmail_' + strarr[1]).removeAttribute("readonly");
    }
}

function addElement() {
    var ni = document.getElementById('target_div');
    var numi = document.getElementById('theValue');
    var num = (document.getElementById('theValue').value - 1) + 2;
    numi.value = num;
    var newdiv = document.createElement('div');
    var divIdName = 'my' + num + 'Div';
    newdiv.setAttribute('id', divIdName);
    newdiv.setAttribute('style', 'margin-top:10px; margin-bottom:20px;border-bottom:1px solid #000000;');
    //newdiv.innerHTML = '<p><a href=\'#\' onclick=\'removeElement("'+divIdName+'")\'>Remove the this participant</a></p>';
    newdiv.innerHTML = '<table width="100%" border="0" cellspacing="5" cellpadding="0">' +
							'<tr>' +
							'<td align="left" valign="middle">First Name</td>' +
							'<td align="left" valign="middle">' +
							'<input name="textBoxParticipantInfoFirstName_' + num + '" type="text" maxlength="30" id="textBoxParticipantInfoFirstName_' + num + '" class="textbox" style="width:117px;"  value="" /> <span class="genmandatory">*</span> ' +
							'</td>' +
							'<td align="right" valign="middle">Last Name</td>' +
							'<td align="left" valign="middle"><input name="textBoxParticipantInfoLastName_' + num + '" type="text" maxlength="30" id="textBoxParticipantInfoLastName_' + num + '" class="textbox" style="width:117px;" value="" /> <span class="genmandatory">*</span>  </td>' +
							'</tr>' +
							'<tr>' +
							'<td align="left" valign="middle">Date of Birth</td>' +
							'<td align="left" valign="middle">' +
							'<input name="textBoxDOB_' + num + '" type="text" maxlength="12" id="textBoxDOB_' + num + '" class="textbox" style="width:85px;" value="" />&nbsp;' +
							'<img onclick="displayCalendar(document.frmParticipate.textBoxDOB_' + num + ',\'mm/dd/yyyy\',this,false);" style="cursor: pointer; vertical-align: top;" height="16" alt="Click Here to Pick up the date" src="images/cal.gif" width="16" border="0" /> <span class="genmandatory">*</span>  </td>' +
							'<td align="right" valign="middle">Gender</td> ' +
							'<td align="left" valign="middle">' +
							'<input type="radio" name="ParticipantGender_' + num + '" value="Male" />Male&nbsp;' +
							'<input type="radio" name="ParticipantGender_' + num + '" value="Female" />Female <span class="genmandatory">*</span>  </td>' +
							'</tr>' +
							'<tr>' +
							'</table>';
    ni.appendChild(newdiv);
}

function removeElement(divNum) {
    var numi = document.getElementById('theValue');
    var num = numi.value;
    var divIdName = 'my' + num + 'Div';
    var d = document.getElementById('target_div');
    var olddiv = document.getElementById(divIdName);
    if (olddiv == null) {
        return false;
    }
    d.removeChild(olddiv);
    document.getElementById('theValue').value = document.getElementById('theValue').value - 1;
    if (document.getElementById('theValue').value <= 0) { document.getElementById('theValue').value = 0; }
}