var embedExample = "1";
function init() {
    var embedContent = document.getElementById("embedContent");
    var toolsContent = document.getElementById("toolsContent");
    var gabbersContent = document.getElementById("gabbersContent");
    var aboutUsContent = document.getElementById("aboutUsContent");
    var listContent = document.getElementById("listContent");
    var faqContent = document.getElementById("faqContent");
    var embedadvancedContent = document.getElementById("embedadvancedContent")
    embedadvancedContent.style.display = "none";
    embedContent.style.display = "none";
    toolsContent.style.display = "none";
    gabbersContent.style.display = "none";
    aboutUsContent.style.display = "none";
    listContent.style.display = "none";
}
function handleKeyUp(event) {
    var gl = document.getElementById("gabblink");
    var urlObj = document.getElementById("urlinput");

    var privTopic = document.getElementById("privateinput");
    var privPasscode = document.getElementById("passcode");
    var privLink = document.getElementById("privatelink");

    gl.innerHTML = urlObj.value;
    privLink.innerHTML = privTopic.value + "/" + privPasscode.value;
}

function handleGabNow() {
    var urlObj = document.getElementById("urlinput");
    //alert("http://gabbly.com/"+urlObj.value);
    window.open("http://gabbly.com/" + urlObj.value, "_blank");
}

function handlePrivateNow() {
    var privTopic = document.getElementById("privateinput");
    var privPasscode = document.getElementById("passcode");
    window.open("http://gabbly.com/private/" + privTopic.value + "/" + privPasscode.value, "_blank");
}

function handleGeneralClick(tab) {
    var webContent = document.getElementById("webContent");
    var embedContent = document.getElementById("embedContent");
    var toolsContent = document.getElementById("toolsContent");
    var gabbersContent = document.getElementById("gabbersContent");
    var aboutUsContent = document.getElementById("aboutUsContent");
    var listContent = document.getElementById("listContent");
    var faqContent = document.getElementById("faqContent");
    var embedadvancedContent = document.getElementById("embedadvancedContent");
    var privateContent = document.getElementById("privateContent");
    var loginContent = document.getElementById("loginContent");
    embedadvancedContent.style.display = "none";
    webContent.style.display = "none";
    embedContent.style.display = "none";
    aboutUsContent.style.display = "none";
    listContent.style.display = "none";
    gabbersContent.style.display = "none";
    toolsContent.style.display = "none";
    faqContent.style.display = "none";
    privateContent.style.display = "none";
    loginContent.style.display = "none";
    if (tab == "web") {
        webContent.style.display = "";
    } else if (tab == "embed") {
        embedContent.style.display = "";
    } else if (tab == "aboutUs") {
        aboutUsContent.style.display = "";
    } else if (tab == "list") {
        listContent.style.display = "";
    } else if (tab == "tools") {
        toolsContent.style.display = "";
    } else if (tab == "gabbers") {
        gabbersContent.style.display = "";
    } else if (tab == "faq") {
        faqContent.style.display = "";
    } else if (tab == "embedadvanced") {
        embedadvancedContent.style.display = "";
    } else if (tab == "private") {
        privateContent.style.display = "";
    } else if (tab == "login") {
        loginContent.style.display = "";
    }
}

function handleWebClick() {
    handleGeneralClick("web");
}

function handleEmbedClick() {
    handleGeneralClick("embed");
}

function handleToolsClick() {
    handleGeneralClick("tools");
}

function handleGabbersClick() {
    var gf = document.getElementById("gabbersFrame");
    gf.src = "frappr.html";
    handleGeneralClick("gabbers");
}

function handleFAQClick() {
    handleGeneralClick("faq");
}

function handleAboutUsClick() {
    handleGeneralClick("aboutUs");
}

function handleListClick() {
    handleGeneralClick("list");
}

function handleembedadvancedClick() {
    handleGeneralClick("embedadvanced");
}

function handlePrivateClick() {
    handleGeneralClick("private");
}

function handleLoginClick() {
    handleGeneralClick("login");
}

function generateEmbedCode() {
    var embedHeightObj = document.getElementById("embedHeight");
    var embedWidthObj = document.getElementById("embedWidth");
    var embedURLObj = document.getElementById("embedURL");
    var embedCodeObj = document.getElementById("embedCode");

    var embedHeight = embedHeightObj.value;
    var embedWidth = embedWidthObj.value;
    var embedURL = embedURLObj.value;
    embedCodeObj.value =
    "<iframe src='http://cw.gabbly.com/gabbly/cw.jsp?e=1&t=" + embedURL + 
		"' scrolling='no' style='width:" + embedWidth +
    "px; height:" + embedHeight + "px' frameborder='0'></iframe>";
}

function generateAdvanced() {
    var embedHeightObj = document.getElementById("embedHeight2");
    var embedWidthObj = document.getElementById("embedWidth2");
    var embedURLObj = document.getElementById("embedURL2");
    var embedCodeObj = document.getElementById("embedCode2");
    var embedPresenceObj = document.getElementById("embedPresenceWidth")

    var embedHeight = embedHeightObj.value;
    var embedWidth = embedWidthObj.value;
    var embedURL = embedURLObj.value;
    var embedPresence = embedPresenceObj.value;
    embedCodeObj.value =
    "<iframe src='http://cw.gabbly.com/gabbly/cw.jsp?e=1&t=" + embedURL + 
		"&pw=" + embedPresence + "' scrolling='no' style='width:" + embedWidth +
    "px; height:" + embedHeight + "px' frameborder='0'></iframe>";
}
function createAdvancedExample()
{
    var newDoc = window.open();
    var embedHeightObj = document.getElementById("embedHeight2");
    var embedWidthObj = document.getElementById("embedWidth2");
    var embedURLObj = document.getElementById("embedURL2");
    var embedCodeObj = document.getElementById("embedCode2");
    var embedPresenceObj = document.getElementById("embedPresenceWidth")

    var embedHeight = embedHeightObj.value;
    var embedWidth = embedWidthObj.value;
    var embedURL = embedURLObj.value;
    var embedPresence = embedPresenceObj.value;

    embedCodeObj.value =
    "<iframe src='http://cw.gabbly.com/gabbly/cw.jsp?e=1&t=" + embedURL + 
		"&pw=" + embedPresence + "' scrolling='no' style='width:" + embedWidth +
    "px; height:" + embedHeight + "px' frameborder='0'></iframe>";
    //var txt="<html><body>Learning about the DOM is FUN!</body></html>"
    newDoc.document.write(embedCodeObj.value);
    newDoc.document.close();
}
function createExample()
{
    var newDoc = window.open()
    var embedHeightObj = document.getElementById("embedHeight");
    var embedWidthObj = document.getElementById("embedWidth");
    var embedURLObj = document.getElementById("embedURL");
    var embedCodeObj = document.getElementById("embedCode");

    var embedHeight = embedHeightObj.value;
    var embedWidth = embedWidthObj.value;
    var embedURL = embedURLObj.value;
    embedCodeObj.value =
    "<iframe src='http://cw.gabbly.com/gabbly/cw.jsp?e=1&t=" + embedURL + 
		"' scrolling='no' style='width:" + embedWidth +
    "px; height:" + embedHeight + "px' frameborder='0'></iframe>";
    newDoc.document.write(embedCodeObj.value);
    newDoc.document.close();
}