var helpBox = null;
var boxOpen = false;

/* Show the help box (on click) */
function showBox(helpButtonId,errMessage,e){  
    if(!boxOpen)
    {
        document.getElementById(helpButtonId).title="";
        var posx = 0;
        var posy = 0;
        if (!e) var e = window.event;
        if (e.pageX || e.pageY) 	{
	        posx = e.pageX;
	        posy = e.pageY;
        }
        else if (e.clientX || e.clientY) 	{
	        posx = e.clientX + document.body.scrollLeft
		        + document.documentElement.scrollLeft;
	        posy = e.clientY + document.body.scrollTop
		        + document.documentElement.scrollTop;
        }
             
        /* Create helpbox outer div */
        helpBox = document.createElement("div");
        helpBox.id = helpButtonId + "box";
        helpBox.className = "helpBox";
        helpBox.style.bottom = document.body.offsetHeight - posy + "px";
        helpBox.style.left = posx - 220 + "px";
        document.body.appendChild(helpBox);
        /* Create helpbox inner div */  
        helpBoxInner = document.createElement("div");
        helpBoxInner.className = "helpBox-inner";
        var str = errMessage.replace("privacy policy", "<a href='http://www.eco.co.uk/p/privacy/20/' target='_blank'>privacy policy</a>");
        helpBoxInner.innerHTML = str;
        /* Create box top div */
        helpBoxTop = document.createElement("div");
        helpBoxTop.className = "helpBox-top";
        /* Close box button */
        closeButton = document.createElement("a");
        closeButton.href = "#";
        closeButton.innerHTML = "X";
        closeButton.onclick=function(){
            hideBox(helpButtonId,errMessage); return false;
        }
        /* Build box */
        helpBoxTop.appendChild(closeButton);
        helpBox.appendChild(helpBoxTop);
        helpBox.appendChild(helpBoxInner);
        boxOpen = true;
    }
}

function hideBox(helpButtonId,errMessage) {
    if(boxOpen)
    {
        document.getElementById(helpButtonId).title=errMessage;
        var removeNode = document.getElementById(helpButtonId+"box");
        removeNode.parentNode.removeChild(removeNode);
        boxOpen = false;
    }
}

function hideShowDiv(contentBlockId)
{
    //alert(contentBlockId);
    var box = document.getElementById(contentBlockId);
    if(box.style.display == "" || box.style.display == "block")
    {
        var boxHeight = box.offsetHeight;
        box.style.display = "none";
    }
    else
    {
        box.style.display = "block";
    }
}

function initHelpers() {
    var hrefs = document.getElementsByTagName("a");
    for (var i = 0; i < hrefs.length; i++) { 
        if(hrefs[i].className == "infoButton")
        {
            hrefs[i].innerHTML = "<img src='/_template/img/infobutton-bg.gif' alt='Information' />";
            hrefs[i].errMessage = hrefs[i].getAttribute("title");
            hrefs[i].helpButtonId = hrefs[i].id;
            hrefs[i].onclick=function(e){
                showBox(this.helpButtonId,this.errMessage,e); return false;
            }
            /*hrefs[i].onmouseover=function(e){
                showBox(this.helpButtonId,this.errMessage,e); return false;
            } 
            hrefs[i].onmouseout=function(e){
                hideBox(this.helpButtonId,this.errMessage); return false;
            }*/ 
        }
    }
}

window.onload = initHelpers;