; (function(){ // uses css
var css=document.createElement('link');
css.setAttribute('rel','stylesheet');
css.setAttribute('type','text/css');
css.setAttribute('href','StringGrid.css');
document.getElementsByTagName('head')[0].appendChild(css);
})();

function StringGrid(options){
var
_visibleRowCount=_visibleColCount=_m=_n=0,
_data=[[]],
self=document.createElement('table');
self.className='StringGrid'

// ==================================== Private Methods ==========================================

function incCols(count){
if (_visibleColCount >= count){
while (_n<count){
for(var i=0;i<_visibleRowCount;i++){
self.childNodes[i].childNodes[_n].style.display='';
};
_n++;
}
} else { //_visibleColCount<count
while (_n<_visibleColCount){
for(var i=0;i<_visibleRowCount;i++){
self.rows[i].cells[_n].style.display='';
};
_n++;
};
while (_n<count){
for (var i=0; i<_visibleRowCount;i++){
var cell=document.createElement('td');
cell.className='StringGridCell';
cell.innerHTML='<input type="text">';
cell.firstChild.aRow = i; cell.firstChild.aCol = _n;
self.childNodes[i].appendChild(cell);
};
_n++;
}
_visibleColCount = _n;
};
}; //incCols

function incRows(count){
if (_visibleRowCount >= count){
while ( _m<count){
self.childNodes[_m].style.display='table-row';
_m++;
}
} else { //_visibleRowCount < count
while ( _m<_visibleRowCount){
self.childNodes[_m].style.display='table-row';
_m++;
};
while (_m<count){
_data[_m]=new Array(_n);
var row=document.createElement('tr');
for (var j=0; j<_visibleColCount;j++){
var cell=document.createElement('td');
cell.className='StringGridCell';
cell.innerHTML='<input type="text">';
cell.firstChild.aRow = _m; cell.firstChild.aCol = j;
row.appendChild(cell);
};
for (j=_n;j<_visibleColCount;j++) {row.childNodes[j].style.display='none'} ;
self.appendChild(row);
_m++;
};
_visibleRowCount = _m;
};
}; //incRows

function decRows(count){
while (_m>count){
_m--;
self.childNodes[_m].style.display='none';

};
}; //decRows

function decCols(count){
while (_n>count){
_n--;
for (var i=0;i<_m;i++){
self.childNodes[i].childNodes[_n].style.display='none';
};
};
}; //decCols

function scan(){
for (var i=0;i<_m;i++){
for(var j=0;j<_n;j++){
_data[i][j] = parseFloat(self.childNodes[i].childNodes[j].firstChild.value) || 0;
};
};
};
// ============================================= Public properties =================================================
Object.defineProperty(self, 'colCount', {
get: function () {return _n},
set:function(value){
if ((value >= 0) && (value<_n)) decCols(value);
if (value>_n) incCols(value);
for (var i=0; i<_data.length ;i++) {
_data[i].length = value;
};
}
});

Object.defineProperty(self, 'rowCount', {
get: function () {return _m},
set: function (value){
if ((value >= 0) && (value<_m)) decRows(value);
if (value>_m) incRows(value);
_data.length = value;
}
});

Object.defineProperty(self, 'cells', {
get: function () {return _data},
set: function (value,i,j){ // ошибка
_data[i][j]=value;
self.childNodes[i].childNodes[j].firsChild.value = value;
}
});

Object.defineProperty(self, 'width', {
get: function () { return parseInt(self.style.width)},
set:function(value){ self.style.width=value+'px' }
});

Object.defineProperty(self, 'height', {
get: function () { return parseInt(self.style.height)},
set:function(value){ self.style.height=value+'px' }
});

//==================================================== Events ====================================
function onEditCell(event){
event = event || window.event;
_data[event.target.aRow][event.target.aCol] = event.target.value;
};
self.addEventListener('change', onEditCell, false);

// =================================================== Create ====================================

if ( (typeof( options ) == 'object') && (typeof( options[0] ) == 'object')){ // передали матрицю
self.rowCount = options.length;
self.colCount = options[0].length;
_data = options ;
} else if ((typeof( arguments[0]) == 'number') && (typeof( arguments[1]) == 'number')) { //передали розмірністі
self.rowCount = arguments[0];
self.colCount = arguments[1];
} else {console.log('Помилка при створенні'+self)};
// _m*_n
return self;
}; //StringGrid