[ZoNT]

MaxIndex = 1;

function browsers() {
        this.ie = (navigator.userAgent.indexOf("MSIE") != -1) ? 1 : 0;
        this.nn = (navigator.userAgent.indexOf("Netscape") != -1) ? 1 : 0;
        this.opera = (navigator.userAgent.indexOf("Opera") != -1) ? 1 : 0;
}
var bw = new browsers();

function $(obj) {
    if(document.all) {
        if(typeof obj == "string") {
            return document.all(obj);
            return false;
        }
    }
    if(document.getElementById) {
        if(typeof obj == "string") {
            return document.getElementById(obj);
            return false;
        }
    }
}

window.onload = function() {
	init();
	document.onmousedown = take;
	document.onmousemove = move;
	document.onmouseup = release;
}

function init() {
	for(var i=1; i<10; i++) {
		var opener = $("opener" + i);
		var closer = $("closer" + i);
		var smaller = $("small" + i);
		if(opener && closer && smaller) {
			opener.onclick = function() {
			var num = this.id;
			      num = num.substr(num.length - 1, 1);
				$("parentparag" +  num).style.display = "block";
				magick($("parentparag" +  num), 99);
			}
			closer.onclick = function() {
			var num = this.id;
			      num = num.substr(num.length - 1, 1);
				$("parentparag" +  num).style.display = "none";
				$("parentparag" +  num).style.opacity = 0;
				if(bw.ie) {	$("parentparag" +  num).filters["alpha"].opacity = 0};
			}
			smaller.onclick = function() {
			var num = this.id;
			      num = num.substr(num.length - 1, 1);
				if($("parentparag" +  num).offsetHeight > 270) {
					resize($("parentparag" +  num), 10, true);
				} else if($("parentparag" +  num).offsetHeight < 30) {
					resize($("parentparag" +  num), 20, false);
				}
			}
		}
	}
}

function resize(whatElem, speed, bool) {
	var elemHeight = whatElem.offsetHeight;
	var step = (bool) ? --elemHeight : elemHeight++;
	if(step) {
		if(bool) {
			whatElem.style.height = parseInt(step - speed) + "px";
			if(step < 40) {
				whatElem.style.height = 29 + "px";
				return false;
			}
		} else {
			whatElem.style.height = parseInt(step + speed) + "px";
			if(step > 250) {
				whatElem.style.height = 280 + "px";
				return false;
			}
		}
	}
	timerID = setTimeout(function() {resize(whatElem, speed, bool)}, 1);
}

function magick(obj, maxOpacity) {
    var cont = (bw.ie) ? obj.filters["alpha"].opacity : obj.style.opacity;
	cont++;
        obj.style.display = "block";
        if(bw.ie) {
                if(obj.filters["alpha"].opacity < maxOpacity) {
                        obj.style.filter = "alpha(opacity = "+parseInt(cont + 1, 10) +")";
                        timerID = setTimeout(function(){ magick(obj, maxOpacity) }, 1);
                }
        } else {
                if(obj.style.opacity < maxOpacity / 100) {
                        if(bw.opera) {
                                obj.style.opacity = cont - 0.95;
                        } else {
                                obj.style.opacity = cont - 0.98;
                        }
                        timerID = setTimeout(function(){ magick(obj, maxOpacity) }, 1);
                }
        }
}
	var offsetX = 0;
	var offsetY = 0;
	var targetEl;
    	function take(e) {
       	  	e = e || window.event;
         	var target = (e.target) ? e.target : e.srcElement;
		var num = target.id;
		if(num != "" && document.getElementById("parent" + num) != null) {
            			if(document.all) {
				targetEl = document.all("parent" + num);
			} else if(document.getElementById) {
				targetEl = document.getElementById("parent" + num);
			}
			document.getElementById("parent" + num).style.zIndex = MaxIndex++; 		// закрепил zIndex на первое место 
		}
		if(targetEl) {
			if(e.pageX) {
				offsetX = e.pageX - target.parentNode.parentNode.offsetLeft;
				offsetY = e.pageY - target.parentNode.parentNode.offsetTop;
			} else if(e.offsetX) {
				offsetX = e.offsetX;
				offsetY = e.offsetY;
			}
			return false;
		}
      	}
	function move(e) {
       	  	e = e || window.event;
		if(targetEl) {
			var targetW = targetEl.offsetWidth;
			var windowW = (window.innerWidth) ? window.innerWidth : document.body.clientWidth; 
               		if (e.pageX && window.innerWidth) {
				var posRight = e.pageX - offsetX + targetW;
				var diff = posRight - windowW;
				if(posRight > windowW) {
					targetEl.style.width = parseInt(targetW - diff, 10) + "px";
				} else if(posRight < windowW && targetW < 500) {
					targetEl.style.width = parseInt(targetW - diff, 10) + "px";
				}
				targetEl.style.left = parseInt(e.pageX - offsetX, 10) + "px";
				targetEl.style.top = parseInt(e.pageY - offsetY, 10) + "px";
			} else if(e.clientX) {
				var posRight = e.clientX - offsetX + targetW;
				var diff = posRight - windowW;
				if(posRight > windowW) {
					targetEl.style.width = parseInt(targetW - diff, 10) + "px";
				} else if(posRight < windowW && targetW < 500) {
					targetEl.style.width = parseInt(targetW - diff, 10) + "px";
				}
				targetEl.style.left = parseInt(e.clientX - offsetX, 10) + "px";
				targetEl.style.top = parseInt(e.clientY - offsetY, 10) + "px";
			}
				if(targetEl.offsetLeft < 0) {targetEl.style.left = 0 + "px"}
				if(targetEl.offsetTop < 0) {targetEl.style.top = 0 + "px"}
		return false
		}
	}
	function release(e) {       	  	
	e = e || window.event;
         	var target = (e.target) ? e.target : e.srcElement;
	var num = target.id;
	if(num != "" && document.getElementById("parent" + num) != null) {
		targetEl = null;
		//document.getElementById("parent" + num).style.zIndex = 0;  				// тут нужно условие  
		}
	}