function getPos(el,sProp) {
	var iPos = 0;
	while (el!=null) {
		iPos+=el["offset" + sProp]
		el = el.offsetParent
	}
	return iPos
}

function GalleryMiddle(obj, my_event)
{
	m = document.getElementById("gallery-middle");
	
	
	//alert(my_event.clientX);
	m.style.left = my_event.clientX+10+"px";
	//getPos(el,"Left")+el.offsetWidth+"px";
	m.style.top =  document.body.scrollTop+my_event.clientY+15+"px";
	
	m.style.display="block";
}

function showGalleryMiddle(el, file, text, my_event) {

	m = document.getElementById("gallery-middle");
	
	//alert(my_event.clientX);
	m.style.left = my_event.clientX+15+"px";
	//getPos(el,"Left")+el.offsetWidth+"px";
	m.style.top =  document.body.scrollTop+my_event.clientY+15+"px";
	
	if (!document.getElementById('gallery-middle-img')) {
		var img = document.createElement('img');
		m.appendChild(img);
		
		img.setAttribute('src', '/files/Image/GalleryExt/middle-' + file);
		img.setAttribute('id', 'gallery-middle-img');
		
		var txt = document.createElement('div');
		m.appendChild(txt);
		
		txt.setAttribute('id', 'gallery-middle-text');
		document.getElementById('gallery-middle-text').innerHTML = text;
	}
	else {
		document.getElementById('gallery-middle-img').src='/files/Image/GalleryExt/middle-' + file;
		document.getElementById('gallery-middle-text').innerHTML = text;
	}
	
	HideGalleryMiddle();
	
	m.style.display="block";
	
	opacityOut("gallery-middle", 0, 100, 200, 50);
	
}


function opacityOut(node, start, stop, time, tStep, handler)
{
    if (typeof(node) != "object") {
        node = document.getElementById(node);
    }
    time  = time  ? time  : 1000;
    tStep = tStep ? tStep : 100;
    var sop = (stop - start) * tStep / time;
    var op = start - sop;
    function step()
    {
        op += sop;
        if (((sop > 0) && (op > stop)) || ((sop < 0) && (op < stop))) {
            op = stop;
            clearInterval(timer);
            if (handler) {
                setTimeout(handler, 0);
            }
        }
        var iop = Math.round(op);
        node.style.opacity = iop / 100;
        node.style.filter  = "progid:DXImageTransform.Microsoft.Alpha(opacity=" + iop + ")";
        return true;
    }
    step();
    var timer = setInterval(step, tStep);
 
    return timer;
}


function HideGalleryMiddle()
{
	document.getElementById('gallery-middle').style.display='none';
}