var gbFaqId = 0;
var gbBezet = false;

function getFaqItem(id) {
    if (!gbBezet) {
        gbBezet = true;
        if (gbFaqId == id) {
            closeFaq(gbFaqId);
            gbFaqId = 0;
        } else {
            openFaq(id);
            if (gbFaqId != 0) {
                closeFaq(gbFaqId);
            }
            gbFaqId = id;
        }
        setTimeout("gbBezet = false;", 500);
    }
}

function closeFaq(id) {
    var activeElement = Ext.get("faqContent" + id);

    // img source veranderen
    document.getElementById("arrow" + id).src = "/img/arrow1.gif";
    activeElement.scale(560, 0);
    activeElement.sequenceFx();
    //document.getElementById("faqContentTekst" + id).style.display = "none";
    //setTimeout("document.getElementById('faqContent"+id+"').style.display = 'none';", parseInt(activeElement.getHeight() + 200));
    setTimeout("createDiv('" + id + "');", parseInt(activeElement.getHeight() + 400));

}

function createDiv(id) {
    // Nieuwe div creeeren
    document.getElementById("faqContent" + id).style.display = 'none';
	document.getElementById("faqContentTekst" + id).style.display = 'none';
    var parentDiv = document.getElementById("faqItemContainer" + id);
    var innerDiv = document.getElementById("faqContent" + id).innerHTML;
    parentDiv.removeChild(document.getElementById("faqContent" + id));
    var newdiv = document.createElement('div');
    newdiv.setAttribute("id", "faqContent" + id);
    //newdiv.setAttribute("style", "float: left; width: 558px; display: none; overflow: hidden; border: solid 1px red;");
	newdiv.setAttribute("style", "float: left; width: 560px; display:none; overflow: hidden; background-color:#FFF; border-left:1px solid #dcdedd; border-right:1px solid #dcdedd;");
    newdiv.innerHTML = innerDiv;
    parentDiv.appendChild(newdiv);
}

function openFaq(id) {
    // Bepalen van de hoogte van textdiv
    document.getElementById("faqContentTekst" + id).style.display = "";
    document.getElementById("faqContent" + id).style.display = "";
    var contentHeight = document.getElementById("faqContent" + id).offsetHeight;
    document.getElementById("faqContent" + id).style.display = "none";
    document.getElementById("faqContentTekst" + id).style.display = "none";

    var activeElement = Ext.get("faqContent" + id);
    document.getElementById("arrow" + id).src = "/img/arrow.gif";
    activeElement.scale(560, contentHeight);
    activeElement.sequenceFx();
    document.getElementById("faqContent" + id).style.display = "";
    setTimeout("document.getElementById('faqContentTekst" + id + "').style.display = '';", parseInt(contentHeight * 2));
}