<component lightweight="true">
<attach event="ondocumentready" handler="setHover"/>
	<script>
		function setHover(){
			var elm = element;
			function withinElement(){
				var evt = window.event;
				var parent = evt.fromElement == (evt.target || evt.srcElement || document) ? evt.toElement : evt.fromElement;
				if(parent == elm){
					return true;
				}else{
					while ( parent && parent != elm ) try { parent = parent.parentNode; } catch(error) { parent = elm; }
					return parent == elm;
				}
			}
			function over(){
				if(withinElement()){
					return;
				}
				if(elm.className){
					if((' ' + elm.className + ' ').indexOf(' hover ') !== -1){
						return;
					}
					elm.className = (elm.className + ' hover').replace(/^ +/, ' ');
				}else{
					elm.className = 'hover';
				}
			}
			function out(){
				if(!elm.className || withinElement()){
					return;
				}
				var s = ' ' + elm.className + ' ';
				elm.className = s.replace(/ +hover +/g, ' ');
			}
			elm.attachEvent('onmouseover', over);
			elm.attachEvent('onmouseout', out);
		}
	</script>
</component>