Не могу изменить id элемента

Здравствуйте, жители JavaScript.ru

Есть HTML код с неизвестным количеством ссылок у которых одинаковый ид

<a id="555" onClick="test();return false;" href="сайт1">сайт1</a>
<a id="555" onClick="test();return false;" href="сайт2">сайт2</a>
<a id="555" onClick="test();return false;" href="сайт3">сайт3</a>

При нажатии на ссылку у неё должен смениться ид на 777, и должен выполниться скрипт

function test() {
        var id_link;
        $(document).ready(function () {
           id_link = $('#777').attr('href');
});
//и т.д.
}
function close() {
document.getElementById('container').style.display = 'none';
}

При нажатии на close() ид должен смениться на исходный

Скрипт должен выполняться для каждой ссылки в отдельности

Никак не могу это сделать
Пробовал делать так

onClick="this.id='777';test();this.id='555';return false;"

но каждый раз загружаемая ссылка остаётся в скрипте, т.е. при нажатии сначала на сайт2, а потом на сайт1 ссылка не перезагружается и загружается окно сайт2, вместо сайт1