function DisplayWin(divid, width, limitchange)
{
    DarkenPage();
    if (limitchange == '1') {
    	ShowHPanel(divid, width, limitchange)
    } else {
    	ShowHPanel(divid, width);
    }
}

function ShowHPanel(divid, width, limitchange)
{
	// alert(divid); return false;
	var divname = divid;
    var divid = document.getElementById(divid);
       
    // Get the users scroll x & y
    var scrollX, scrollY;
	if( self.pageYOffset ) {
		scrollX = self.pageXOffset;
		scrollY = self.pageYOffset;
	} else if( document.documentElement && document.documentElement.scrollTop ) {
		scrollX = document.documentElement.scrollLeft;
		scrollY = document.documentElement.scrollTop;
	} else if( document.body ) {
		scrollX = document.body.scrollLeft;
		scrollY = document.body.scrollTop;
	}
	
	// Get the middle point
	var centX, centY;
	if( self.innerHeight ) {
		centX = self.innerWidth;
		centY = self.innerHeight;
	} else if( document.documentElement && document.documentElement.clientHeight ) {
		centX = document.documentElement.clientWidth;
		centY = document.documentElement.clientHeight;
	} else if( document.body ) {
		centX = document.body.clientWidth;
		centY = document.body.clientHeight;
	}
	
	var left = scrollX + (centX - 250) / 2;
 	var top = scrollY + (centY - 600) / 2;
	// Do this just so it centres a bit bette
	var w = width / 2;
	var left = left - w;
	
	divid.style.width = width + "px";
	if (limitchange == '1') {
		divid.style.top = "5px";
	} else {
		divid.style.top = top + "px";
	}
	divid.style.left = left + "px";
	divid.style.display = 'block';	
}


function CloseFade(divid)
{
    // hide the newsletter panel
    var divid = document.getElementById(divid);
    divid.style.display = 'none';
    // lighten the page again
    LightenPage();
}

function CloseFadeNoLight(divid)
{
    // hide the newsletter panel
    var divid = document.getElementById(divid);
    divid.style.display = 'none';
    // lighten the page again
}

// this function puts the dark screen over the entire page
function DarkenPage()
{
    var page_screen = document.getElementById('page_screen');
    //page_screen.style.height = '4000px';
    //page_screen.style.height = '2000px';
    // page_screen.style.width = '2000px';
    page_screen.style.height = document.body.scrollHeight + 'px';
    page_screen.style.width = document.body.parentNode.scrollWidth + 'px';
    page_screen.style.display = 'block';
}

// this function removes the dark screen and the page is light again
function LightenPage()
{
    var page_screen = document.getElementById('page_screen');
    page_screen.style.display = 'none';
}