/**
 * tableHover.js
 *
 * add hover functionality for tablerows on older browsers
 */

Event.observe( window, 'load', function() {
	$$( '#shell .tbl_data tr' ).each( function( row ) {
		Event.observe( row , 'mouseover' , function( e ) { 
			var element = e.element().up( 'tr' );
			if( element.hasClassName( 'td_up' ) ) {
				element.addClassName( 'td_up_hover' );
			} else if( element.hasClassName( 'td_dn' ) ) {
				element.addClassName( 'td_dn_hover' );
			} else {
				element.addClassName( 'hover' );
			}
		 
		} );
		Event.observe( row , 'mouseout' , function( e ) { 
			var element = e.element().up( 'tr' );
			if( element.hasClassName( 'td_up' ) ) {
				element.removeClassName( 'td_up_hover' );
			} else if( element.hasClassName( 'td_dn' ) ) {
				element.removeClassName( 'td_dn_hover' );
			} else {
				element.removeClassName( 'hover' );
			}
		} );
	});
	
	$$( '#shell .tbl_data th' ).each( function( cell ) {
		Event.observe( cell , 'mouseover' , function( e ) { 
			var element = e.element();
			element.addClassName( 'th_hover' );
		} );
		Event.observe( cell , 'mouseout' , function( e ) { 
			var element = e.element();
			element.removeClassName( 'th_hover' );
		} );
	});
});