﻿YUI().use('node', function(Y) {

    // Node available, and ready for use.
    var nodes = Y.all('#block4_tabs .tabtext');
    var tabs = Y.all('#block4_tabs .tab');

    //set defaults
    nodes.setStyle('cursor', 'pointer');
    nodes.item(0).ancestor().addClass('selected');


    var onClick = function(e) {

        //remove 'selected' class from old node and hide all content regions
        tabs.filter('.selected').item(0).removeClass('selected');

        //add 'selected' class to clicked node
        e.currentTarget.ancestor().addClass('selected');
    };

    var onMouseOver = function(e) {
        e.currentTarget.ancestor().addClass('highlighted');
    }
    var onMouseOut = function(e) {
        e.currentTarget.ancestor().removeClass('highlighted');
    }


    nodes.on('click', onClick);
    nodes.on('mouseover', onMouseOver);
    nodes.on('mouseout', onMouseOut);

});