function dialogBgClr() {
  document.getElementById('street').style.background = "#ffffff";
  document.getElementById('city').style.background = "#ffffff";
  document.getElementById('province').style.background = "#ffffff";
  document.getElementById('dialogAjax').style.display = 'none';
}

function dialogValClr() {
  document.getElementById('street').value = "";
  document.getElementById('city').value = "";
  document.getElementById('province').value = "";
  document.getElementById('dialogAjax').value = "";
  if (document.getElementById('locSave') != null) {
     document.getElementById('locSave').checked = false;
     document.getElementById('locname').value = "";
     document.getElementById('locname').style.background = "#ffffff";
     document.getElementById('diaLocName').style.display = 'none';
  } 
  if (document.getElementById('mlocsel') != null) {
     var myForm = document.getElementById('mlocsel'); 
     myForm.options[0].selected = true;
  }
}

function a(el) {
  var address = el.options[el.selectedIndex].value;
  address = address.split("::");
  document.getElementById('street').value = address[0];
  document.getElementById('city').value = address[1];
  document.getElementById('province').value = address[2];
  document.getElementById('locname').value = address[3];
  dialogBgClr();
}

YAHOO.namespace("example.container");

function init() {
    
    var handleNo = function() {
        dialogBgClr();
        dialogValClr(); 
        this.hide();
    };

    var handlePrint = function() {
       print();
       this.hide();
    };
   
/* -------------------------------------------------------------------------------------------------------------- */
/* Deprecated 
   // Share Supplier with Friends
    var handleShare = function () {
       var email   = document.getElementById('shareemail').value;
       var comment = document.getElementById('sharecomment').value;
       globalCall('ajax','/ajax/sharesupplier','e=' + email + '&c=' + comment);
       this.hide();
    }



    var text1 = "<h2>Send to a friend</h2><div style='padding:8px 0 0 0;font-size:12px'> \
                 Friend's Email Address:<br><input id='shareemail' style='width:270px' type='textbox'><br> \
                 Comment:<br><textarea id='sharecomment' style='width:270px;height:60px'> \
                 I'd like to share this link with you</textarea></div>";
    YAHOO.example.container.simpledialog2 = new YAHOO.widget.SimpleDialog("simpledialog2", 
                                                                             { width: "300px",
                                                                               fixedcenter: true,
                                                                               visible: false,
                                                                               draggable: true,
                                                                               close: true,
                                                                               text: text1,
                                                                               constraintoviewport: true,
                                                                               buttons: [ { text:"Send", handler:handleShare, isDefault:true },
                                                                                          { text:"Cancel",  handler:handleNo } ]
                                                                             } );
    YAHOO.example.container.simpledialog2.setHeader("Share Link");
    YAHOO.example.container.simpledialog2.render("sharecontainer");
    YAHOO.util.Event.addListener("showshare", "click", YAHOO.example.container.simpledialog2.show, YAHOO.example.container.simpledialog2, true);
*/
/* -------------------------------------------------------------------------------------------------------------- */
   //Map Enter your Location
    var handleYes = function() {
        var headerChange = false;
        var street = document.getElementById('street');
        var city = document.getElementById('city');
        var province = document.getElementById('province');
        var locname = document.getElementById('locname');
        var isclosed = true;
        var msg = "";
        
        /* Move to langDialog php function in Header - Find a more orderly method for these variables converting to objects or arrays */
        var langErrDiaStreet = "Please enter a valid street";
        var langErrDiaCity = "Please enter a valid city";
        var langErrDiaProv = "Please enter a valid province";

        if (street.value.length < 3) {
           street.style.background = "pink";
           msg = langErrDiaStreet;
           isclosed = false;
        } else if (city.value.length < 3) {
           city.style.background = "pink";
           msg = langErrDiaCity;
           isclosed = false;
        } else if (province.value.length < 2) {
           province.style.background = "pink";
           msg = langErrDiaProv;
           isclosed = false;
        }

        if (document.getElementById('locSave') != null) {
          var locSave = document.getElementById('locSave'); 
          headerChange = true;
          if (locSave.checked == true) {
            if (locname.value != 0) {
               /* Add to My Locations */
               globalCall('mySelLoc','/settings/locations','ajax=1&l='+locname.value+'&s='+street.value+'&c='+city.value+'&p='+province.value);
            } else {
               dialogBgClr();
               locname.style.background = "pink";
               msg = "Please enter a Location Name";
               isclosed = false;
            }
          }
          if (isclosed == true) {
            /* UnCheck Save Location */
            locSave.checked = false;
          }
          /* Place selected locations back to top */
          if (document.getElementById('mlocsel') != null) {
            var myForm = document.getElementById('mlocsel'); 
            myForm.options[0].selected = true;
          }
        }
        if (isclosed == true) {
          if (headerChange == true) { 
            document.getElementById('headCurLoc').innerHTML = locname.value;
          }
          globalCall('ajax','/ajax/getlocation','s='+street.value+'&c='+city.value+'&p='+province.value);
          dialogBgClr();
          dialogValClr();
          //street.value = "";
          //city.value = "";
          //province.value = "";
          this.hide();
        } else {
          var dialogAjax = document.getElementById('dialogAjax');
          dialogAjax.style.display = 'block';
          dialogAjax.innerHTML = msg;
        }
    };




    var text1 = "<h2>"+langEnterLocation+"</h2><div style='padding:8px 0 8px 0;font-size:12px'><span id='diaLocName' style='display:none'>"+langLocation+"<br> \
                 <input onclick='bgClear(this);' id='locname' style='width:270px' autocomplete='off' type='textbox' value=''><br></span>"+langStreet+"<br> \
                 <input onclick='bgClear(this);' id='street' style='width:270px' type='textbox'><br>"+langCity+"<br> \
                 <input onclick='bgClear(this);' id='city' style='width:270px' type='textbox'><br>"+langProvState+"<br> \
                 <input onclick='bgClear(this);' id='province' style='width:170px' type='textbox' /><div id='mySelLoc'></div><div id='dialogAjax'></div></div>";
    globalCall('mySelLoc','/settings/locations','ajax=2');

    YAHOO.example.container.simpledialog1 = new YAHOO.widget.SimpleDialog("simpledialog1", 
                                                                             { modal:false,
                                                                               width: "333px",
                                                                               fixedcenter: true,
                                                                               visible: false,
                                                                               draggable: true,
                                                                               close: true,
                                                                               text: text1,
                                                                               constraintoviewport: true,
                                                                               buttons: [ { text:langSend, handler:handleYes, isDefault:true },
                                                                                          { text:langCancel,  handler:handleNo } ]
                                                                             } );
    YAHOO.example.container.simpledialog1.setHeader(langChangeLocation);
    
    // Render the Dialog
    YAHOO.example.container.simpledialog1.render("locDialog");

    //Maybe also add a YAHOO.util.Event.addListener to the map markers for the sorting.
    YAHOO.util.Event.addListener("showtop", "click", YAHOO.example.container.simpledialog1.show, YAHOO.example.container.simpledialog1, true);
    YAHOO.util.Event.addListener("showmid", "click", YAHOO.example.container.simpledialog1.show, YAHOO.example.container.simpledialog1, true);
    YAHOO.util.Event.addListener("hide", "click", YAHOO.example.container.simpledialog1.hide, YAHOO.example.container.simpledialog1, true);


}
YAHOO.util.Event.addListener(window, "load", init);