// Разметка таблицы (Table Mod)

document.writeln('<style>');
{ document.writeln('#list,#list2,#list3,#list4,#list5,#list6,#list7,#list8,#list9 {BORDER-BOTTOM: #C0C0C0 1px solid; BORDER-LEFT: #C0C0C0 1px solid}')}
{ document.writeln('#list TR#ln TD,#list2 TR#ln TD,#list3 TR#ln TD,#list4 TR#ln TD,#list5 TR#ln TD,#list6 TR#ln TD,#list7 TR#ln TD,#list8 TR#ln TD,#list9 TR#ln TD {PADDING-LEFT: 7px; BACKGROUND-COLOR: #fafafa; BORDER-TOP: #C0C0C0 1px solid; BORDER-RIGHT: #C0C0C0 1px solid}')}
{ document.writeln('#list TR#lo TD,#list2 TR#lo TD,#list3 TR#lo TD,#list4 TR#lo TD,#list5 TR#lo TD,#list6 TR#lo TD,#list7 TR#lo TD,#list8 TR#lo TD,#list9 TR#lo TD {PADDING-LEFT: 7px; BACKGROUND-COLOR: #c5e6f1; color: #000000; background-image: url(Details/table.jpg); BORDER-TOP: #C0C0C0 1px solid; BORDER-RIGHT: #C0C0C0 1px solid}')}
{ document.writeln('#list TD,#list2 TD,#list3 TD,#list4 TD,#list5 TD,#list6 TD,#list7 TD,#list8 TD,#list9 TD {PADDING-LEFT: 7px; BACKGROUND-COLOR: #fafafa; BORDER-TOP: #C0C0C0 1px solid; BORDER-RIGHT: #C0C0C0 1px solid}')}
document.writeln('</style>');


function EventFramework() {

	this.hasAttach = window.attachEvent ? true : false;
	
	this._id = 0;
	this._handlers = new Array();
	
	this._emulateId = 0;
	this._emulateHandlers = new Array();
	
	this.AttachEvent = function( element, eventName, object, functionName ) {
		
		var handlerFunc = function( ev ){ 
		  if( window.event ) ev = window.event; 
		  
		  ev.GetPoint = function(){
		    var x, y;
		    if( IsValid( this.srcElement ) ){
	        y = document.body.scrollTop  + this.clientY;
	        x = document.body.scrollLeft + this.clientX;	
		    }
		    else {
	        y = this.pageY;
	        x = this.pageX;	
		    }
		    return new Point( x, y );
		  }
		  
		  if( object == null )
		    return functionName( element, ev );
		  else
		    return object[ functionName ]( element, ev );
	  }
		
		if( this.hasAttach ) 
			element.attachEvent(eventName, handlerFunc);
		else
			element.addEventListener(eventName.replace( 'on', ''), handlerFunc, false);

    this._id++;
		this._handlers[ this._id ] = {el: element, en: eventName, handler: handlerFunc};
		
		return this._id;    
	}
	
	this.DetachEvent = function( id ) {  
		var obj = this._handlers[ id ];
		if( obj != null ) {
			
			var element = obj.el;
			var eventName = obj.en;
			
			if( this.hasAttach )
				element.detachEvent( eventName, obj.handler );
			else
				element.removeEventListener(eventName.replace( 'on', ''), obj.handler, false);
			
			obj.handler = null;
			this._handlers[ id ] = null;
		}
	}
	
	this.DetachAllEvent = function() {
  	for( var ii=0; ii < this._id; ii++ ) this.DetachEvent( ii );
	}
	
	this.AttachEvent(window, "onunload", this, "DetachAllEvent");
}
 
EventFramework.Instance = new EventFramework();


function initRollOver(){
		var obj = document.getElementById('list');
		if( obj != null ){
		var tr = obj.getElementsByTagName('TR');
		var hOver = function(o){ o.id='lo'; }
		var hOut = function(o){ o.id='ln'; }
		var obj;
		if( tr != null ) {
			var l =	tr.length;
			for(i=0; i < l; i++){
				obj = tr[i];
				EventFramework.Instance.AttachEvent( obj, 'onmouseover', null, hOver );
				EventFramework.Instance.AttachEvent( obj, 'onmouseout', null, hOut );}}}

		var obj = document.getElementById('list2');
		if( obj != null ){
		var tr = obj.getElementsByTagName('TR');
		var hOver = function(o){ o.id='lo'; }
		var hOut = function(o){ o.id='ln'; }
		var obj;
		if( tr != null ) {
			var l =	tr.length;
			for(i=0; i < l; i++){
				obj = tr[i];
				EventFramework.Instance.AttachEvent( obj, 'onmouseover', null, hOver );
				EventFramework.Instance.AttachEvent( obj, 'onmouseout', null, hOut );}}}

		var obj = document.getElementById('list3');
		if( obj != null ){
		var tr = obj.getElementsByTagName('TR');
		var hOver = function(o){ o.id='lo'; }
		var hOut = function(o){ o.id='ln'; }
		var obj;
		if( tr != null ) {
			var l =	tr.length;
			for(i=0; i < l; i++){
				obj = tr[i];
				EventFramework.Instance.AttachEvent( obj, 'onmouseover', null, hOver );
				EventFramework.Instance.AttachEvent( obj, 'onmouseout', null, hOut );}}}

		var obj = document.getElementById('list4');
		if( obj != null ){
		var tr = obj.getElementsByTagName('TR');
		var hOver = function(o){ o.id='lo'; }
		var hOut = function(o){ o.id='ln'; }
		var obj;
		if( tr != null ) {
			var l =	tr.length;
			for(i=0; i < l; i++){
				obj = tr[i];
				EventFramework.Instance.AttachEvent( obj, 'onmouseover', null, hOver );
				EventFramework.Instance.AttachEvent( obj, 'onmouseout', null, hOut );}}}

		var obj = document.getElementById('list5');
		if( obj != null ){
		var tr = obj.getElementsByTagName('TR');
		var hOver = function(o){ o.id='lo'; }
		var hOut = function(o){ o.id='ln'; }
		var obj;
		if( tr != null ) {
			var l =	tr.length;
			for(i=0; i < l; i++){
				obj = tr[i];
				EventFramework.Instance.AttachEvent( obj, 'onmouseover', null, hOver );
				EventFramework.Instance.AttachEvent( obj, 'onmouseout', null, hOut );}}}

		var obj = document.getElementById('list6');
		if( obj != null ){
		var tr = obj.getElementsByTagName('TR');
		var hOver = function(o){ o.id='lo'; }
		var hOut = function(o){ o.id='ln'; }
		var obj;
		if( tr != null ) {
			var l =	tr.length;
			for(i=0; i < l; i++){
				obj = tr[i];
				EventFramework.Instance.AttachEvent( obj, 'onmouseover', null, hOver );
				EventFramework.Instance.AttachEvent( obj, 'onmouseout', null, hOut );}}}

		var obj = document.getElementById('list7');
		if( obj != null ){
		var tr = obj.getElementsByTagName('TR');
		var hOver = function(o){ o.id='lo'; }
		var hOut = function(o){ o.id='ln'; }
		var obj;
		if( tr != null ) {
			var l =	tr.length;
			for(i=0; i < l; i++){
				obj = tr[i];
				EventFramework.Instance.AttachEvent( obj, 'onmouseover', null, hOver );
				EventFramework.Instance.AttachEvent( obj, 'onmouseout', null, hOut );}}}

		var obj = document.getElementById('list8');
		if( obj != null ){
		var tr = obj.getElementsByTagName('TR');
		var hOver = function(o){ o.id='lo'; }
		var hOut = function(o){ o.id='ln'; }
		var obj;
		if( tr != null ) {
			var l =	tr.length;
			for(i=0; i < l; i++){
				obj = tr[i];
				EventFramework.Instance.AttachEvent( obj, 'onmouseover', null, hOver );
				EventFramework.Instance.AttachEvent( obj, 'onmouseout', null, hOut );}}}

		var obj = document.getElementById('list9');
		if( obj != null ){
		var tr = obj.getElementsByTagName('TR');
		var hOver = function(o){ o.id='lo'; }
		var hOut = function(o){ o.id='ln'; }
		var obj;
		if( tr != null ) {
			var l =	tr.length;
			for(i=0; i < l; i++){
				obj = tr[i];
				EventFramework.Instance.AttachEvent( obj, 'onmouseover', null, hOver );
				EventFramework.Instance.AttachEvent( obj, 'onmouseout', null, hOut );}}}}

EventFramework.Instance.AttachEvent( window, 'onload', null, initRollOver );