var isMozilla;
var objDiv = null;
var originalDivHTML = "";
var over = false;


function displayFloatingDiv( title, image, left, top) 
{
    document.getElementById('galery_img').src = image;
    if (document.getElementById('galery_window').style.visibility != "visible")
    {
	    document.getElementById('galery_window').style.left = left + 'px';
	    document.getElementById('galery_window').style.top = top + 'px';
    }
 	document.getElementById('galery_window').style.visibility = "visible";
    document.getElementById('galery_title').innerHTML = title;

}

function hiddenFloatingDiv() 
{
	document.getElementById('galery_window').style.visibility='hidden';
}

function MouseDown(e) 
{
    if (over)
    {
        if (isMozilla) {
            objDiv = document.getElementById('galery_window');
            X = e.layerX;
            Y = e.layerY;
            return false;
        }
        else {
            objDiv = document.getElementById('galery_window');
            objDiv = objDiv.style;
            X = event.offsetX;
            Y = event.offsetY;
        }
    }
}

function MouseMove(e) 
{
    if (objDiv) {
        if (isMozilla) {
            objDiv.style.top = (e.pageY-Y) + 'px';
            objDiv.style.left = (e.pageX-X) + 'px';
            return false;
        }  
        else 
        {
            objDiv.pixelLeft = event.clientX-X + document.body.scrollLeft;
            objDiv.pixelTop = event.clientY-Y + document.body.scrollTop;
            return false;
        }
    }
}

function MouseUp() 
{
	objDiv = null;
}

function init()
{
	isMozilla = (document.all) ? 0 : 1;

	document.onmousedown = MouseDown;
	document.onmousemove = MouseMove;
	document.onmouseup = MouseUp;

	document.write('<div class="popup" id="galery_window" style="top:70px; left:100px;">\n');
	document.write('<div class="name" ondblclick="void(0);" onmouseover="over=true;" onmouseout="over=false;" style="cursor:move;height:18px">');
	document.write('<div class="close" onClick="hiddenFloatingDiv()">X</div>');
	document.write('<span id="galery_title"></span></div>');
	document.write('<img src="" id="galery_img" />');
	document.write('</div>');
}

function displayWindow(image)
{
	
    var l, t;
    l = screen.width/4;
    t = screen.height/4;
    
	displayFloatingDiv('',image , l, t);
}

init();