// JavaScript Document
if ( document.addEventListener ) {
	document.addEventListener("DOMContentLoaded", DOMContentLoaded, false );
} else if( document.attachEvent ){
	document.attachEvent("onreadystatechange", DOMContentLoaded);
}

function DOMContentLoaded(){
	var html = document.documentElement;
	function borderRadius(){
		var $objs = $('#bar div.rel>a, #bar ul.spec, #bar a span, div.rn-bl, div.rn-gr, div.rn-gr2, div.line, a.rn-bt, span.t-field, .btn-in, div.rn-gr3, ul.l-bar');
		var s = ['tl','tr','br','bl','tx','bx','ly','ry'];		
		for(var i=0,l=$objs.length;i<l;i++){
			var $obj = $objs[i];
			$obj.className += ' rn-'+$objs[i].className.split(' ')[0];
			for(var j=0,sl=s.length;j<sl;j++) {
				var elem = document.createElement('div');
				elem.className = s[j];
				$obj.appendChild(elem);
			}
		}
		
	}
	if(html.style.MozBorderRadius==undefined&&html.style.WebkitBorderRadius==undefined&&html.style.borderRadius==undefined) borderRadius();		
	
	
	function bar(){
		var tds = $('#bar td');
		var t;
		for(var i=0,l=tds.length;i<l;i++){
			var obj = tds[i];
			obj.onmouseover = function(){					
				unloadBar()
				clearTimeout(t);
				var obj = this;				
				obj.className.indexOf('hover')<0?obj.className+=' hover':'';				
			}
			obj.onmouseout = function(){				
				var th = this;
				t = setTimeout(function(){th.className=th.className.replace('hover','')},300);
			}			
		}
		if ( document.addEventListener ) {
			document.addEventListener("unload", unloadBar, false );
		} else if( document.attachEvent ){
			document.attachEvent("unload", unloadBar);
		}
		function unloadBar(){			
			for(var i=0,l=tds.length;i<l;i++){
				tds[i].className=tds[i].className.replace('hover','');
			}
		}
	}
	bar();
}