function pageWidth() 
{
    return window.innerWidth != null ? window.innerWidth : document.documentElement &&
        document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body != null ? document.body.clientWidth : null;
}


function pageHeight() 
{
    return window.innerHeight != null ? window.innerHeight : document.documentElement &&
        document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body != null ? document.body.clientHeight : null;
}


function posLeft() 
{
    return typeof window.pageXOffset != "undefined" ? window.pageXOffset : document.documentElement && document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ? document.body.scrollLeft : 0;
}


function posTop() 
{
    return typeof window.pageYOffset != "undefined" ? window.pageYOffset : document.documentElement && document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ? document.body.scrollTop : 0;
}


function $(x) 
{
    return document.getElementById(x);
}


function scrollFix() 
{
    var obol = $("ol");
    obol.style.top = posTop() + "px";
    obol.style.left = posLeft() + "px";
}


function sizeFix() 
{
    var obol = $("ol");
    obol.style.height = pageHeight() + "px";
    obol.style.width = pageWidth() + "px";
}


function kp(e) 
{
    ky = e ? e.which : event.keyCode;
    if (ky == 88 || ky == 120) {
        hm();
    }
    return false;
}


function inf(h) 
{
    tag = document.getElementsByTagName("select");
    for (i = tag.length - 1; i >= 0; i--) {
        tag[i].style.visibility = h;
    }
    tag = document.getElementsByTagName("iframe");
    for (i = tag.length - 1; i >= 0; i--) {
        tag[i].style.visibility = h;
    }
    tag = document.getElementsByTagName("object");
    for (i = tag.length - 1; i >= 0; i--) {
        tag[i].style.visibility = h;
    }
}


function sm(obl, wd, ht) 
{
    var h = "hidden";
    var b = "block";
    var p = "px";
    var obol = $("ol");
    var obbxd = $("mbd");
    obbxd.innerHTML = $(obl).innerHTML.replace(/BoxOk/gi, "Box" + OK_BUTTON_POP_UP_SUFFIX); // used for multiple ID problems
    obol.style.height = pageHeight() + p;
    obol.style.width = pageWidth() + p;
    obol.style.top = posTop() + p;
    obol.style.left = posLeft() + p;
    obol.style.display = b;

    if (isIE6() && PAGE_CONTEXT)
    {
    	obol.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + PAGE_CONTEXT + "/framework/skins/telstra/images/wob_v1_1/overlay.png', sizingMethod='scale')";
    }
    
    var tp = posTop() + (pageHeight() - ht) / 2 - 12;
    var lt = posLeft() + (pageWidth() - wd) / 2 - 12;
    var obbx = $("mbox");
//    obbx.style.top = (tp < 0 ? 0 : tp) + p;
    obbx.style.top = 153 + p;
    obbx.style.left = (lt < 0 ? 0 : lt) + p;
    obbx.style.width = wd + p;
//    obbx.style.height = ht + p;
    inf(h);
    obbx.style.display = b;
    return false;
}


function hm() 
{
    var v = "visible";
    var n = "none";
    $("ol").style.display = n;
    $("mbox").style.display = n;
    inf(v);
    document.onkeypress = "";
}


function initmb() 
{
    var ab = "absolute";
    var n = "none";
    var obody = document.getElementsByTagName("body")[0];
    var frag = document.createDocumentFragment();
    var obol = document.createElement("div");
    obol.setAttribute("id", "ol");
    obol.style.display = n;
    obol.style.position = ab;
    obol.style.top = 0;
    obol.style.left = 0;
    obol.style.zIndex = 998;
    obol.style.width = "100%";
    frag.appendChild(obol);
    var obbx = document.createElement("div");
    obbx.setAttribute("id", "mbox");
    obbx.style.display = n;
    obbx.style.position = ab;
    obbx.style.zIndex = 999;
    var obl = document.createElement("span");
    obbx.appendChild(obl);
    var obbxd = document.createElement("div");
    obbxd.setAttribute("id", "mbd");
    obl.appendChild(obbxd);
    frag.insertBefore(obbx, obol.nextSibling);
    obody.insertBefore(frag, obody.firstChild);
    window.onscroll = scrollFix;
    window.onresize = sizeFix;
}

function popUpOrganiser(boxId)
{
	var boxElement = document.getElementById(boxId);
	
	if (boxElement)
	{
		initmb();
		sm(boxId, 300, 50);
		var element = document.getElementById(boxId + OK_BUTTON_POP_UP_SUFFIX);
		
		element.focus();
	}
}