Cufon.replace("h2, h3, .list_title", { fontFamily: "cimpact" });

////////// GLOBAL VARS /////////////
var int;

Sys.Application.add_init(OnAppInitHandler);

// Handles the Application Init event.
// Raised after all scripts have been loaded but before any objects are created. If you are writing a component, the init event gives you a point in the life cycle to add your component to the page. The component can then be used by other components or by script later in the page life cycle. If you are a page developer, you should use the load event instead of the init event for most scenarios.
// The init event is raised only one time when the page is first rendered. Subsequent partial-page updates do not raise the init event.
function OnAppInitHandler() {
    checkUitklapTekst();
    steurgatViewer();
    replaceTabsTextWithImages();
    showTabs();
    iframeApp();
	
	// -- TIJDELIJK OM EDUCATIETAB TE VERBERGEN
	// if (document.getElementById("MenuControl_MenuItem_3")) document.getElementById("MenuControl_MenuItem_3").style.display = "none";
	
}

/* Temp iframe App function */
function iframeApp() {
	if (document.getElementById("iframeApp")) {		
		var strHtml = '<iframe src="http://vnhw-acceptatie.appspot.com/aanbiedingen?daysfromnow=-10&numberofdays=50" width="100%" height="400" frameborder="0" scrolling="no"></iframe>';
		document.getElementById("iframeApp").innerHTML = strHtml;
	}
}


/* CUSTOM EXPANDABLE BOXES */
function checkUitklapTekst() {
    if (top.location.href.indexOf("siteexplorer.aspx") < 0) {
        var divs = document.getElementsByTagName("DIV");
        for (var i = 0; i < divs.length; i++) {
            if (divs[i].className.indexOf("collapsible") > -1) {
                divs[i].className = "collapsible_inactive";
                divs[i].onclick = function() {
                    toggleUitklapTekst(this);
                }
            }
        }
    }
}
function toggleUitklapTekst(element) {
    var ukt = element;
    if (ukt.className == "collapsible_active") {
        ukt.className = "collapsible_inactive";
    } else {
        ukt.className = "collapsible_active";
    }
    window.focus();
}

/* Steurgat viewer */
function steurgatViewer() {
    if (document.getElementById("maincontent")) {

        var maincontent = document.getElementById("maincontent");
        var as = maincontent.getElementsByTagName('a');

        for (i = 0; i < as.length; i++) {
            if (as[i].className == "steurgat") {
                as[i].onclick = function() { return popwSteurgat(this) };
            }
        }
    }
}
function popwSteurgat(o) {	
	var div = document.createElement("div");
    var framediv = document.createElement("div");
    var titlediv = document.createElement("div");
    var iframe = document.createElement("iframe");
    div.id = "steurgatWindow";
	$(div).height($('#pnlContainer').height());
    framediv.id = "steurgatFrame";
    framediv.className = "steurgat_window";
    titlediv.className = "steurgat_title";
    titlediv.id = "steurgatTitle";
    titlediv.onclick = function() { return closePopwSteurgat(); }
    iframe.src = o;
    iframe.className = "steurgat_iframe";
    iframe.scrolling = "no";
    iframe.setAttribute("frameborder", "0");
    iframe.setAttribute("marginheight", "0");
    iframe.setAttribute("marginwidth", "0");
    framediv.appendChild(titlediv);
    framediv.appendChild(iframe);
    if (document.getElementById("form1")) {
        var form1 = document.getElementById("form1");
        form1.appendChild(div);
        form1.appendChild(framediv);
        if (document.getElementById("steurgatTitle")) {
            var tit = document.getElementById("steurgatTitle");
            tit.innerHTML = "<p>Wandel virtueel door Fort Steurgat en twee woningen</p>";
        }
    }
    return false;
}
function closePopwSteurgat() {
    if (document.getElementById("form1")) {
        var form1 = document.getElementById("form1");
        if (document.getElementById("steurgatWindow")) {
            var steurgatWindow = document.getElementById("steurgatWindow");
            form1.removeChild(steurgatWindow);
        }
        if (document.getElementById("steurgatFrame")) {
            var steurgatFrame = document.getElementById("steurgatFrame");
            form1.removeChild(steurgatFrame);
        }
    }
    return false;
}

/* Replace menu tabs text  with images */
function replaceTabsTextWithImages() {
    if (document.getElementById("MenuControl_MenuItem_1")) {
        var m1 = document.getElementById("MenuControl_MenuItem_1");
        if (m1.innerHTML == "Beleef de Waterlinie") {
            m1.innerHTML = "<span class='tab_beleef_de_waterlinie'>Beleef de Waterlinie</span>";
        }
    }
    if (document.getElementById("MenuControl_MenuItem_2")) {
        var m2 = document.getElementById("MenuControl_MenuItem_2");
        if (m2.innerHTML == "Kennis en Achtergronden") {
            m2.innerHTML = "<span class='tab_kennis_en_achtergronden'>Kennis en Achtergronden</span>";
        }
    }
    if (document.getElementById("MenuControl_MenuItem_3")) {
        var m3 = document.getElementById("MenuControl_MenuItem_3");
        if (m3.innerHTML == "Educatie") {
            m3.innerHTML = "<span class='tab_educatie'>Educatie</span>";
        }
    }
}
function showTabs() {
    if (document.getElementById("MenuControl_ctl00")) {
        document.getElementById("MenuControl_ctl00").style.visibility = "visible";
    }
}