[aleksandr8i]

Доброго времени суток.

Есть вот такое, примерное, дерево элементов

<ul>
<li class="bg_link">link</li>
<li class="bg_link">link</li>
<li class="bg_link">link</li>
<li class="bg_link">link</li>
<li class="bg_link">link</li>
<li class="bg_link">link</li>
<li class="bg_link">link</li>
</ul>

and style

li{float:left;}

есть js

$(document).ready(function(){
    $(".bg_link").hover(function(){
        $( this ).addClass("active");
        },function(){
        $( this ).removeClass("active");
    });
});

Как видно из выше приведенного кода все ссылки расположены горизонтально.
У меня вопрос следующий: Как можно присвоить элементам li тем которые ближе к левому части экрана расположены один class, а к тем элементам li которые расположены правее другой class?

Буду благодарен любой помощи.