<script language="JavaScript" type="text/javascript">
var wObj; // переменная которая хранит div-который в данный момент проявляется
var sTimeout = 30; // через сколько вызывать следущую итерацию по уменьшению прозрачности (мс)
var op; // переменная отвечающая за текущую прозрачность
function AppearDivWnd() // ф-я которая проявляет объект (div-окно) хранящееся в переменно wObj
{
    if(op < 1)
    {
        op += 0.1;
        wObj.style.opacity = op;
        wObj.style.filter='alpha(opacity='+op*100+')';
        t = setTimeout('AppearDivWnd()', sTimeout);
    }
}
// ф-я получает на вход div-окно заносит его в переменную wObj и вызывает ф-ю AppearDivWnd() для того что бу его проявить
function AppearDivWndX(div)
{
    wObj = div; // присваеваем див-окно так как AppearDivWnd работает именно с wObj
    op   = 0; // начальная прозрачность 0
    wObj.style.opacity = 0; // начальная прозрачность 0
    wObj.style.display = 'block'; // окно стало видемым
    AppearDivWnd(); // начинаем его плавно проявлять...

}
function position()
{ var jam=div;
  div.style.top=div.offsetHeight + "px";
}
function ZDivWndClose(div)
{ div.style.display='none'; }

var flag=false;
var shift_x;
var shift_y;

function start_drag(itemToMove,e){
if(!e) e = window.event;
flag=true;
shift_x = e.clientX-parseInt(itemToMove.style.left);
shift_y = e.clientY-parseInt(itemToMove.style.top);

if(e.stopPropagation) e.stopPropagation();
else e.cancelBubble = true;
if(e.preventDefault) e.preventDefault();
else e.returnValue = false;
}

function end_drag(){ flag=false; }


function dragIt(itemToMove,e){
if(!flag) return;
if(!e) e = window.event;
itemToMove.style.left = (e.clientX-shift_x) + "px";
itemToMove.style.top = (e.clientY-shift_y) + "px";

if(e.stopPropagation) e.stopPropagation();
else e.cancelBubble = true;
if(e.preventDefault) e.preventDefault();
else e.returnValue = false;
}
</script>