/**
 * Usage:
 * var x = new SNTripleLocation( a, b, [c, d] );
 *
 * a        ID of country pulldown
 * b        ID of province/state pulldown
 * [c]      country abbreviation of logged in member's country
 * [d]      province/city appreviation of the logged in member
 *
 * c and d are optional and can be simpily left out as parameters
 *
 ***** Note this package assumes AMAX is included and available to call
 */
function SNDoubleLocation()
{
    var me = this; this.am =null;
    
    var cntrFld = document.getElementById(arguments[0]);
    var provFld = document.getElementById(arguments[1]);
    var memCntr = arguments[2]; var memProv = arguments[3];
    
    init();
    
    
    
    function init()
    {
    
        cntrFld.onchange = function() { me.cntrFldOnChange(); }
        provFld.onchange = function() { me.onProvinceChange(); }
        

        if (memCntr)
        {
            selectField(cntrFld, memCntr);
            populate();
        }
        else
        {
            //cntrFld.selectedIndex = 0;
            resetPrv();
        }
        if (memProv)
        {
            me.onProvinceLoad = function()
            {
                selectField(provFld, memProv);
                me.onProvinceLoad = function(){};
            }
        }
        else
        {
            me.onProvinceLoad = function(){};
        }

    }
    
    
    function selectField(fld, val)
    {
        for (i=0; i<fld.options.length;i++) if (fld.options[i].value == val)
        {
            fld.selectedIndex = i; return;
        }
    }
    
    
    function isNorthAmerican(str)
    {
        return str == "CA" || str == "US";
    }
    
    
    function clearField(ff, n)
    {
        ff.options.length = n;
    }
    
    
    
    function populate()
    {
        clearField(provFld,0); 
        provFld.options[0] = new Option("Please wait ...", "");
        var am = new AMAX("/App_Info/GetAvailableLocations.aspx",
                      true);
        if (!isNorthAmerican(cntrFld.value)) tag1 = tag2 = "province";
        else { tag1 = "prov"; tag2 = "provAbbr"; }
        am.onLoad = function()
        {
            if (this.success)
            {
                resetPrv();
                var root = this.data.getElementsByTagName('Table');
                provFld.disabled=false;
                for (i = 0; i < root.length; i++)
                    provFld.options[provFld.options.length] = new Option( 
                    root[i].getElementsByTagName(tag1)[0].firstChild.nodeValue,
                    root[i].getElementsByTagName(tag2)[0].firstChild.nodeValue);
                provFld.selectedIndex = 0;
                me.onProvinceLoad();
            }
        }
        am.send("cn="+cntrFld.value + "&rand=" + Math.ceil(Math.random()*100000), "get");
    }
    
    
    
    this.cntrFldOnChange = function()
    {
        if (cntrFld.value == "")
        {
            resetPrv();
            me.onCountryChange();
            return;
        }
        populate();
        me.onCountryChange();
    }
    
    
    function resetPrv()
    {
        provFld.selectedIndex = 0;
        provFld.disabled=true;
        clearField(provFld,0);
        provFld.options[0] = new Option(
                    "Select " +  ( isNorthAmerican(cntrFld.value) ?
                    (cntrFld.value == "CA" ? "Province" : "State") : "Province"),"");
    }
    
    
    
    
    // built in handlers you can use to address
    // change events, or load events
    this.onCountryChange = function() { }
    this.onProvinceChange = function() { }
    //this.onProvinceLoad = function() { }
    
    // the following get the values of the select boxes
    this.getCountryValue = function()
    {
        return cntrFld.value;
    }
    this.getProvinceCityValue = function()
    {
        return provFld.value;
    }
    
    this.getCountryText = function()
    {
        return cntrFld.options[cntrFld.selectedIndex].text;
    }
    
    this.getProvinceCityText = function()
    {
        return provFld.options[provFld.selectedIndex].text;
    }
    
    
    this.getCountryPulldownIndex = function()
    {
        return cntrFld.selectedIndex;
    }
    
    
    this.getProvincePulldownIndex = function()
    {
        return provFld.selectedIndex;
    }
}