﻿function arrange(parent) {
    var x0 = 150;
    var y0 = 5;
    var x1 = 20;
    var y1 = 100;
    var x2 = 50;
    var y2 = 410;
    var ns = 10;
    var np = 3.0;
    
    var children = document.getElementById(parent).childNodes;
    var divs = new Array();
    var ypos = new Array();
    var xpos = new Array();
   
    
    for (i = 0; i < children.length; i++) {
        var child = children[i];
        if (child.nodeName.toLowerCase() == "div") {
            divs.push(child);
        }
    }

    var ht = y2 - y0;
    var ystep = ht / (divs.length - 1);
    var yposc = y0;
    ypos.push(yposc);
    for (i = 1; i < divs.length; i++) {
        yposc += ystep;
        ypos.push(yposc);
    }

    var s = 1;
    for (i = 0; i < ypos.length; i++) {
        var y = ypos[i];
        var x;
        if (y <= y1)
            x = 0;
        else {
            x = x + np*s;
            s++;
        }
        xpos.push(Math.round(x));
    }

    for (i = 0; i < divs.length; i++) {
        divs[i].style.top = ypos[i] + "px";
        divs[i].style.left = xpos[i] + "px";
        divs[i].className = "abs";
    }

}

function arrangeCircleLine(parent) {
    var x0 = 150;
    var y0 = 0;
    var x1 = 20;
    var y1 = 300;
    var x2 = 100;
    var y2 = 400;
    
    var children = document.getElementById(parent).childNodes;
    var divs = new Array();
    var ypos = new Array();
    var xpos = new Array();
   
    
    for (i = 0; i < children.length; i++) {
        var child = children[i];
        if (child.nodeName.toLowerCase() == "div") {
            divs.push(child);
        }
    }

    var ht = y2 - y0;
    var ystep = ht / (divs.length - 1);
    var yposc = y0;
    ypos.push(yposc);
    for (i = 1; i < divs.length; i++) {
        yposc += ystep;
        ypos.push(yposc);
    }

    var r0x = Math.abs(x1 - x0);
    var r0y = Math.abs(y1 - y0);
    var xo = x0;
    var yo = y1;
    var m = (y2 - y1) / (x2 - x1);
    for (i = 0; i < ypos.length; i++) {
        var y = ypos[i];
        var x;
        if (y <= y1)
            x = xo - r0x * Math.sqrt(1 - ((y - yo) / r0y) * ((y - yo) / r0y));
        else
            x = (y - y2) / m + x2;
        xpos.push(Math.round(x));
    }

    for (i = 0; i < divs.length; i++) {
        divs[i].style.top = ypos[i] + "px";
        divs[i].style.left = xpos[i] + "px";
        divs[i].className = "abs";
    }

}

function hideshow(hideme, showme) {
    var h = document.getElementById(hideme);
    var s = document.getElementById(showme);
    if (h == null) return;
    if (s == null) return;
    s.className = s.className.replace('hide', 'show');
    h.className = h.className.replace('show', 'hide');
}

