var isMozilla;
var objDiv = null;
var originalDivHTML = "";
var DivID = "";
var Ventana = "";
var over = false;
var w = document.documentElement.clientWidth/2;
var h = window.screen.height/2;
ws = w*2; - 102;
hs = h*2; /*- 82*/
var izq = null;
var arr = null;

//alert(document.documentElement.clientWidth+' '+window.screen.height);

function buildDimmerDiv()
{
	document.write('<div id="dimmer" class="dimmer" style="width:'+ ws + 'px; height:' + hs +'px"></div>');
}

function displayFloatingDiv(divId, ven, title, width, height, left, top) 
{
	//alert(title/*'width:'+w+", "+"heigth:"+h*/);
	
	DivID = divId;
	Ventana = ven;
	var wd = width/2;
	var hd = height/2;
	
	izq = w - wd;
	arr = h - hd;
	
	izq = izq / window.screen.width;
	izq = izq * 100;
	
	
	document.getElementById('dimmer').style.visibility = "visible";
	document.getElementById(divId).style.width = width + 'px';
    document.getElementById(divId).style.height = height + 'px';
    //document.getElementById(divId).style.margin = "auto";
	document.getElementById(divId).style.left = Math.round(izq) + '%';
    document.getElementById(divId).style.top = top + 'px';
	
	var addHeader;
		//if (originalDivHTML == ""){
	originalDivHTML = document.getElementById(divId).innerHTML;
	
	addHeader = '<table style="width:' + width + 'px" class="floatingHeader">' +
	            '<tr><td ondblclick="void(0);" onmouseover="over=true;" onmouseout="over=false;" style="cursor:move;height:18px">' + "" + '</td>' + 
	            '<td style="width:18px;background-color: transparent;" align="right"><div style="position:absolute; width:29px; background-color:transparent; top:15px; right:0px; z-index:100"><a href="javascript:hiddenFloatingDiv(\'' + divId + '\');void(0);">' + '<img src="images/close.png" border=0/></a></div></td></tr></table>';
	
    // add to your div an header	
	document.getElementById(divId).innerHTML = addHeader + originalDivHTML;
	
	document.getElementById(divId).className = 'dimming';
	document.getElementById(divId).style.visibility = "visible";

	//}
}
function hiddenFloatingDiv(divId) 
{
	//window.location="http://www.inglesog.co"
	document.getElementById(divId).innerHTML = "";
	document.getElementById(divId).style.visibility='hidden';
	document.getElementById('dimmer').style.visibility = 'hidden';
	
	DivID = "";
	Ventana = "";
	originalDivHTML="";
	addHeader="";
}

function MouseDown(e) 
{
    if (over)
    {
        if (isMozilla) {
            objDiv = document.getElementById(DivID);
            X = e.layerX;
            Y = e.layerY;
            return false;
        }
        else {
            objDiv = document.getElementById(DivID);
            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()
{
    // check browser
    isMozilla = (document.all) ? 0 : 1;

    if (isMozilla) 
    {
        document.captureEvents(Event.MOUSEDOWN | Event.MOUSEMOVE | Event.MOUSEUP);
    }

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

    // add the div
    // used to dim the page
	buildDimmerDiv();
		
}

// call init
init();