Чекбокс и скрипт

[Kuzyo]

Помогите пожалуйста подправить код.

Нужно стилизировать чекбокс, решил с помощью java скрипта и спрайтов.

В html прописал так:

<span class="check-box" onclick="changeCheck(this)" id="check-box1"><input type="checkbox" name="check-box"/></span>

сам скрипт:

<script type="text/javascript">

function changeCheck(el)

/*

функция смены вида и значения чекбокса

el - span контейнер дял обычного чекбокса

input - чекбокс

*/

{

var el = el,

input = el.getElementsByTagName("input")[0];

if(input.checked)

{el.style.backgroundPosition="1 1";

nput.checked=false;

}

else

{ el.style.backgroundPosition="0 -22px";

input.checked=true;

}

return true;

}

function startChangeCheck(el)

/* если значение установлено в on, меняем вид чекбокса на включенный*/

{ var el = el,

input = el.getElementsByTagName("input")[0];

if(input.checked)

{

el.style.backgroundPosition="0 -17px";

}

return true;

}

function startCheck()

{

/* при загрузке страницы заменяем проверяем значение чекбокса в указанном контенере.

если чекбоксов несколько, нужно будет несколько раз вызвать функциую с нужными id

*/

startChangeCheck(document.getElementById("check-box"));

}

window.onload=startCheck;

</script>

Получается так что при загрузке страницы, стоит рисунок когда галочка, при нажатии, можно переключить на отсутствие галочки, а вот снова включить галочку не выходит ( Помогите, пожалуйста исправить.

[sigma77]

Код. Обрамляйте код тегами [ code ] и [ /code ] без пробелов.