(function () {

    var Dom = YAHOO.util.Dom;
    var Event = YAHOO.util.Event;
    var Selector = YAHOO.util.Selector;
    
    
    Event.onDOMReady(function() {
        
            /** highlight function **/
            var fnHighlight = function(e, o) {
                
                if(o.sEvent === "mouseover")
                    document.body.style.cursor = 'pointer';
                else if( o.sEvent === "mouseout")
                    document.body.style.cursor = 'default';
                    
                /**
                *@desc make sure that the image file name is the same as the element id -->'{$id}.gif' and '{$id}_hover.gif'
                **/
                
                var uri = "/sites/geencentteveel/images/icons/circles/";
                if(o.parentId == "popular") {
                        uri += "big/"+this.id;
                        
                } else {
                        uri += "small/"+this.id;
                }
                
                
                var a = Selector.query('a', this, true);
                
                switch(o.sEvent) {
                    
                    case 'mouseover':
                        this.style.backgroundImage = "url('" + uri + "_hover.gif')";
                        Dom.addClass(a, 'orange');                        
                        break;
                    
                    case 'mouseout':
                        this.style.backgroundImage = "url('" + uri + ".gif')";
                        Dom.removeClass(a, 'orange');
                        break;
                    
                    case 'click':
                        location.href = a.href;
                        break; 
                }
  
            };
            
            var lists = Selector.query('div#content ul.verzekeringen');
            
            for(var i = 0; i < lists.length; i++) {
                var elements = Selector.query('li', lists[i]);
                
                Event.addListener(elements, "mouseover", fnHighlight, { parentId:lists[i].id, sEvent:"mouseover"} );
                Event.addListener(elements, "mouseout", fnHighlight, { parentId:lists[i].id, sEvent:"mouseout"} );
                Event.addListener(elements, "click", fnHighlight, { parentId:lists[i].id, sEvent:"click"} );
            }
        } 
    );
   
    
    

})();