/****************************************/
/*		Javascript only css				*/

// Use onclick to make blocks clickable and still validate xhtml
// This is for adding the js-css for the hover state and cursor
//  so it doesn't appear clickable when it isn't for non-js users
var link=document.createElement("link")
link.setAttribute("rel", "stylesheet")
link.setAttribute("type", "text/css")
link.setAttribute("href", "css/js-styles.css")
document.getElementsByTagName("head")[0].appendChild(link)

/*****************************************/


/* CSS Class */

var CSSClass = {};

// Return true if element is a member of the class c; false otherwise
CSSClass.is = function(e, c) {
	e = id(e);
	
	// pre-screen prior to regexp
	var classes = e.className;
	if (!classes) return false; // no classes
	if (classes == c) return true;  // Class c only
	
	return classes.search("\\b" + c + "\\b") != -1;
};

// Add class c to element e if not already present
CSSClass.add = function(e, c) {
	e = id(e);
	
	if (CSSClass.is(e, c)) return;
	if (e.className) c = " " + c;
	e.className += c;
};

// Remove all occurences of class c from e
CSSClass.remove = function(e, c) {
	e = id(e);
	e.className = e.className.replace(new RegExp("\\b" + c + "\\b\\s*", "g"), "");
}