can not read object property in javascript
<p>Trying to hide the left / right navigation text by listening to object &amp; its properties.</p>

<p>working example : <a href="http://jsfiddle.net/ylokesh/9EyEu/29/" rel="nofollow">http://jsfiddle.net/ylokesh/9EyEu/29/</a></p>

<p>But, getting following error " Uncaught TypeError: Cannot call method 'hide' of undefined "</p>

<pre><code>if(!scroller) { var scroller = {}; }

            scroller = {
                next : "#leftControl",
                prev : "#rightControl",
                videos : {
                    hideButtons : function() {
                        var obj = this;
                        obj.next.hide();
                        obj.prev.hide();
                    },
                    init : function() {
                        var obj =  this;
                        obj.hideButtons();
                    }
                },
                init : function() {
                    var obj =  this;
                    obj.videos.init(); 
                }                            
            }

scroller.init();​
</code></pre>
