I have the following loop inside an function init(); which is executed "onload", I am having traouble attaching the mouseover event for each marker, the alert i always returns the value of the last loop/iteration?

for(i=0; i<document.getElementById('departureSelect').options.length; i++){
            var coords = eval(document.getElementById('departureSelect').options[i].value);
            if(i==0){
                window['popup'+i] = new OpenLayers.Marker(new OpenLayers.LonLat(coords[0], coords[1]),icon);
            }else{
                window['popup'+i] = new OpenLayers.Marker(new OpenLayers.LonLat(coords[0], coords[1]),icon.clone());
            }

            window['z'+i] = new OpenLayers.Popup.Anchored(coords[2],
                new OpenLayers.LonLat(coords[0], coords[1]),
                new OpenLayers.Size(0,0),
                '<span class="country-label">' + coords[2] + '</span>',
                icon,
                false
            );
            window['z'+i].autoSize = true;
            window['z'+i].setBorder('1px solid #888');
            map.addPopup(window['z'+i]);
            window['z'+i].hide();

            window['popup'+i].events.register('mouseover', window['popup'+i], function(e){
                alert(i); // only returns loast iteration of i?????

            });

            countries.addMarker(window['popup'+i]);


    }