//************************************************************************************
// Copyright (C) 2006, Massimo Beatini
//
// This software is provided "as-is", without any express or implied warranty. In 
// no event will the authors be held liable for any damages arising from the use 
// of this software.
//
// Permission is granted to anyone to use this software for any purpose, including 
// commercial applications, and to alter it and redistribute it freely, subject to 
// the following restrictions:
//
// 1. The origin of this software must not be misrepresented; you must not claim 
//    that you wrote the original software. If you use this software in a product, 
//    an acknowledgment in the product documentation would be appreciated but is 
//    not required.
//
// 2. Altered source versions must be plainly marked as such, and must not be 
//    misrepresented as being the original software.
//
// 3. This notice may not be removed or altered from any source distribution.
//
//************************************************************************************

//
// global variables
//debugger
var isMozilla;
var objDiv = null;
var originalDivHTML = "";
var DivID = "";
var over = false;

//
// dinamically add a div to 
// dim all the page
//
/*function buildDimmerDiv()
{
    document.write('<div id="dimmer" class="dimmer" style="width:'+ window.screen.width + 'px; height:' + window.screen.height +'px"></div>');
}*/


//
//
//
function displayFloatingDiv(divId, title, width, height, left, top, level, showclose) 
{
	DivID = divId;
	
	document.getElementById('dimmer').style.visibility = "visible";
	document.getElementById('dimmer').style.width = window.screen.width + 'px';
    document.getElementById('dimmer').style.height = (document.body.scrollHeight + 400).toString() + 'px';
    //window.pageYOffset ||  || document.documentElement.scrollTop
    document.getElementById(divId).style.width = width + 'px';
    document.getElementById(divId).style.height = (height+ 25).toString() + 'px';
    document.getElementById(divId).style.left = left + 'px';
    document.getElementById(divId).style.top = top + 'px';
	
	var addHeader;
	
	if (originalDivHTML == "")
	    originalDivHTML = document.getElementById(divId).innerHTML;
	
	addHeader = '<table id="headerdimming" style="width:' + width + 'px; height:20px;" class="floatingHeader">' +
	            '<tr><td ondblclick="void(0);" onmouseover="over=true;" onmouseout="over=false;" style="cursor:move;height:18px">' + title + '</td>' + 
	            '<td style="vertical-align:middle; text-align:right;"><a href="javascript:hiddenFloatingDiv(\'' + divId + '\');void(0);">' + ((showclose == 1) ? '<span class="negro11bold">Cerrar ventana </span></a>' : '') + '</td>' +
	            '<td style="width:18px;" align="right"><a href="javascript:hiddenFloatingDiv(\'' + divId + '\');void(0);">' + 
	            //'<img alt="Cerrar ventana..." title="Cerrar ventana..." src="' + level + 'images/close.jpg" border="0"></a></td></tr></table>';
	            '<img alt="Cerrar ventana..." title="Cerrar ventana..." src="http://www.paginasamarillas.com.do/images/close.jpg" border="0"></a></td></tr></table>';

    // add to your div an header	
	document.getElementById(divId).innerHTML = addHeader + originalDivHTML;

	//http://ads.amarillas.com.do/a.aspx?ZoneID=1466&amp;Task=Get&amp;SiteID=1&amp;X=1273688593465
	
//	<IFRAME id=ifid_1466_300_400 height=400 marginHeight=0 src="http://ads.amarillas.com.do/a.aspx?ZoneID=1466&amp;Task=Get&amp;SiteID=1&amp;X=1273689261010" frameBorder=0 width=300 marginWidth=0 scrolling=no></IFRAME></SPAN><INPUT id=ctl00_footer1_sidhd type=hidden name=ctl00$footer1$sidhd> <IFRAME style="DISPLAY: none; HEIGHT: 19px" id=Codebehind></IFRAME>
	
	
	document.getElementById(divId).className = 'dimming';
	document.getElementById(divId).style.visibility = "visible";
	document.getElementById(divId).style.display = "inline";


}


//
//
//
function hiddenFloatingDiv(divId) 
{
    /*if (document.getElementById('Codebehind'))
    {
        var f = document.getElementById('Codebehind');
            f.src = "CodeBehind.aspx?metodo=SessionBFC&valor=0";
    }*/
        
	document.getElementById(divId).innerHTML = originalDivHTML;
	document.getElementById(divId).style.visibility = 'hidden';
	document.getElementById(divId).style.display = 'none';
	document.getElementById('dimmer').style.visibility = 'hidden';
	
	DivID = "";
}

//
//
//
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();