function position_calculate(element)
{
    var valueT = 0, valueL = 0;
    do {
        valueT += element.offsetTop  || 0;
        valueL += element.offsetLeft || 0;
        element = element.offsetParent;
    } while (element);

    return [valueL, valueT];
}


function previewON(title,content,tag,obj,topmargin,leftmargin)
{
    var pos = position_calculate(obj);
    var previewpanel = document.getElementById('previewdiv');
    var ptitle = document.getElementById('previewdivtitle');
    var pcontent = document.getElementById('previewdivcontent');
    var ptag = document.getElementById('previewdivtag');

    var plefT = pos[0]-topmargin;
    var ptoP = (pos[1]+17)-leftmargin;
    
    previewpanel.style.left = plefT +'px';
    previewpanel.style.top =  ptoP + 'px';
    previewpanel.style.display = 'block';
    ptitle.innerHTML = title;
    pcontent.innerHTML = content;
    ptag.innerHTML = tag;
}

function previewON2(title,content,tag,obj,topmargin,leftmargin)
{
    var pos = position_calculate(obj);
    var previewpanel = document.getElementById('previewdiv');
    var ptitle = document.getElementById('previewdivtitle');
    var pcontent = document.getElementById('previewdivcontent');
    var ptag = document.getElementById('previewdivtag');

    title = unescape(title);
    content = unescape(content);
    tag = unescape(tag);

    var plefT = pos[0]-topmargin;
    var ptoP = (pos[1]+17)-leftmargin;
    
    previewpanel.style.left = plefT +'px';
    previewpanel.style.top = ptoP + 'px';
  
    previewpanel.style.display = 'block';
    ptitle.innerHTML = title;
    pcontent.innerHTML = content;
    ptag.innerHTML = tag;
}

function previewOFF()
{
    var previewpanel = document.getElementById('previewdiv');
    previewpanel.style.display = 'none';
  
}