var siteComponentsConfig = {
    'tooltip': {
        'positionby': 'element' //Valid values: mouse (default), element
     },

    'keywords': {
        'elements': ['placeholder-content'],
        'skiptags': ['h1','h2','h3','h4','h5','h6'],
        'usetooltip': false
    },
    
    'fontsize': {
        'sizes': ["12px", "14px", "15px"]
    }
    
};

// Add observers on all themed elements that toggle the "hover" CSS class
document.observe("dom:loaded", function() {
	['.vertical-menu'].each(function(theme) {
		menus = $$(theme);
		if (menus != null) {
			menus.each(function(menu) {
				menu.observe('mouseover', function(event) {
					menu.addClassName('hover');
				});
		
				menu.observe('mouseout', function(event) {
					menu.removeClassName('hover');
				});
			});
		}
	});
});