var azservices_id = null;
var azservices_list = null;
var azservices_status = null;
var do_effect = true;

var showAZList = function() {
    if (do_effect) {
        new Effect.BlindDown(azservices_list, { beforeStart: function() {
            do_effect = false;
        }, afterFinish: function() {
            do_effect = true;
            azservices_status.innerHTML = '<a href="#" onclick="hideAZList(); return false;">Close list</a>';
            azservices_status.show();
        }});
    }
}

var hideAZList = function() {
    if (do_effect) {
        new Effect.BlindUp(azservices_list, { beforeStart: function() {
            do_effect = false;
        }, afterFinish: function() {
            do_effect = true;
            azservices_status.innerHTML = '';
            azservices_status.hide();
        }});
    }
}

Event.observe(window, 'load', function() {
    azservices_list = $("azservices_list_inner").hide();
    azservices_status = $("azservices_status").hide();
    
	$$(".azletter").each(function(el, i) {
		Event.observe(el, "click", function(ev) {
			var elem = Event.element(ev);
			if (do_effect) {
    			if (azservices_id == elem.id) {
    				if (azservices_list.visible()) {
    					hideAZList();
    				}
    				else {
    					showAZList();
    				}
    			}
    			else {
    				new Ajax.Updater(azservices_list, elem.readAttribute("href") + "&ajax=1", {
    					onCreate: function() {
    					    azservices_status.innerHTML = 'Loading...';
    						azservices_status.show();
    					},
    					onComplete: function() {
    						if (!azservices_list.visible()) {
    							showAZList();
    						}
    						else {
    						    azservices_status.innerHTML = '<a href="#" onclick="hideAZList(); return false;">Close list</a>';
    						    azservices_status.show();
    						}
    					}
    				});
    				azservices_id = elem.id;
    			}
    		}
			
			Event.stop(ev); //return false;
		});
	});	
});