/* Validation functions for IKEA profile signup */
/*  $jq() for jquery object ($ is used by chrome, scriptaculous     */

var highlighted = Array();  // array of fields currently highlighted

function showpanel(thisPanel, panelsArray) {
    // Toggle on thisPanel and toggle off other panels in panelsArray
    for (var x = 0; x < panelsArray.length; ++x) {
        if (panelsArray[x] == thisPanel) {
            document.getElementById(panelsArray[x]).style.display = "block";
        }
        else {
            document.getElementById(panelsArray[x]).style.display = "none";
        }
    }
} // end function showPanel()



/* -----------------  Validate fields for user signup  ------------- */

function validateSignUp() {

    // if errorlabels exist, de-highlight
    unhighlight(highlighted);

    var errmsg = "";
    var errorlabels = Array();

// email, zip, first, last always required

    if (isEmpty(txtEmail) || !isValidEmail(txtEmail.value)) {
        errmsg += "Please enter a valid email address.  ";
        errorlabels.push(lblEmail);
    }

    if (isEmpty(txtEmailConfirm) || !isValidEmail(txtEmailConfirm.value)) {
        errmsg += "Please confirm your email address.  ";
        errorlabels.push(lblEmailConfirm);
    }

    if (txtEmail.value != txtEmailConfirm.value) {
        errmsg += "Email and confirmation email do not match.  ";
        errorlabels.push(lblEmailConfirm);
    }

    if (isEmpty(txtZip) || isNaN(txtZip.value) || txtZip.value.length < 5) {
        errmsg += "Please enter a valid ZIP Code.  ";
        errorlabels.push(lblZip);
    }

    if (isEmpty(txtFirstName)) {
        errmsg += "Please enter your first name.  ";
        errorlabels.push(lblFirstName);
    }

    if (isEmpty(txtLastName)) {
        errmsg += "Please enter your last name.  ";
        errorlabels.push(lblLastName);
    }
    

    // If catalog checked, required: firstname, lastname, address, city, state
    //  If language option not checked, display highlighted label

    if (chkCatalog.checked) {
      
        if (isEmpty(txtAddress1)) {
            errmsg += "Please enter your address.  ";
            errorlabels.push(lblAddress);
        }

//        if (isEmpty(txtCity)) {
//            errmsg += "Please enter your city.  ";
//            errorlabels.push(lblCity);
//        }

//        if (isEmpty(ddlState)) {
//            errmsg += "Please select your state.  ";
//            errorlabels.push(lblState);
//        }

//        if (!(optCatalogEnglish.checked || optCatalogSpanish.checked)) {
//            errmsg += "Please choose a catalog language.  ";
//            document.getElementById(lblSelectLanguage).style.display = "block";
//        }
    } // if catalog checked


    // if Text Messages checked, or if any phone #s entered, check for phone number and/or validate

    if (chkTextMsgs.checked || !isEmpty(txtPhone1) || !isEmpty(txtPhone2) || !isEmpty(txtPhone3)) {
        if (isEmpty(txtPhone1) || isEmpty(txtPhone2) || isEmpty(txtPhone3)) {
            errmsg += "Please enter a valid mobile phone number.  ";
            errorlabels.push(lblPhone);
            errorlabels.push(lblPhoneConfirm);
        }
        else if (isNaN(txtPhone1.value) || isNaN(txtPhone2.value) || isNaN(txtPhone3.value) || txtPhone1.value.length < 3 || txtPhone2.value.length < 3 || txtPhone3.value.length < 4) {
            errmsg += "Please enter a valid mobile phone number.  ";
            errorlabels.push(lblPhone);
        }
        else if ((txtPhone1.value != txtPhoneConfirm1.value) || (txtPhone2.value != txtPhoneConfirm2.value) || (txtPhone3.value != txtPhoneConfirm3.value)) {
            errmsg += "Mobile number and confirmation mobile number do not match.  ";
            errorlabels.push(lblPhone);
            errorlabels.push(lblPhoneConfirm);
        }
    } // if text msgs checked



    // Require either one of first three optins, OR mobile [OR catalog ] 
    if (!chkEmails.checked && !chkTextMsgs.checked && !chkCatalog.checked) {

        if (typeof (errOptins) != "undefined") {
            errOptins.style.display = "block";
            errmsg += "To activate an account, you must choose one or more subscription options below.";
        }

        errorlabels.push(lblChkEmails);
        errorlabels.push(lblChkTextMsgs);
        errorlabels.push(lblChkCatalog);


    } else {
        if (typeof (errOptins) != "undefined") {
            errOptins.style.display = "none";
        }
    }


  
    // Highlight errorfields and display error message

    if (errmsg != "") {
        highlight(errorlabels);

        // Use generic error msg:
        errSignup.innerHTML = "Please complete or revise items now highlighted.";

        return false;
    }
    else {

        return true;
    }
} // end function validatesignup()





/* ---------  Validate fields for optout form ----------- */

function validateoptout() {
// if errorlabels exist, de-highlight
unhighlight(highlighted);

var errmsg = "";
var errorlabels = Array();
    
if (isEmpty(txtZip) || isNaN(txtZip.value) || txtZip.value.length<5)  {
        errmsg += "Please enter a valid ZIP Code.  ";
        errorlabels.push(lblZip);
    }

        if ( isEmpty(txtFirstName))  {
            errmsg += "Please enter your first name.  ";
            errorlabels.push(lblFirstName);
        } 

        if ( isEmpty(txtLastName))  {
            errmsg += "Please enter your last name.  ";
            errorlabels.push(lblLastName);
        } 

        if ( isEmpty(txtAddress1))  {
            errmsg += "Please enter your address.  ";
            errorlabels.push(lblAddress1);
        } 

//        if ( isEmpty(txtCity))  {
//            errmsg += "Please enter your city.  ";
//            errorlabels.push(lblCity);
//        } 

//        if ( isEmpty(ddlState))  {
//            errmsg += "Please select your state.  ";
//            errorlabels.push(lblState);
//        }

    // update error msg and highlight errorfields

    if (errmsg !="") {
        highlight(errorlabels);

        // Use generic error msg:
        errOptOut.innerHTML = "Please complete or revise items now highlighted.";

        return false ;
    }
    else {
        return true;
    }
} // end function validateoptout()



/* ---------  Validate fields for catalog request without email ----------- */

function validatecatalogrequest() {
// if errorlabels exist, de-highlight

 unhighlight(highlighted);

var errmsg = "";
var errorlabels = Array();
    
if (isEmpty(txtZip) || isNaN(txtZip.value) || txtZip.value.length<5)  {
        errmsg += "Please enter a valid ZIP Code.  ";
        errorlabels.push(lblZip);
    }

        if ( isEmpty(txtFirstName))  {
            errmsg += "Please enter your first name.  ";
            errorlabels.push(lblFirstName);
        } 

        if ( isEmpty(txtLastName))  {
            errmsg += "Please enter your last name.  ";
            errorlabels.push(lblLastName);
        } 

        if ( isEmpty(txtAddress1))  {
            errmsg += "Please enter your address.  ";
            errorlabels.push(lblAddress1);
        } 

//        if ( isEmpty(txtCity))  {
//            errmsg += "Please enter your city.  ";
//            errorlabels.push(lblCity);
//        } 

//        if ( isEmpty(ddlState))  {
//            errmsg += "Please select your state.  ";
//            errorlabels.push(lblState);
//        }

 if (! chkCatalog.checked)  {
            errmsg += "Please check box to confirm your catalog request.  ";
            errorlabels.push(lblCatalog);
        }
        
    // update error msg and highlight errorfields

    if (errmsg !="") {
        highlight(errorlabels);

        // Use generic error msg:
        errCatalogRequest.innerHTML = "Please complete or revise items now highlighted.";
        
        return false ;
    }
    else {
        return true;
    }

} // end function validatecataloguerequest()



function optedInText(chk) {
    // Display language options and make Mobile Phone inputs required if text msgs opted  

    var makerequired = [lblPhone, lblPhoneConfirm];
    var thislabel = ""
  
    if (chk.checked) {
       unhide(trTextLangOpts); // show English/Spanish radio buttons

// CAN'T use this syntax:   for (var label in makerequired) {
//    because Prototype (used in chrome) extends array class

 for (var label = 0; label < makerequired.length; ++label) {

           document.getElementById(makerequired[label]).className += " required";
       }
    }
    else {
        hide(trTextLangOpts); // hide English/Spanish radio buttons
        
         for (var label = 0; label < makerequired.length; ++label) {

//        for (var label in makerequired) {
            currentClass = document.getElementById(makerequired[label]).className;
            unrequiredClass = currentClass.replace(/required/g, "");
            document.getElementById(makerequired[label]).className = unrequiredClass;
        }
    }
    
    

} // end function optedInText()




function optedInCatalog(chk) {
    var makerequired = [lblFirstName, lblLastName, lblAddress, lblCity, lblState];
    if (chk.checked) {

        //  if catalog checked, make fields required:
        //      [language], firstname, lastname, address1, city, state, zip

        unhide(trCatLangOpts); // show English/Spanish radio buttons

        // on profile page, says "Please add address above"
        //  on reg page, this is an empty div

        // show Please Provide Address message, only if fields are not completed

        unhide(litCatalogMsg);

 for (var label = 0; label < makerequired.length; ++label) {

//        for (var label in makerequired) {
            document.getElementById(makerequired[label]).className += " required";
        }
    }
    else {
        hide(trCatLangOpts); // hide English/Spanish radio buttons

        var currentClass;
        var unrequiredClass;

 for (var label = 0; label < makerequired.length; ++label) {

//        for (var label in makerequired) {
            currentClass = document.getElementById(makerequired[label]).className;
            unrequiredClass = currentClass.replace(/required/g, "");
            document.getElementById(makerequired[label]).className = unrequiredClass;
        }

        hide(lblSelectLanguage);
        hide(litCatalogMsg);
    }

} // end function optedInCatalog()






function setPanelState(strPanelState) {
    if (strPanelState == 'editProfile') {
        document.getElementById(panel_DisplayProfile).style.display = "none";
        document.getElementById(panel_EditProfile).style.display = "block";
        document.getElementById(panel_DisplaySurvey).style.display = "block";
        document.getElementById(panel_EditSurvey).style.display = "none";
    }
    else if (strPanelState == 'editSurvey') {
        document.getElementById(panel_DisplayProfile).style.display = "block";
        document.getElementById(panel_EditProfile).style.display = "none";
        document.getElementById(panel_DisplaySurvey).style.display = "none";
        document.getElementById(panel_EditSurvey).style.display = "block";
    }
    // default to the "display" state
    else {
        document.getElementById(panel_DisplayProfile).style.display = "block";
        document.getElementById(panel_EditProfile).style.display = "none";
        document.getElementById(panel_DisplaySurvey).style.display = "block";
        document.getElementById(panel_EditSurvey).style.display = "none";
    }
    document.forms[0].reset();
}



/* -----------------  Validate fields for Mobile Registration  ------------- */
function validateMobileRegistration() {
   // Email optin is not required on this screen.

    
    // if errorlabels exist, de-highlight
    unhighlight(highlighted);

    var errmsg = "";
    var errorlabels = Array();

    // email, zip, first, last always required


    if (isEmpty(txtEmail) || !isValidEmail(txtEmail.value)) {
        errmsg += "Please enter a valid email address.  ";
        errorlabels.push(lblEmail);
    }

    if (isEmpty(txtEmailConfirm) || !isValidEmail(txtEmailConfirm.value)) {
        errmsg += "Please confirm your email address.  ";
        errorlabels.push(lblEmailconfirm);
    }

    if (txtEmail.value != txtEmailConfirm.value) {
        errmsg += "Email and confirmation email do not match.  ";
        errorlabels.push(lblEmailconfirm);
    }

    if (isEmpty(txtZip) || isNaN(txtZip.value) || txtZip.value.length < 5) {
        errmsg += "Please enter a valid ZIP Code.  ";
        errorlabels.push(lblZip);
    }

    if (isEmpty(txtFirstName)) {
        errmsg += "Please enter your first name.  ";
        errorlabels.push(lblFirstName);
    }

    if (isEmpty(txtLastName)) {
        errmsg += "Please enter your last name.  ";
        errorlabels.push(lblLastName);
    }


     if (chkCatalog.checked) { 
        if (isEmpty(txtAddress1)) {
            errmsg += "Please enter your address.  ";
            errorlabels.push(lblAddress);
        }

    } // if catalog checked


    // Require either one of first three optins, OR mobile [OR catalog ] 
    if (!chkEmails.checked && !chkTextMsgs.checked && !chkCatalog.checked) {

        if (typeof (errOptins) != "undefined") {
            errOptins.style.display = "block";
            errmsg += "To activate an account, you must choose one or more subscription options below.";
        }


    } else {
        if (typeof (errOptins) != "undefined") {
            errOptins.style.display = "none";
        }

    }

   
    // update error msg and highlight errorfields

    if (errmsg != "") {
 
        highlight(errorlabels);

        // Use generic error msg:
        errSignup.innerHTML = "Please complete or revise items now highlighted.";

        return false;
    }
    else {
        return true;
    }
    
    
} // end function validateMobileRegistration()





/* -----------------  Validate fields for user login ------------- */
function validateLogin() {

    // New version: If not valid email, check if valid phone number
    // if errorlabels exist, de-highlight
    unhighlight(highlighted);

    var errmsg = "";
    var errorlabels = Array();

    if (isEmpty(txtLoginEmail) || !isValidEmailOrPhone(txtLoginEmail.value) ) {

        errmsg += "Please enter a valid email address or mobile phone number. ";
        errorlabels.push(lblLoginEmail);
    } 

    if (isEmpty(txtLoginZip) || isNaN(txtLoginZip.value) || (txtLoginZip.value.length < 5)  )  {
        errmsg += "Please enter a valid ZIP Code. ";
        errorlabels.push(lblLoginZip);
    }

    if (errmsg !="") {
        highlight(errorlabels);
        errLogin.innerHTML = errmsg;
        return false ;
    }
    else {
        return true;
    }
}  // end function validatelogin()




/* -----------------  Validate fields if user forgot zip ------------- */
function validateGetZip() {
    // Show error msgs and highlight labels in orange
    var errmsg = "";
    var errorlabels = Array();

    if (isEmpty(txtForgotZipEmail) || !isValidEmailOrPhone(txtForgotZipEmail.value)) {
        errmsg = "Please enter a valid email address or mobile phone number.";
    } 
    errorlabels.push(lblForgotZipEmail);

    if (errmsg) {
        highlight(errorlabels);
        errForgotZip.innerHTML = errmsg;
        return false ;
    }
    else {
        errForgotZip.innerHTML ="";
        return true;
    }
} // end function validategetzip()



/* -----------------  Validate survey questions ------------- */
function validatesurvey() {
    // if errorlabels exist, de-highlight
    unhighlight(highlighted);

    // Show error msgs and highlight labels in orange
    /*
        vars for Qs:
        label_ikeaexp    optlstIkeaExp
        label_designinterest  optlstDesignInterest
        label_livingarr  optlstLivingArr
        label_havekids  optlstHaveKids
        label_havebusiness  optlstHaveBusiness 
    */

    // div for displaying errors for grey survey div

    // var errSurvey = document.getElementById('<%=errSurvey.clientID%>');

    var errmsg = "";
    var errorlabels = Array();
    var thisquestion;

    // q1 :  What's your experience with IKEA?
    if (!getradioSelection(optlstIkeaExp))  {
        errmsg += "Please answer.  ";
        errorlabels.push(label_ikeaexp);
    } 

    // q2 :  How interested are you in interior design?
    if (!getradioSelection(optlstDesignInterest))  {
        errmsg += "Please answer.  ";
        errorlabels.push(label_designinterest);
    } 

    // q3 :  How would you describe your living arrangements?
    if (!getradioSelection(optlstLivingArr))  {
        errmsg += "Please answer.  ";
        errorlabels.push(label_livingarr);
    } 

    // q4 :  have kids?
    if (!getradioSelection(optlstHaveKids))  {
        errmsg += "Please answer.  ";
        errorlabels.push(label_havekids);
    } 

    // q5 :  have biz?
    if (!getradioSelection(optlstHaveBusiness))  {
        errmsg += "Please answer.  ";
        errorlabels.push(label_havebusiness);
    } 

    // value is 0 for IKEA Direct, blank if none selected
    if (ddlPreferredStore.value=="")  {
        errmsg += "Please select your preferred store.  ";
        errorlabels.push(lblPreferredStore);
    } 

    if (errmsg) {
        highlight(errorlabels);
        
        // Use generic error msg:
        errSurvey.innerHTML = "Please answer all questions.";
        return false ;
    }
    else {
        errSurvey.innerHTML ="";
        return true;
    }
} // end function validatesurvey()



function getradioSelection(group) { 
    for(var k=0;k<group.length;k++) {
        if(group[k].checked) {
            return group[k].value;
        }
    }
} 



/* ------------ Misc functions used by validation routines above --------- */

// highlight() displays given labels in reversed out orange

function highlight(fields) {

//  OLD WAY : for (var label in fields) {

    for (var index = 0; index < fields.length; ++index) {

        var labelID = fields[index];
       
        document.getElementById(labelID).className += " highlighted";    
    }

    highlighted = fields; // remember what fields you just highlighted

    return (highlighted);
}


// unhighlight() turns highlighting off: revert to pre-highlighted CSS class 

function unhighlight(fields) {

    var currentClass;
    var unhighlightedClass;

// OLD WAY   for (var label in fields) {

    for (var index = 0; index < fields.length; ++index) {

     var labelID = fields[index];   
           
     currentClass = document.getElementById(labelID).className;
     unhighlightedClass = currentClass.replace(/highlighted/g, "");
     document.getElementById(labelID).className = unhighlightedClass;

}

} // end function unhighlight


/* ----------------------- Misc utils ----------------------- */

function isEmpty(field) {
    if ((field.value.length==0) || (field.value==null)) {
        return true;
    }
    else {
        return false;
    }
}


function isValidEmailOrPhone(str) {
    if (isValidEmail(str) || isValidPhone(str)) {
        return true;
    } else {
        return false;
    }
}

function isValidPhone(str) {

    var phoneFilter = /^\+?1?[\( \-\.]*[0-9]{3}[\) \-\.]*[0-9]{3}[ \-\.]?[0-9]{4}$/;
    return (str.match(phoneFilter) != null);
}


function isValidEmail(str) {

var emailFilter=/^[^+][+\-.\w]*@([\w\-+]+\.)+[\w]{2,}$/;
return (str.match(emailFilter) != null);
}



function disable (field) {
    field.disabled=true; 
}

function undisable(field) {
    field.disabled = false;
}



function unhide (div) {
    document.getElementById(div).style.display="block";
}

function hide (div) {
    document.getElementById(div).style.display="none";
}

// Checks if return key was pressed
function checkreturn(e){ 

var characterCode ;

if(e && e.which){ 
e = e;
characterCode = e.which; //NN4 which property
}
else{
e = event;
characterCode = e.keyCode //IE keyCode property
}


if(characterCode == 13){   // if hit return/enter, submit form
document.forms[0].submit();
return false;
}
else{
return true;
}

}

// show modal dialog

function modalDialog() {

myCurtain = document.getElementById("curtain");
myCurtain.style.display = (myCurtain.style.display == "block") ? "none" : "block";

}


function oldmodalDialog() {

myCurtain = document.getElementById("curtain");
myCurtain.style.visibility = (myCurtain.style.visibility == "visible") ? "hidden" : "visible";

}