window.addEvent('domready', function() {
    var countrySelectorIsHidden = true;
    var customDropdowns = $$('.customDropdownBar');
    var selectedDropdown = null;
    var customDropdownPadding = 10;

    //Add Custom Dropdown Event
    customDropdowns.each(function(item) {
        var selector = item.getNext('.selector');
        var arrow = item.getFirst('.arrow');

        item.addEvent('click', function() {
            if (selector.getStyle('display') != 'block') {
                selector.setStyle('display', 'block');
                selector.getFirst('.right').setStyle('width', item.getSize().x - customDropdownPadding);
                arrow.setProperty('class', 'arrowSelected');
            }
            else {
                selector.setStyle('display', 'none');
                arrow.setProperty('class', 'arrow');
            }
            selectedDropdown = item;
        });
    });


    //Add Country Selector Event
    $(document.body).getElement('div.countryBar').addEvent('click', function(event) {
        var sender = $(event.target).getParent('.countryBar');
        if (sender == null) { sender = $(event.target) }

        var selector = sender.getFirst('.countrySelector');
        var button = sender.getFirst();
        if (selector.getStyle('display') != 'block') {
            selector.setStyle('display', 'block');
            button.setProperty('class', 'buttonSelected');
        }
        else {
            selector.setStyle('display', 'none');
            button.setProperty('class', 'button');
        }
        countrySelectorIsHidden = false;
    });

    //Hide dropdowns
    $(document.body).addEvent('click', function() {
        //Hide Custom Dropdowns
        customDropdowns.each(function(item) {
            var selector = item.getNext('.selector');
            var arrow = item.getFirst('.arrowSelected');
            if (selector != null && (item != selectedDropdown))
                selector.setStyle('display', 'none');
            if (arrow != null && (item != selectedDropdown))
                arrow.setProperty('class', 'arrow');
        });
        selectedDropdown = null;

        //Hide Country Selector
        var sender = $(document.body).getElement('div.countryBar');
        var selector = sender.getFirst('.countrySelector');
        var button = sender.getFirst();
        if (countrySelectorIsHidden) {
            selector.setStyle('display', 'none');
            button.setProperty('class', 'button');
        }
        countrySelectorIsHidden = true;
    });

});


function swapImage(elm, imgSrc) {
    $(elm).getFirst().setProperty('src', imgSrc);
}