/*
**********************************
Made by DanDomain A/S - Kim Pagter
**********************************
*/


function MoveOverlaylayer(elemID)
{
    try
    {
    
        var overlay = document.getElementById(elemID);
        var topAdj = 0;
        var leftAdj = 0;
        
        if(this.topAdjustment)
        {
            topAdj = topAdjustment;
        }
        if(this.leftAdjustment)
        {
            leftAdj =  leftAdjustment;
        }
        
        overlay.style.top = getElementPosition('Canvas').top + topAdj;
        overlay.style.left = getElementPosition('Canvas').left + leftAdj;
        }
    catch(e)
    {
    }
}

function getElementPosition(elemID){
    var offsetTrail = document.getElementById(elemID);
    var offsetLeft = 0;
    var offsetTop = 0;
    while (offsetTrail){
        offsetLeft += offsetTrail.offsetLeft;
        offsetTop += offsetTrail.offsetTop;
        offsetTrail = offsetTrail.offsetParent;
    }
    if (navigator.userAgent.indexOf('Mac') != -1 && typeof document.body.leftMargin != 'undefined'){
        offsetLeft += document.body.leftMargin;
        offsetTop += document.body.topMargin;
    }
    return {left:offsetLeft,top:offsetTop};
}

function InitOverlay()
{
    try
    {
        MoveOverlaylayer('TextCanvas');
    }
    catch(e)
    {
    }
}

function AutoWriteToCanvas()
{
    try
    {
        var text = document.getElementById('variant2').value
        WriteToCanvas(text);
    }
    catch(e){}
    try
    {
        var text = document.getElementById('variant1').value
        WriteToCanvas(text);
    }
    catch(e){}
}


function WriteToCanvas(text)
{
    try
    {
        document.getElementById('TextCanvas').innerHTML=text;
    }
    catch(e){}
}

// Attach event listeners
if(window.addEventListener){ // Mozilla, Netscape, Firefox
	window.addEventListener('resize', InitOverlay, false);
	window.addEventListener('load', InitOverlay, false);
	document.addEventListener("keyup", AutoWriteToCanvas, true);
} else { // IE
	window.attachEvent('onload', InitOverlay);
	window.attachEvent('onresize', InitOverlay)
	document.attachEvent("onkeyup", AutoWriteToCanvas);
}