var lastCartUpdate = 0;
function getRoots() {
    var req = newXMLHttpRequest();
    req.onreadystatechange = getReadyStateHandler(req, showRoots);
    req.open("POST", "/video/classtree.do", false);
    req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
    req.send("action=getRoots&random=" + getRandom(5));
}
/**
 * Display Bigclass
 */
function showRoots(xmlData) {
    var datalist = xmlData.getElementsByTagName("roots")[0];
    var items = datalist.getElementsByTagName("root");
    o = document.getElementById("root");
    o.innerHTML ="";
    for (var I = 0; I < items.length; I++) {
        var item = items[I];
        var text = item.getElementsByTagName("name")[0].firstChild.nodeValue;// option text
        var id = item.getAttribute("id");//option value
        o.innerHTML += "<div id=root" + id + "\" onclick=getMiddles(" + id + ") style='height:23px;border-bottom:dashed 1px #ccc;padding-top:3px;'><img src='/images/video/max.gif' id='videotreegif" + id + "'>&nbsp;" + text + "</div><div style=\"padding-left:15px;\" id=rootdiv" + id + " style='display:none'></div>";
    }
}
/**
 * Get MiddleClass
 */
function getMiddles(id) {
    o = document.getElementById("rootdiv" + id);
    gif = document.getElementById("videotreegif" + id);
    
    if (o.style.display == "block") {
    	gif.src = "/images/video/max.gif";
        o.style.display = "none";
        return;
    } else {
    	gif.src = "/images/video/min.gif";
        o.style.display= "block";
    }
    o.innerHTML = "";
    var req = newXMLHttpRequest();
    req.onreadystatechange = getReadyStateHandler(req, showMiddleList);
    req.open("POST", "/video/classtree.do", false);
    req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
    req.send("action=getMiddleList&id=" + id + "&random=" + getRandom(5));
}
/**
 * Display MiddleClass
 */
function showMiddleList(xmlData) {
    var datalist = xmlData.getElementsByTagName("middles")[0];
    var items = datalist.getElementsByTagName("middle");
    var rootid = datalist.getAttribute("rootid");
    o = document.getElementById("rootdiv" + rootid);
    
     o.style.display= "block";
    for (var I = 0; I < items.length; I++) {
        var item = items[I];
        var text = item.getElementsByTagName("name")[0].firstChild.nodeValue;// option text
        var id = item.getAttribute("id");//option value
        o.innerHTML += "<div id=middle" + id + "\" onclick=getSmalls(" + id + ") style='height:20px;padding-top:3px;'><img src='/images/video/max.gif' id='videotreemiddlegif" + id + "'>&nbsp;" + text + "</div><div style=\"padding-left:15px;\" id=middlediv" + id + " style='display:none;'></div>";
    }
}
/**
 * Get SmallClass
 */
function getSmalls(id) {
    o = document.getElementById("middlediv" + id);
    gif = document.getElementById("videotreemiddlegif" + id);
    
    if (o.style.display == "block") {
    	gif.src = "/images/video/max.gif";
        o.style.display = "none";
        return;
    } else {
    	gif.src = "/images/video/min.gif";
        o.style.display= "block";
    }
    o.innerHTML = "";
    var req = newXMLHttpRequest();
    req.onreadystatechange = getReadyStateHandler(req, showSmalls);
    req.open("POST", "/video/classtree.do", true);
    req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
    req.send("action=getSmalls&id=" + id + "&random=" + getRandom(5));
}
/**
 * Display Small Class
 */
function showSmalls(xmlData) {
    var datalist = xmlData.getElementsByTagName("smalls")[0];
    var items = datalist.getElementsByTagName("small");
    var middleid = datalist.getAttribute("middleid");
    o = document.getElementById("middlediv" + middleid);
    o.style.display= "block";
    for (var I = 0; I < items.length; I++) {
        var item = items[I];
        var text = item.getElementsByTagName("name")[0].firstChild.nodeValue;// option text
        var id = item.getAttribute("id");//option value
        o.innerHTML += "<div>&nbsp;<a href='/video/video_smallclass.do?smallclass.id="+id+"'>" + text + "</div><div style=\"padding-left:30px;\" style='display:none;'></div>";
    }
}