(addEventListener && onmousedown) != job
 

Час добрый форумчане, я тут малость запутался, прошу помощи.

function MainClass (id) {
	
	this.idClass = "panel_" + id;
	
	this.interactivPanel = document.createElement('div');
	this.interactivPanel.id = "" + this.idClass;
	this.interactivPanel.style.background = "#666";
	this.interactivPanel.style.cursor = "default";
	this.interactivPanel.style.position = "absolute";
	this.interactivPanel.style.width = "950px";
	this.interactivPanel.style.height = "50px";
	this.interactivPanel.style.left = "25px";
	this.interactivPanel.style.zIndex = "10";
	this.interactivPanel.style.overflow = "hidden";
	this.interactivPanel.innerHTML = this.idClass;
	this.interactivPanel.addEventListener("mouseover", this.onMouseOver, false);
	this.interactivPanel.addEventListener("mouseout", this.onMouseOut, false);
	
	this.viewerPanel = document.getElementById(id);
	this.viewerPanel.align = "center";
	this.viewerPanel.style.width = '1000px';
	this.viewerPanel.style.height = '20px';
	this.viewerPanel.style.position = 'relative';
	this.viewerPanel.innerHTML = '';
	this.viewerPanel.appendChild(this.interactivPanel);
	
	this.onMouseOver = function ( ) {
		document.getElementById("trace").innerHTML = "mouse over " + this.idClass; // undefened ???
	}
	
	this.onMouseOut = function ( ) {
		document.getElementById("trace").innerHTML = "mouse out " + this.idClass; // undefened ???
	}
}

Как я только уже не пробовал создавать эти объекты и "prototype" использовал, куда я только не лез.
Помогите создать внятный объект, буду признателен.

function MainClass (id) {
	
	this.idClass = "panel_" + id;
	
	this.interactivPanel = document.createElement('div');
	this.interactivPanel.onmouseover = this.onMouseOver;
	this.interactivPanel.onmouseout = this.onMouseOut;
	this.interactivPanel.innerHTML = this.idClass;
	this.interactivPanel.id = this.idClass;
	this.interactivPanel.style.background = "#666";
	this.interactivPanel.style.position = "absolute";
	this.interactivPanel.style.cursor = "default";
	this.interactivPanel.style.height = "50px";
	this.interactivPanel.style.width = "950px";
	this.interactivPanel.style.left = "25px";
	this.interactivPanel.style.zIndex = "10";
	this.interactivPanel.style.overflow = "hidden";
	
	this.viewerPanel = document.getElementById(id);
	this.viewerPanel.innerHTML = '';
	this.viewerPanel.align = "center";
	this.viewerPanel.style.position = 'relative';
	this.viewerPanel.style.height = '20px';
	this.viewerPanel.style.width = '1000px';
	this.viewerPanel.appendChild(this.interactivPanel);
}

MainClass.prototype.onMouseOver = function ( ) {
	document.getElementById("trace").innerHTML = "over: " + this.idClass;
}

MainClass.prototype.onMouseOut = function ( ) {
	document.getElementById("trace").innerHTML = "out: " + this.idClass;
}

Вот так тоже не работает, 10 человек просмотрело тему и ни кто ни сталкивался с похожей ситуацией???