// JavaScript Document
var heightA = 0;
var heightB = 0;
var heightC = 0;
var heightD = 0;
var heightE = 0;
var heightF = 0;

function setHeight() {
	heightA = document.getElementById("containerA").clientHeight;	
	heightB = document.getElementById("containerB").clientHeight;	
	heightC = document.getElementById("containerC").clientHeight;	
	heightD = document.getElementById("containerD").clientHeight;	
	heightE = document.getElementById("containerE").clientHeight;
	heightF = document.getElementById("containerF").clientHeight;
	checkContent();
}

function showPopupA() {
	document.getElementById("popupA").style.display = "none";
	document.getElementById("popupB").style.display = "none";
	document.getElementById("popupC").style.display = "none";
	document.getElementById("popupD").style.display = "none";
	document.getElementById("popupE").style.display = "none";
	document.getElementById("popupF").style.display = "none";
	if(document.getElementById("popup-p-A").innerHTML == "") {
        document.getElementById("popupA").style.display = "none";
    }
	else{
	document.getElementById("popupA").style.display = "block";
	}
	heightA = heightA - 20;
	document.getElementById("popupA").style.top = heightA + "px";	
	document.getElementById("popupA").style.left = "120px";
	heightA = heightA + 20;
}

function showPopupB() {
	document.getElementById("popupA").style.display = "none";
	document.getElementById("popupB").style.display = "none";
	document.getElementById("popupC").style.display = "none";
	document.getElementById("popupD").style.display = "none";
	document.getElementById("popupE").style.display = "none";
	document.getElementById("popupF").style.display = "none";
	if(document.getElementById("popup-p-B").innerHTML == "") {
        document.getElementById("popupB").style.display = "none";
    }
	else{
	document.getElementById("popupB").style.display = "block";
	}
	heightB = heightB - 20;
	document.getElementById("popupB").style.top = heightA + heightB + "px";	
	document.getElementById("popupB").style.left = "120px";
	heightB = heightB + 20;
}

function showPopupC() {
	document.getElementById("popupA").style.display = "none";
	document.getElementById("popupB").style.display = "none";
	document.getElementById("popupC").style.display = "none";
	document.getElementById("popupD").style.display = "none";
	document.getElementById("popupE").style.display = "none";
	document.getElementById("popupF").style.display = "none";
	if(document.getElementById("popup-p-C").innerHTML == "") {
        document.getElementById("popupC").style.display = "none";
    }
	else{
	document.getElementById("popupC").style.display = "block";
	}
	heightC = heightC - 20;
	document.getElementById("popupC").style.top = heightA + heightB + heightC + "px";	
	document.getElementById("popupC").style.left = "120px";
	heightC = heightC + 20;
}

function showPopupD() {
	document.getElementById("popupA").style.display = "none";
	document.getElementById("popupB").style.display = "none";
	document.getElementById("popupC").style.display = "none";
	document.getElementById("popupD").style.display = "none";
	document.getElementById("popupE").style.display = "none";
	document.getElementById("popupF").style.display = "none";
	if(document.getElementById("popup-p-D").innerHTML == "") {
        document.getElementById("popupD").style.display = "none";
    }
	else{
	document.getElementById("popupD").style.display = "block";
	}
	heightD = heightD - 20;
	document.getElementById("popupD").style.top = heightA + heightB + heightC + heightD + "px";	
	document.getElementById("popupD").style.left = "120px";
	heightD = heightD + 20;
}

function showPopupE() {
	document.getElementById("popupA").style.display = "none";
	document.getElementById("popupB").style.display = "none";
	document.getElementById("popupC").style.display = "none";
	document.getElementById("popupD").style.display = "none";
	document.getElementById("popupE").style.display = "none";
	document.getElementById("popupF").style.display = "none";
	if(document.getElementById("popup-p-E").innerHTML == "") {
        document.getElementById("popupE").style.display = "none";
    }
	else{
	document.getElementById("popupE").style.display = "block";
	}
	heightE = heightE - 20;
	document.getElementById("popupE").style.top = heightA + heightB + heightC + heightD + heightE + "px";	
	document.getElementById("popupE").style.left = "120px";
	heightE = heightE + 20;
}

function showPopupF() {
	document.getElementById("popupA").style.display = "none";
	document.getElementById("popupB").style.display = "none";
	document.getElementById("popupC").style.display = "none";
	document.getElementById("popupD").style.display = "none";
	document.getElementById("popupE").style.display = "none";
	document.getElementById("popupF").style.display = "none";
	if(document.getElementById("popup-p-F").innerHTML == "") {
        document.getElementById("popupF").style.display = "none";
    }
	else{
	document.getElementById("popupF").style.display = "block";
	}
	heightF = heightF - 20;
	document.getElementById("popupF").style.top = heightA + heightB + heightC + heightD + heightE + heightF + "px";	
	document.getElementById("popupF").style.left = "120px";
	heightF = heightF + 20;
}

function Close() {
	document.getElementById("popupA").style.display = "none";
	document.getElementById("popupB").style.display = "none";
	document.getElementById("popupC").style.display = "none";
	document.getElementById("popupD").style.display = "none";
	document.getElementById("popupE").style.display = "none";
	document.getElementById("popupF").style.display = "none";
}

function checkContent() {
    if(document.getElementById("paragraphA").innerHTML == "") {
        document.getElementById("containerA").style.display = "none";
    }
    if(document.getElementById("paragraphB").innerHTML == "") {
        document.getElementById("containerB").style.display = "none";
    }
    if(document.getElementById("paragraphC").innerHTML == "") {
        document.getElementById("containerC").style.display = "none";
    }
    if(document.getElementById("paragraphD").innerHTML == "") {
        document.getElementById("containerD").style.display = "none";
    }
    if(document.getElementById("paragraphE").innerHTML == "") {
        document.getElementById("containerE").style.display = "none";
    }
    if(document.getElementById("paragraphF").innerHTML == "") {
        document.getElementById("containerF").style.display = "none";
    }
}