<attach event="ondocumentready" handler="parseStylesheets" />
<script>
/**
 *	Whatever:hover - V2.01.050927 - hover, active & focus
 *	------------------------------------------------------------
 *	(c) 2005 - Peter Nederlof
 *	Peterned - http://www.xs4all.nl/~peterned/
 *	License  - http://creativecommons.org/licenses/LGPL/2.1/
 *
 *	Whatever:hover is free software; you can redistribute it and/or
 *	modify it under the terms of the GNU Lesser General Public
 *	License as published by the Free Software Foundation; either
 *	version 2.1 of the License, or (at your option) any later version.
 *
 *	Whatever:hover is distributed in the hope that it will be useful,
 *	but WITHOUT ANY WARRANTY; without even the implied warranty of
 *	MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
 *	Lesser General Public License for more details.
 *
 *	Credits and thanks to:
 *	Arnoud Berendsen, Martin Reurings, Robert Hanson
 *
 *	howto: body { behavior:url("csshover.htc"); }
 *	------------------------------------------------------------
 * Johan Lund 051114 Dynamically added objects have to be asigned htc manually like below:
 * Johan Lund 051114 HoverElement(obj, className+'onunknown', activators['onunknown']); //onunknown==onfocus
 * Johan Lund 051114 You can also call parseCSSRule(rule) or parse styleSheets, but performance is lost...
 * Johan Lund 051114 removed (a|input|textarea) from csshoverReg unknown part, didn't work.
 * Johan Lund 051114 removed active/hover part from var csshoverReg, classname, affected. Doesn't seem to be time consuming but not used so removed.
 * Johan Lund 051115 added fetching htcLoopWholeDoc from main window, if set loop the whole doc, else only the forms are looped.
 */
//var csshoverReg = /(^|\s)((([^a]([^ ]+)?)|(a([^#.][^ ]+)+)):(hover|active))|((a|input|textarea):unknown)/i, //orginal  doesn't work /JL
//var csshoverReg = /(^|\s)((([^a]([^ ]+)?)|(a([^#.][^ ]+)+)):(hover|active))|(:unknown)/i,
var csshoverReg = /(:unknown)/i,
currentSheet, doc = window.document, hoverEvents = [], activators = {
	//onhover:{on:'onmouseover', off:'onmouseout'},
	//onactive:{on:'onmousedown', off:'onmouseup'},
	onunknown:{on:'onfocus', off:'onblur'}
}
window.htc=this;
var htcLoopWholeDoc=window.htcLoopWholeDoc;
function parseStylesheets() {
	if(!/MSIE (5|6)/.test(navigator.userAgent)) return;
	window.attachEvent('onunload', unhookHoverEvents);
	var sheets = doc.styleSheets, l = sheets.length;
	for(var i=0; i<l; i++) 
		parseStylesheet(sheets[i]);
}
	function parseStylesheet(sheet) {
		if(sheet.imports) {
			try {
				var imports = sheet.imports, l = imports.length;
				for(var i=0; i<l; i++) parseStylesheet(sheet.imports[i]);
			} catch(securityException){}
		}

		try {
			var rules = (currentSheet = sheet).rules, l = rules.length;
			for(var j=0; j<l; j++) parseCSSRule(rules[j]);
		} catch(securityException){}
	}

	function parseCSSRule(rule) {
		var select = rule.selectorText, style = rule.style.cssText;
		if(!csshoverReg.test(select) || !style) return;
		
		var pseudo = select.replace(/[^:]+:([a-z-]+).*/i, 'on$1');
		var newSelect = select.replace(/(\.([a-z0-9_-]+):[a-z]+)|(:[a-z]+)/gi, '.$2' + pseudo);
		//var className = (/\.([a-z0-9_-]*on(hover|active|unknown))/i).exec(newSelect)[1];
		var className = (/\.([a-z0-9_-]*onunknown)/i).exec(newSelect)[1];
		//var affected = select.replace(/:(hover|active|unknown).*$/, '');
		var affected = select.replace(/:unknown.*$/, '');
		var elements = getElementsBySelect(affected);
		if(elements.length == 0) return;
		currentSheet.addRule(newSelect, style);
		for(var i=0; i<elements.length; i++)
			new HoverElement(elements[i], className, activators[pseudo]);
	}

function HoverElement(node, className, events) {
	if(!node.hovers) node.hovers = {};
	if(node.hovers[className]) return;
	node.hovers[className] = true;
	hookHoverEvent(node, events.on, function() { node.className += ' ' + className; });
	hookHoverEvent(node, events.off, function() { node.className = node.className.replace(new RegExp('\\s+'+className, 'g'),''); });
}
	function hookHoverEvent(node, type, handler) {
		node.attachEvent(type, handler);
		hoverEvents[hoverEvents.length] = { 
			node:node, type:type, handler:handler 
		};
	}

	function unhookHoverEvents() {
		for(var e,i=0; i<hoverEvents.length; i++) {
			e = hoverEvents[i]; 
			e.node.detachEvent(e.type, e.handler);
		}
	}

function getElementsBySelect(rule) {
	var parts, nodes = [doc];
	parts = rule.split(' ');
        var loops=(!htcLoopWholeDoc&&parts[0]=='FORM'?1:parts.length);
	for(var i=0; i<loops; i++) {
		nodes = getSelectedNodes(parts[(!htcLoopWholeDoc&&parts[0]=='FORM'?(parts.length-1):i)], nodes);
	}	return nodes;
}
	function getSelectedNodes(select, elements) {
		var result, node, nodes = [];
		var identify = (/\#([a-z0-9_-]+)/i).exec(select);
		if(identify) return [doc.getElementById(identify[1])];
		
		var classname = (/\.([a-z0-9_-]+)/i).exec(select);
		var tagName = select.replace(/(\.|\#|\:)[a-z0-9_-]+/i, '');
		var classReg = classname? new RegExp('\\b' + classname[1] + '\\b'):false;
                if(!htcLoopWholeDoc){//Loop all forms only
                    for (var h = 0; h < elements.length; h++){
                        for (var i = 0; i < elements[h].forms.length; i++){
                            for (var j = 0; j < elements[h].forms[i].elements.length; j++){
                                    node=elements[h].forms[i].elements[j];
                                    if(classReg && !classReg.test(node.className)) continue;
                                    nodes[nodes.length] = node;
                            }
                        }
                    }
                }else{//Loop all objects in document very time consuming for large docs.
                    for(var i=0; i<elements.length; i++) {
                            result = tagName? elements[i].all.tags(tagName):elements[i].all; 
                            for(var j=0; j<result.length; j++) {
                                    node = result[j];
                                    if(classReg && !classReg.test(node.className)) continue;
                                    nodes[nodes.length] = node;
                            }
                    }
                }
                return nodes;
	}
</script>