function SELECT(el, flag, selected)
{
    //alert(el.innerHTML)
    var ClassAddStr = "red";
    var cursor = "pointer";
    
    if(!flag)
    {
        if(selected)flag=selected;
    }
    
    if(!flag)
    {
        ClassAddStr="grey";
        cursor="default";
    }
    
    var td1Class = "left_angle_"+ClassAddStr;
    var td2Class = "line_"+ClassAddStr;
    var td3Class = "right_angle_"+ClassAddStr;
    
    GetFirstChild(GetPrevElement(el.parentNode)).className = td1Class;
    GetNextElement(GetFirstChild(GetPrevElement(el.parentNode))).className = td2Class;
    GetNextElement(GetNextElement(GetFirstChild(GetPrevElement(el.parentNode)))).className = td3Class;
    
    el.style.cursor = cursor;
}

function GetNextElement(el)
{
    var next = el.nextSibling;
    if(next == null)
        return null;
    
    while(next!=null && next.nodeType != 1)
        next = next.nextSibling;
    
    return next;
}

function GetPrevElement(el)
{
    var last = el.previousSibling;
    if(last == null)
        return null;
    
    while(last!=null && last.nodeType != 1)
        last = last.previousSibling;
    
    return last;
}

function GetFirstChild(el)
{
    var first = el.firstChild;
    if(first == null)
        return null;
        
    while(first!=null && first.nodeType != 1)
        first = first.nextSibling;

    return first;
}

function GetLastChild(el)
{
    var last = el.lastChild;
    if(last == null)
        return null;
        
    while(last!=null && last.nodeType != 1)
        last = last.previousSibling;

    return last;
}