var i;

var item_change = function (item_i) {
	var item = arrResizers[item_i];
	var width = parseInt(item.style.width) + item.speed;
    var height = parseInt(item.style.height) + item.speed;
	var left = parseInt(item.style.left) + item.left;
	if (width < width_min || height < height_min) {
		item.style.display = 'none';
		item.style.position = 'static';
		clearInterval(item.interval);
	} else if (width > width_max && height > height_max) {
		clearInterval(item.interval);
	} else {
        if (width <= width_max) {
            item.style.width = width + 'px';
        }
        if (height <= height_max) {
            item.style.height = height + 'px';
        }
		//item.style.left = left + 'px';
        //item.innerHTML = left;
	}
};

window.onload = function() {
    for (i = 0; i < arrResizers.length; i++) {
        if (arrResizers[i]) {
            arrResizers[i].style.width = width_min + 'px';
            arrResizers[i].style.height = height_min + 'px';
            //arrResizers[i].style.left = '0px';
            arrResizers[i].xi = i;
            arrResizers[i].parentNode.onmouseover = function () {
                this.children[0].speed = speed_px;
                this.children[0].style.display = 'inline-block';
                this.children[0].style.position = 'absolute';
                //this.children[0].left = -Math.round(speed_px/2);
                if (this.children[0].interval) clearInterval(this.children[0].interval);
                this.children[0].interval = setInterval("item_change("+this.children[0].xi+")", speed_ms);
            };
            arrResizers[i].parentNode.onmouseout = function () {
                this.children[0].speed = -speed_px;
                //this.children[0].left = Math.round(speed_px/2);
                if (this.children[0].interval) clearInterval(this.children[0].interval);
                this.children[0].interval = setInterval("item_change("+this.children[0].xi+")", speed_ms);
            };
        }
	}
};