Quick javascript help please

[Buttons]

Running into a really weird issue, in my function() block, the if section runs both the true and the else code blocks, what am I doing wrong?

function StyleAllInputs(){
    var inputs = document.getElementsByTagName('input');
    var texts = document.getElementsByTagName('textarea');
                        
    for (i=0; i<inputs.length; i++) { // loops through the inputs
        //Set the style
        inputs[i].className="default";
        inputs[i].onclick=function() {
            //Build arrays of elements we want to change
            var inputs = document.getElementsByTagName('input');
            var texts = document.getElementsByTagName('textarea');
            //Reset all styles
            for (i=0; i<inputs.length; i++) { // loops through the inputs
                //Set the style
                inputs[i].className="default";
            }
            for (i=0; i<texts.length; i++) { // loops through the inputs
                //Set the style
                texts[i].className="default";
            }
            
            //Then set the current one
            if ((this.readOnly==true) || (this.enabled==false)) {
                this.className="readonly";
            } else {
                this.className="editable";
            }
        }
    }
}

Any tips muchly appreciated. Ta

PS I know it's not finished yet wrt textareas.

 

[Buttons]

Cheers for looking, the function bit works as expected as it's an inline function definition.

I'm using the venkman javascript debugger in Firefox and it hits breakpoints on both lines of code. It's very weird.

 

[Buttons]

It appears the error was in the css and the venkman debugger was just being a poo-head making me think both lines were being run, thanks for helping anyway!