/**
*   Basic object for making XHR requests and using the results as the innerHTML of an element
*   @param button -> Id of the button which will initiate the request
*   @param box -> Id of the element whose innerHTML will be replaced with the xhr results
*   @param loadingEl -> Id of the element to place the loading dialog
**/
(function(){
    
    // Constructor
    LocationFinder = function(oParams)
    {
        this.init(oParams);
    }
    
    // Global
    var me;
    
    //Private Properties and Methods
    var funcs = {
        
        onSubmitCallBack: function(e, obj)
        {
            YUE.preventDefault(e);
            if(me.formDisabled){return false}
            
            var box = YUD.get(me.box),            
                loadingEl = YUD.get(me.loadingEl),
                regionSelect = YUD.get('locregion'),
                region = regionSelect.options[regionSelect.selectedIndex].value;
                countrySelect = YUD.get('loccountry'),
                country = countrySelect.options[countrySelect.selectedIndex].value;
            
            // Errors Temp
            if(regionSelect.selectedIndex == 0 || countrySelect.selectedIndex == 0 )   
            {
                this.showError(regionSelect);
                return;
            }
            else
            {
                this.hideError(regionSelect);
            }
            
            // Build the request          
            var callback = {
                success:funcs.getLocationsCallBack,
                failure:funcs.getLocationsError 
            };
            
            YUC.asyncRequest('GET', '/about_us/contact_us/' + region + '/' + country + '/index.aspx?mode=bodyContent&id=locationContent', callback);
            
            YUD.addClass(loadingEl, 'loading');
            me.formDisabled = true;
            
            box.innerHTML = '';
            
            return false;
            
        },
        
        // Handles the success case of the XHR return trip 
        getLocationsCallBack: function(json)
        {
            var box = YUD.get(me.box),
                loadingEl = YUD.get(me.loadingEl);
                
            YUD.removeClass(loadingEl, 'loading');
            box.innerHTML = json.responseText;             
            me.formDisabled = false;                        
            
            var parent = YUD.get('locationContent');            
            var maps = YUD.getElementsByClassName('mapLocation', 'div', 'locationContent');
            var x, y, 
                region = YUD.getRegion(parent),
                mapRegion,
                height,
                width;
                
                
            for(var i=0; i < maps.length; i++)
            {
                mapRegion = YUD.getRegion(maps[i]);
                height = (mapRegion.bottom - mapRegion.top) + 'px';
                width = (mapRegion.right - mapRegion.left) + 'px';
                
                // Find the middle point of the region
                x = region.right - ((region.right - region.left) / 2);
                y = region.top + 40;
                
                // Subtract half the width and height of the element to center from the coords            
                x = x - (parseInt(width) / 2);
                
                YUD.setXY(maps[i], [x, y]);
            }
        },
        
        getLocationsError: function(json)
        {
            var box = YUD.get(me.box),
                loadingEl = YUD.get(me.loadingEl);
                
            YUD.removeClass(loadingEl, 'loading');
            box.innerHTML = '<h3 class="req">Sorry an error has occured.</h3>';                         
            me.formDisabled = false;            
        }
    };
    
    LocationFinder.prototype = {
    
        init: function(oParams)
        {
            me = this;                        
            me.box = oParams.box;
            me.form = oParams.form;
            me.formDisabled = false;
            me.loadingEl = oParams.loadingEl;
            
            YUE.on(me.form, 'submit', funcs.onSubmitCallBack, me, true);            
            YUE.on('locationContent', 'click', me.showMap);            
        },
        
        showMap: function(e, obj)
        {
            var target = YUE.getTarget(e);
            if(!target){return}
            var map,
                anim;
            
            if(YUD.hasClass(target, 'initOverlay'))
            {
                YUE.preventDefault(e);
                map = YUD.get('mapLocation' + target.id.replace('initOverlay', ''));                
                YUD.setStyle(map, 'visibility', 'visible');
            }
            else if(YUD.hasClass(target, 'closeWindow'))
            {
                YUE.preventDefault(e);  
                target = target.parentNode.parentNode.parentNode.parentNode;                
                YUD.setStyle(target, 'visibility', 'hidden');
            }
        },
        
        showError: function(obj)
        {
            if(!YUD.hasClass(obj, 'hasErrors'))
            {
                var error = document.createElement('span');
                YUD.addClass(error, 'req');
                YUD.addClass(obj, 'hasErrors');
                error.innerHTML = errMsgs.selAll;
                obj.parentNode.insertBefore(error, obj.parentNode.firstChild);
            }
        },
        
        hideError: function(obj)
        {
            var error = YUD.getElementsByClassName('req', 'span', obj.parentNode);                        
            if(error.length > 0)
            {
                YUD.removeClass(obj, 'hasErrors');
                obj.parentNode.removeChild(error[0]);
            }
        }
    };
})();

locs = new LocationFinder({ 
    'form':'locationsSearch',
    'box':'locationResults',
    'loadingEl':'locationContent'
});

locFinder = new DropDownList({ 
    'selectArray':{},  
    'dataSource': '/webservices/feservice.aspx?method=locations',
    'baseSelectMenu':'locregion',
    'targetSelectMenu':'loccountry'
});