/**
 * Skin.js
 * 
 * All JavaScript functionality is tied into the pages via behaviours.
 * CSS selectors are used to find elements and then event handlers are
 * added to those elements. All of the behaviours are applied after
 * the page finishes loading.
 * See http://ripcord.co.nz/behaviour/ for more information.
 *
 * To override a behaviour, find the CSS selector for the behaviour in
 * one of the JavaScript files and add the override behaviour to the
 * rules in this file.  The new rule will replace the existing rule 
 * because skin.js is loaded last.  When the behaviours are applied,
 * the new rule will be applied in place of the old rule.
 *
 * The exampleRules array below contains examples of how to add behaviours
 * to various elements.  Simply add your own rules to the skinRules
 * array to create your own behaviours or override existing ones.
 *
 */
 

/*
var exampleRules = {
	// Tag selector
	'table' : function(element) {
		// Change the color of the element to red immediately on load
		// using the Prototype JavaScript library:
		// http://www.sergiopereira.com/articles/prototype.js.html
		Element.setStyle(element,{'color':'red'});
		
		// Add a mouseover function
		element.onmouseover = 
			function() {
				alert('I would not actually do something like this');
			};
	},
	
	// Tag hiearchy selector
	'table tr td span' : function(element) {
		// Add an onclick function
		element.onclick =
			function() {
				//call some javascript function
			};
	},
	
	// Id selector
	'#id' : function(element) {
	}, 
	
	// CSS class selector
	'.class' : function(element) {
	},
	
	// Combination of tag and class
	'div.class' : function(element) {
	},
	
	// Combination of id, tag, class, hiearchy
	'#id div.class span.class input' : function(element) {
	}
};

Behaviour.register(exampleRules);
*/

/* Add your own rules */
var skinRules = {

};

/* This will register the rules so they will be applied when the page loads */
Behaviour.register(skinRules);