jssource/src_files/include/SugarEmailAddress/SugarEmailAddress.js

   1 /*********************************************************************************
   2  * SugarCRM Community Edition is a customer relationship management program developed by
   3  * SugarCRM, Inc. Copyright (C) 2004-2012 SugarCRM Inc.
   4  *
   5  * This program is free software; you can redistribute it and/or modify it under
   6  * the terms of the GNU Affero General Public License version 3 as published by the
   7  * Free Software Foundation with the addition of the following permission added
   8  * to Section 15 as permitted in Section 7(a): FOR ANY PART OF THE COVERED WORK
   9  * IN WHICH THE COPYRIGHT IS OWNED BY SUGARCRM, SUGARCRM DISCLAIMS THE WARRANTY
  10  * OF NON INFRINGEMENT OF THIRD PARTY RIGHTS.
  11  *
  12  * This program is distributed in the hope that it will be useful, but WITHOUT
  13  * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
  14  * FOR A PARTICULAR PURPOSE.  See the GNU Affero General Public License for more
  15  * details.
  16  *
  17  * You should have received a copy of the GNU Affero General Public License along with
  18  * this program; if not, see http://www.gnu.org/licenses or write to the Free
  19  * Software Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA
  20  * 02110-1301 USA.
  21  *
  22  * You can contact SugarCRM, Inc. headquarters at 10050 North Wolfe Road,
  23  * SW2-130, Cupertino, CA 95014, USA. or at email address contact@sugarcrm.com.
  24  *
  25  * The interactive user interfaces in modified source and object code versions
  26  * of this program must display Appropriate Legal Notices, as required under
  27  * Section 5 of the GNU Affero General Public License version 3.
  28  *
  29  * In accordance with Section 7(b) of the GNU Affero General Public License version 3,
  30  * these Appropriate Legal Notices must retain the display of the "Powered by
  31  * SugarCRM" logo. If the display of the logo is not reasonably feasible for
  32  * technical reasons, the Appropriate Legal Notices must display the words
  33  * "Powered by SugarCRM".
  34  ********************************************************************************/
  35
  36 (function() {
  37         //Do not double define
  38         if (SUGAR.EmailAddressWidget) return;
  39
  40         var Dom = YAHOO.util.Dom;
  41
  42         SUGAR.EmailAddressWidget = function(module) {
  43                 if (!SUGAR.EmailAddressWidget.count[module]) SUGAR.EmailAddressWidget.count[module] = 0;
  44                 this.count = SUGAR.EmailAddressWidget.count[module];
  45                 SUGAR.EmailAddressWidget.count[module]++;
  46                 this.module = module;
  47                 this.id = this.module + this.count;
  48                 if (document.getElementById(module+'_email_widget_id'))
  49                     document.getElementById(module+'_email_widget_id').value = this.id;
  50                 SUGAR.EmailAddressWidget.instances[this.id] = this;
  51         }
  52
  53         SUGAR.EmailAddressWidget.instances = {};
  54         SUGAR.EmailAddressWidget.count = {};
  55
  56         SUGAR.EmailAddressWidget.prototype = {
  57             emailTemplate : '<tr id="emailAddressRow">' +
  58                 '<td nowrap="NOWRAP"><input type="text" title="email address 0" name="emailAddress{$index}" id="emailAddress0" size="30"/></td>' +
  59                 '<td><span>&nbsp;</span><img id="removeButton0" name="0" src="index.php?entryPoint=getImage&amp;themeName=Sugar&amp;imageName=delete_inline.gif"/></td>' +
  60                 '<td align="center"><input type="radio" name="emailAddressPrimaryFlag" id="emailAddressPrimaryFlag0" value="emailAddress0" enabled="true" checked="true"/></td>' +
  61                 '<td align="center"><input type="checkbox" name="emailAddressOptOutFlag[]" id="emailAddressOptOutFlag0" value="emailAddress0" enabled="true"/></td>' +
  62                 '<td align="center"><input type="checkbox" name="emailAddressInvalidFlag[]" id="emailAddressInvalidFlag0" value="emailAddress0" enabled="true"/></td>' +
  63                 '<td><input type="hidden" name="emailAddressVerifiedFlag0" id="emailAddressVerifiedFlag0" value="true"/></td>' +
  64                 '<td><input type="hidden" name="emailAddressVerifiedValue0" id="emailAddressVerifiedValue0" value=""/></td></tr>',
  65
  66                 numberEmailAddresses : 0,
  67         replyToFlagObject : new Object(),
  68         verifying : false,
  69         enterPressed : false,
  70                 tabPressed : false,
  71         emailView:"",
  72                 emailIsRequired: false,
  73                 tabIndex: -1,
  74
  75                 prefillEmailAddresses: function(tableId, o){
  76                         for (i = 0; i < o.length; i++) {
  77                                 o[i].email_address = o[i].email_address.replace('&#039;', "'");
  78                                 this.addEmailAddress(tableId, o[i].email_address, o[i].primary_address, o[i].reply_to_address, o[i].opt_out, o[i].invalid_email);
  79                         }
  80                 },
  81
  82                 retrieveEmailAddress: function (event) {
  83             var callbackFunction = function success(data) {
  84                     var vals = YAHOO.lang.JSON.parse(data.responseText);
  85                     var target = vals.target;
  86                         event = this.getEvent(event);
  87
  88                                 if(vals.email) {
  89                            var email = vals.email;
  90                            if(email != '' && /\d+$/.test(target)) {
  91                                var matches = target.match(/\d+$/);
  92                                var targetNumber = matches[0];
  93                                var optOutEl = Dom.get(this.id + 'emailAddressOptOutFlag' + targetNumber);
  94                                if(optOutEl) {
  95                                    optOutEl.checked = email['opt_out'] == 1 ? true : false;
  96                                }
  97                                var invalidEl = Dom.get(this.id + 'emailAddressInvalidFlag' + targetNumber);
  98                                if(invalidEl) {
  99                                    invalidEl.checked = email['invalid_email'] == 1 ? true : false;
 100                                }
 101                            }
 102                         }
 103                         //Set the verified flag to true
 104                         var index = /[a-z]*\d?emailAddress(\d+)/i.exec(target)[1];
 105
 106                                 var verifyElementFlag = Dom.get(this.id + 'emailAddressVerifiedFlag' + index);
 107
 108                         if(verifyElementFlag.parentNode.childNodes.length > 1) {
 109                            verifyElementFlag.parentNode.removeChild(verifyElementFlag.parentNode.lastChild);
 110                         }
 111
 112                         var verifiedTextNode = document.createElement('span');
 113                         verifiedTextNode.innerHTML = '';
 114                         verifyElementFlag.parentNode.appendChild(verifiedTextNode);
 115                         verifyElementFlag.value = "true";
 116                         this.verifyElementValue = Dom.get(this.id +'emailAddressVerifiedValue' + index);
 117                         this.verifyElementValue.value = Dom.get(this.id +'emailAddress' + index).value;
 118                         this.verifying = false;
 119
 120                         // If Enter key or Save button was pressed then we proceed to attempt a form submission
 121                         var savePressed = false;
 122                         if(event) {
 123                            var elm = document.activeElement || event.explicitOriginalTarget;
 124                            if(typeof elm.type != 'undefined' && /submit|button/.test(elm.type.toLowerCase())) {
 125                         //if we are in here, then the element has been recognized as a button or submit type, so check the id
 126                         //to make sure it is related to a submit button that should lead to a form submit
 127
 128                         //note that the document.activeElement and explicitOriginalTarget calls do not work consistantly across
 129                         // all browsers, so we have to include this check after we are sure that the calls returned something as opposed to in the coindition above.
 130                         // Also, since this function is called on blur of the email widget, we can't rely on a third object as a flag (a var or hidden form input)
 131                         // since this function will fire off before the click event from a button is executed, which means the 3rd object will not get updated prior to this function running.
 132                         if(/save|full|cancel|change/.test(elm.value.toLowerCase())){
 133                            //this is coming from either a save, full form, cancel, or view change log button, we should set savePressed = true;
 134                             savePressed = true;
 135                         }
 136                    }
 137                         }
 138
 139
 140                         if(savePressed || this.enterPressed) {
 141                            setTimeout("SUGAR.EmailAddressWidget.instances." + this.id + ".forceSubmit()", 2100);
 142                         } else if(this.tabPressed) {
 143                            Dom.get(this.id + 'emailAddressPrimaryFlag' + index).focus();
 144                         }
 145                     }
 146
 147                     var event = this.getEvent(event);
 148                     var targetEl = this.getEventElement(event);
 149                     var index = /[a-z]*\d?emailAddress(\d+)/i.exec(targetEl.id)[1];
 150                         var verifyElementFlag = Dom.get(this.id + 'emailAddressVerifiedFlag' + index);
 151
 152             if(this.verifyElementValue == null || typeof(this.verifyElementValue)=='undefined'){
 153                 //we can't do anything without this value, so just return
 154                 return false;
 155             }
 156
 157             this.verifyElementValue = Dom.get(this.id + 'emailAddressVerifiedValue' + index);
 158                     verifyElementFlag.value = (trim(targetEl.value) == '' || targetEl.value == this.verifyElementValue.value) ? "true" : "false"
 159
 160                     //Remove the span element if it is present
 161                     if(verifyElementFlag.parentNode.childNodes.length > 1) {
 162                        verifyElementFlag.parentNode.removeChild(verifyElementFlag.parentNode.lastChild);
 163                     }
 164
 165                     if(/emailAddress\d+$/.test(targetEl.id) && isValidEmail(targetEl.value) && !this.verifying && verifyElementFlag.value == "false") {
 166                         verifiedTextNode = document.createElement('span');
 167                         verifyElementFlag.parentNode.appendChild(verifiedTextNode);
 168                         verifiedTextNode.innerHTML = SUGAR.language.get('app_strings', 'LBL_VERIFY_EMAIL_ADDRESS');
 169                         this.verifying = true;
 170                         var cObj = YAHOO.util.Connect.asyncRequest(
 171                                     'GET',
 172                                         'index.php?module=Contacts&action=RetrieveEmail&target=' + targetEl.id + '&email=' + targetEl.value,
 173                                         {success: callbackFunction, failure: callbackFunction, scope: this}
 174                                 );
 175                     }
 176             },
 177
 178         handleKeyDown: function (event) {
 179                     var e = this.getEvent(event);
 180                     var eL = this.getEventElement(e);
 181                     if ((kc = e["keyCode"])) {
 182                         this.enterPressed = (kc == 13) ? true : false;
 183                         this.tabPressed = (kc == 9) ? true : false;
 184
 185                         if(this.enterPressed || this.tabPressed) {
 186                            this.retrieveEmailAddress(e);
 187                            if (this.enterPressed)
 188                                this.freezeEvent(e);
 189                         }
 190                     }
 191                 }, //handleKeyDown()
 192
 193                 getEvent :function (event) {
 194                     return (event ? event : window.event);
 195                 },//getEvent
 196
 197                 getEventElement : function (e) {
 198                     return (e.srcElement ? e.srcElement: (e.target ? e.target : e.currentTarget));
 199                 },//getEventElement
 200
 201                 freezeEvent : function (e) {
 202                     if (e.preventDefault) e.preventDefault();
 203                     e.returnValue = false;
 204                     e.cancelBubble = true;
 205                     if (e.stopPropagation) e.stopPropagation();
 206                     return false;
 207                 },//freezeEvent
 208
 209                 addEmailAddress : function (tableId, address, primaryFlag, replyToFlag, optOutFlag, invalidFlag) {
 210                         if (this.addInProgress)
 211                             return;
 212                         this.addInProgress = true;
 213                     if (!address)
 214                 address = "";
 215                         var insertInto = Dom.get(tableId);
 216                     var parentObj = insertInto.parentNode;
 217                     var newContent = document.createElement("input");
 218                     var nav = new String(navigator.appVersion);
 219
 220                     var newContentPrimaryFlag = document.createElement("input");
 221                     var newContentReplyToFlag = document.createElement("input");
 222                     var newContentOptOutFlag = document.createElement("input");
 223                     var newContentInvalidFlag = document.createElement("input");
 224                     var newContentVerifiedFlag = document.createElement("input");
 225                     var newContentVerifiedValue = document.createElement("input");
 226                     var removeButton = document.createElement("button");
 227             var removeButtonImg = document.createElement('img');
 228                     var tbody = document.createElement("tbody");
 229                     var tr = document.createElement("tr");
 230                     var td1 = document.createElement("td");
 231                     var td2 = document.createElement("td");
 232                     var td3 = document.createElement("td");
 233                     var td4 = document.createElement("td");
 234                     var td5 = document.createElement("td");
 235                     var td6 = document.createElement("td");
 236                     var td7 = document.createElement("td");
 237                     var td8 = document.createElement("td");
 238
 239             //use the value if the tabindex value for email has been passed in from metadata (defined in include/EditView/EditView.tpl
 240             //else default to 0
 241             var tabIndexCount = 0;
 242             if(typeof(SUGAR.TabFields) !='undefined' && typeof(SUGAR.TabFields['email1']) != 'undefined'){
 243                 tabIndexCount = SUGAR.TabFields['email1'];
 244             }
 245                     // set input field attributes
 246                     newContent.setAttribute("type", "text");
 247                     newContent.setAttribute("name", this.id + "emailAddress" + this.numberEmailAddresses);
 248                     newContent.setAttribute("id", this.id + "emailAddress" + this.numberEmailAddresses);
 249                     newContent.setAttribute("tabindex", tabIndexCount);
 250                     newContent.setAttribute("size", "30");
 251             newContent.setAttribute("title", SUGAR.language.get('app_strings', 'LBL_EMAIL_TITLE'));
 252
 253                     if(address != '') {
 254                         newContent.setAttribute("value", address);
 255                     }
 256
 257             // inner structure of remove button
 258             removeButtonImg.setAttribute('src', "index.php?entryPoint=getImage&themeName="+SUGAR.themes.theme_name+"&imageName=id-ff-remove-nobg.png");
 259
 260                     // remove button
 261                     removeButton.setAttribute("id", this.id + "removeButton" + this.numberEmailAddresses);
 262                         removeButton.setAttribute("class", "id-ff-remove");
 263                     removeButton.setAttribute("name", this.numberEmailAddresses);
 264                         removeButton.eaw = this;
 265             removeButton.setAttribute("tabindex", tabIndexCount);
 266                     removeButton.onclick = function(){
 267                         this.eaw.removeEmailAddress(this.name);
 268                         return false;
 269                     };
 270             removeButton.appendChild(removeButtonImg);
 271
 272                     // set primary flag
 273                     newContentPrimaryFlag.setAttribute("type", "radio");
 274                     newContentPrimaryFlag.setAttribute("name", this.id + "emailAddressPrimaryFlag");
 275                     newContentPrimaryFlag.setAttribute("id", this.id + "emailAddressPrimaryFlag" + this.numberEmailAddresses);
 276                     newContentPrimaryFlag.setAttribute("value", this.id + "emailAddress" + this.numberEmailAddresses);
 277                     newContentPrimaryFlag.setAttribute("enabled", "true");
 278             newContentPrimaryFlag.setAttribute("tabindex", tabIndexCount);
 279
 280                     // set reply-to flag
 281                     newContentReplyToFlag.setAttribute("type", "radio");
 282                     newContentReplyToFlag.setAttribute("name", this.id + "emailAddressReplyToFlag");
 283                     newContentReplyToFlag.setAttribute("id", this.id + "emailAddressReplyToFlag" + this.numberEmailAddresses);
 284                     newContentReplyToFlag.setAttribute("value", this.id + "emailAddress" + this.numberEmailAddresses);
 285                     newContentReplyToFlag.setAttribute("enabled", "true");
 286             newContentReplyToFlag.setAttribute("tabindex", tabIndexCount);
 287                     newContentReplyToFlag.eaw = this;
 288                     newContentReplyToFlag['onclick']= function() {
 289                         var form = document.forms[this.eaw.emailView];
 290                         if (!form) {
 291                             form = document.forms['editContactForm'];
 292                         }
 293                         var nav = new String(navigator.appVersion);
 294
 295                         if(nav.match(/MSIE/gim)) {
 296                             for(i=0; i<form.elements.length; i++) {
 297                                 var id = new String(form.elements[i].id);
 298                                 if(id.match(/emailAddressReplyToFlag/gim) && form.elements[i].type == 'radio' && id != this.eaw.id) {
 299                                     form.elements[i].checked = false;
 300                                 }
 301                             }
 302                         }
 303                         for(i=0; i<form.elements.length; i++) {
 304                             var id = new String(form.elements[i].id);
 305                             if(id.match(/emailAddressReplyToFlag/gim) && form.elements[i].type == 'radio' && id != this.eaw.id) {
 306                                 this.eaw.replyToFlagObject[this.eaw.id] = false;
 307                             }
 308                         } // for
 309                         if (this.eaw.replyToFlagObject[this.id]) {
 310                             this.eaw.replyToFlagObject[this.id] = false;
 311                             this.checked = false;
 312                         } else {
 313                             this.eaw.replyToFlagObject[this.id] = true;
 314                             this.checked = true;
 315                         } // else
 316                     }
 317
 318                     // set opt-out flag
 319                     newContentOptOutFlag.setAttribute("type", "checkbox");
 320                     newContentOptOutFlag.setAttribute("name", this.id + "emailAddressOptOutFlag[]");
 321                     newContentOptOutFlag.setAttribute("id", this.id + "emailAddressOptOutFlag" + this.numberEmailAddresses);
 322                     newContentOptOutFlag.setAttribute("value", this.id + "emailAddress" + this.numberEmailAddresses);
 323                     newContentOptOutFlag.setAttribute("enabled", "true");
 324                         newContentOptOutFlag.eaw = this;
 325             newContentOptOutFlag.setAttribute("tabindex", tabIndexCount);
 326                     newContentOptOutFlag['onClick'] = function(){this.eaw.toggleCheckbox(this)};
 327
 328                     // set invalid flag
 329                     newContentInvalidFlag.setAttribute("type", "checkbox");
 330                     newContentInvalidFlag.setAttribute("name", this.id + "emailAddressInvalidFlag[]");
 331                     newContentInvalidFlag.setAttribute("id", this.id + "emailAddressInvalidFlag" + this.numberEmailAddresses);
 332                     newContentInvalidFlag.setAttribute("value", this.id + "emailAddress" + this.numberEmailAddresses);
 333                     newContentInvalidFlag.setAttribute("enabled", "true");
 334                         newContentInvalidFlag.eaw = this;
 335             newContentInvalidFlag.setAttribute("tabindex", tabIndexCount);
 336                     newContentInvalidFlag['onClick']= function(){this.eaw.toggleCheckbox(this);};
 337
 338                     // set the verified flag and verified email value
 339                     newContentVerifiedFlag.setAttribute("type", "hidden");
 340                     newContentVerifiedFlag.setAttribute("name", this.id + "emailAddressVerifiedFlag" + this.numberEmailAddresses);
 341                     newContentVerifiedFlag.setAttribute("id", this.id + "emailAddressVerifiedFlag" + this.numberEmailAddresses);
 342                     newContentVerifiedFlag.setAttribute("value", "true");
 343
 344                     newContentVerifiedValue.setAttribute("type", "hidden");
 345                     newContentVerifiedValue.setAttribute("name", this.id + "emailAddressVerifiedValue" + this.numberEmailAddresses);
 346                     newContentVerifiedValue.setAttribute("id", this.id + "emailAddressVerifiedValue" + this.numberEmailAddresses);
 347                     newContentVerifiedValue.setAttribute("value", address);
 348             newContentVerifiedValue.setAttribute("tabindex", tabIndexCount);
 349
 350                     //Add to validation
 351                     this.emailView = (this.emailView == '') ? 'EditView' : this.emailView;
 352                     addToValidateVerified(this.emailView, this.id + "emailAddressVerifiedFlag" + this.numberEmailAddresses, 'bool', false, SUGAR.language.get('app_strings', 'LBL_VERIFY_EMAIL_ADDRESS'));
 353
 354                     tr.setAttribute("id", this.id + "emailAddressRow" + this.numberEmailAddresses);
 355
 356                     td1.setAttribute("nowrap", "NOWRAP");
 357                     td3.setAttribute("align", "center");
 358                     td4.setAttribute("align", "center");
 359                     td5.setAttribute("align", "center");
 360                     td6.setAttribute("align", "center");
 361
 362                     td1.appendChild(newContent);
 363                     td1.appendChild(document.createTextNode(" "));
 364                     spanNode = document.createElement('span');
 365                     spanNode.innerHTML = '&nbsp;';
 366                     td2.appendChild(spanNode);
 367                     if (this.numberEmailAddresses != 0 || typeof (this.emailIsRequired) == "undefined" || !this.emailIsRequired)
 368                        td2.appendChild(removeButton);
 369                     td3.appendChild(newContentPrimaryFlag);
 370                     td4.appendChild(newContentReplyToFlag);
 371                     td5.appendChild(newContentOptOutFlag);
 372                     td6.appendChild(newContentInvalidFlag);
 373                     td7.appendChild(newContentVerifiedFlag);
 374                     td8.appendChild(newContentVerifiedValue);
 375
 376                     tr.appendChild(td1);
 377                     tr.appendChild(td2);
 378                     tr.appendChild(td3);
 379
 380                     if(typeof(this.module) != 'undefined' && this.module == 'Users') {
 381                         tr.appendChild(td4);
 382                     } else {
 383                         tr.appendChild(td5);
 384                         tr.appendChild(td6);
 385                     }
 386
 387                     tr.appendChild(td7);
 388                     tr.appendChild(td8);
 389
 390                     tbody.appendChild(tr);
 391
 392
 393
 394                     insertInto.appendChild(tbody);
 395
 396                     // insert the new div->input into the DOM
 397                     parentObj.insertBefore(Dom.get('targetBody'), insertInto);
 398
 399                     // CL Fix for 17651 (added OR condition check to see if this is the first email added)
 400                     if(primaryFlag == '1' || (this.numberEmailAddresses == 0)) {
 401                         newContentPrimaryFlag.setAttribute("checked", 'true');
 402                 newContent.setAttribute("title", SUGAR.language.get('app_strings', 'LBL_EMAIL_PRIM_TITLE'));
 403                     }
 404
 405                     if(replyToFlag == '1') {
 406                         newContentReplyToFlag.setAttribute("checked", "true");
 407                     }
 408
 409                     if (replyToFlag == '1') {
 410                         this.replyToFlagObject[newContentReplyToFlag.id] = true;
 411                     } else {
 412                         this.replyToFlagObject[newContentReplyToFlag.id] = false;
 413                     }
 414
 415                     if(optOutFlag == '1') {
 416                         newContentOptOutFlag.setAttribute("checked", 'true');
 417                 newContent.setAttribute("title", SUGAR.language.get('app_strings', 'LBL_EMAIL_OPT_TITLE'));
 418                     }
 419
 420                     if(invalidFlag == '1') {
 421                         newContentInvalidFlag.setAttribute("checked", "true");
 422                 newContent.setAttribute("title", SUGAR.language.get('app_strings', 'LBL_EMAIL_INV_TITLE'));
 423                     }
 424                     newContent.eaw = this;
 425                     newContent.onblur = function(e){this.eaw.retrieveEmailAddress(e)};
 426                     newContent.onkeydown = function(e){this.eaw.handleKeyDown(e)};
 427             if (YAHOO.env.ua.ie > 0) {
 428                 // IE doesn't bubble up "change" events through the DOM.
 429                 // So we need to fire onChange events on the parent span when the input changes
 430                 var emailcontainer = Dom.getAncestorByTagName(insertInto,'span');
 431                 YAHOO.util.Event.addListener(newContent, "change",
 432                         function(ev, el){SUGAR.util.callOnChangeListers(el);}, emailcontainer
 433                 );
 434             }
 435
 436                     // Add validation to field
 437             this.EmailAddressValidation(this.emailView, this.id+ 'emailAddress' + this.numberEmailAddresses,this.emailIsRequired, SUGAR.language.get('app_strings', 'LBL_EMAIL_ADDRESS_BOOK_EMAIL_ADDR'));
 438             this.numberEmailAddresses++;
 439                         this.addInProgress = false;
 440                 }, //addEmailAddress
 441
 442         EmailAddressValidation : function(ev,fn,r,stR) {
 443             YAHOO.util.Event.onContentReady(fn,
 444     function () { addToValidate(ev, fn, 'email', r, stR);});
 445         },
 446
 447                 removeEmailAddress : function(index) {
 448                         removeFromValidate(this.emailView, this.id + 'emailAddress' + index);
 449                         var oNodeToRemove = $("#" + this.id +  'emailAddressRow' + index);
 450             var form = oNodeToRemove.parents("form")[0];
 451             oNodeToRemove.find("input").each(function(index, node){
 452                 $(node).remove();
 453             });
 454             oNodeToRemove.css("display", "none");
 455
 456             var removedIndex = parseInt(index);
 457             //If we are not deleting the last email address, we need to shift the numbering to fill the gap
 458             if(this.numberEmailAddresses != removedIndex) {
 459                for(var x = removedIndex + 1; x < this.numberEmailAddresses; x++) {
 460                    Dom.get(this.id + 'emailAddress' + x).setAttribute("name", this.id +"emailAddress" + (x-1));
 461                    Dom.get(this.id + 'emailAddress' + x).setAttribute("id", this.id +"emailAddress" + (x-1));
 462
 463                    if(Dom.get(this.id + 'emailAddressInvalidFlag' + x)) {
 464                        Dom.get(this.id + 'emailAddressInvalidFlag' + x).setAttribute("value", this.id + "emailAddress" + (x-1));
 465                        Dom.get(this.id + 'emailAddressInvalidFlag' + x).setAttribute("id", this.id + "emailAddressInvalidFlag" + (x-1));
 466                    }
 467
 468                    if(Dom.get(this.id + 'emailAddressOptOutFlag' + x)){
 469                        Dom.get(this.id + 'emailAddressOptOutFlag' + x).setAttribute("value", this.id + "emailAddress" + (x-1));
 470                        Dom.get(this.id + 'emailAddressOptOutFlag' + x).setAttribute("id", this.id + "emailAddressOptOutFlag" + (x-1));
 471                    }
 472
 473                    if(Dom.get(this.id + 'emailAddressPrimaryFlag' + x)) {
 474                        Dom.get(this.id + 'emailAddressPrimaryFlag' + x).setAttribute("id", this.id + "emailAddressPrimaryFlag" + (x-1));
 475                    }
 476
 477                    Dom.get(this.id + 'emailAddressVerifiedValue' + x).setAttribute("id", this.id + "emailAddressVerifiedValue" + (x-1));
 478                    Dom.get(this.id + 'emailAddressVerifiedFlag' + x).setAttribute("id", this.id + "emailAddressVerifiedFlag" + (x-1));
 479
 480                    var rButton = Dom.get(this.id + 'removeButton' + x);
 481                    rButton.setAttribute("name", (x-1));
 482                    rButton.setAttribute("id", this.id + "removeButton" + (x-1));
 483                    Dom.get(this.id + 'emailAddressRow' + x).setAttribute("id", this.id + 'emailAddressRow' + (x-1));
 484                }
 485             }
 486
 487                         this.numberEmailAddresses--;
 488
 489
 490             // CL Fix for 17651
 491             if(this.numberEmailAddresses == 0) {
 492                return;
 493             }
 494
 495             var primaryFound = false;
 496             for(x=0; x < this.numberEmailAddresses; x++) {
 497                 if(Dom.get(this.id + 'emailAddressPrimaryFlag' + x).checked) {
 498                    primaryFound = true;
 499                 }
 500             }
 501
 502             if(!primaryFound) {
 503                Dom.get(this.id + 'emailAddressPrimaryFlag0').checked = true;
 504                Dom.get(this.id + 'emailAddressPrimaryFlag0').value = this.id + 'emailAddress0';
 505             }
 506
 507         },
 508
 509                 toggleCheckbox : function (el)
 510                 {
 511                         var form = document.forms[this.emailView];
 512             if (!form) {
 513                 form = document.forms['editContactForm'];
 514             }
 515
 516             if(YAHOO.env.ua.ie) {
 517                 for(i=0; i<form.elements.length; i++) {
 518                    var id = new String(form.elements[i].id);
 519                     if(id.match(/emailAddressInvalidFlag/gim) && form.elements[i].type == 'checkbox' && id != el.id) {
 520                         form.elements[i].checked = false;
 521                     }
 522                 }
 523
 524                 el.checked = true;
 525             }
 526                 },
 527
 528                 forceSubmit : function () {
 529                     var theForm = Dom.get(this.emailView);
 530             if(theForm) {
 531                theForm.action.value = 'Save';
 532                if(!check_form(this.emailView)) {
 533                   return false;
 534                }
 535                if(this.emailView == 'EditView') {
 536                    //this is coming from regular edit view form
 537                   theForm.submit();
 538                } else if (this.emailView.indexOf('DCQuickCreate')>0){
 539                    //this is coming from the DC Quick Create Tool Bar, so call save on form
 540                   DCMenu.save(theForm.id);
 541                } else if(this.emailView.indexOf('QuickCreate')>=0) {
 542                    //this is a subpanel create or edit form
 543                   SUGAR.subpanelUtils.inlineSave(theForm.id, theForm.module.value+'_subpanel_save_button');
 544                }
 545             }
 546         } //forceSubmit
 547     };
 548     emailAddressWidgetLoaded = true;
 549 })();