var ns_done = false;
// eerst wat fancy-schancy shit om variabelen aan te passen
var ns_themedColor = themedColor;
ns_themedColor = ns_themedColor.replace("#FF", "#" );
//var ns_backgroundImg = backgroundImg;
//ns_backgroundImg = ns_backgroundImg.replace("back.png", "noSilverlight-back.gif" );
var ns_buttonImg = buttonImg;
ns_buttonImg = ns_buttonImg.replace(".png",".gif");
var ns_tooltipImg = tooltipImg;
ns_tooltipImg = ns_tooltipImg.replace(".png",".gif");
var ns_btniconImg = btniconImg;
ns_btniconImg = ns_btniconImg.replace(".png",".gif");

function noSilverlight(parentElement) { // algemene geen-silverlight functie, minisite variant

  if (!ns_done) { // functie hoeft maar 1x te runnen maar er zijn hier 2 silverlight objecten
  
    // de rechter titel kunnen we rechtstreeks vervangen
    document.getElementById(slObjectId1).innerHTML = buttonTxt[0];
    // daarna de boel opbouwen. ivm mogelijk te groot wordende strings is het opgesplitst
    var ns_ContentStr0 = '<div id="noSilverlightContainer">';
    ns_ContentStr0 += '<style type="text/css">#noSilverlightContainer a:hover {color: ' + ns_themedColor + ';}</style>';
    ns_ContentStr0 += '<a id="logo" href="' + homepageUrl + '">evides</a>';
    ns_ContentStr0 += '<h2><span>' + projectLabel + '</span> ' + projectTitle + '</h2>';
    // menu
    
    ns_ContentStr0 += '<ul id="menu">';
    for ( n=0 ; n < buttonTxt.length ; n++ ) {
        ns_ContentStr0 += '<li><a id="menuItem' + n + '" href="javascript: doMenu(' + n + '); void(0);">' + buttonTxt[n] + '</a></li>';
    }
    ns_ContentStr0 += '</ul><h1 id="silverlightTitleControlHost2">titel</h1><div class="content inpage" id="contentdivA">content</div>';
    
    // lijst met foto's
    ns_ContentStr0 += '<ul id="photos">';
    for ( n=0 ; n < dataSources.length ; n++ ) {
    
        if ( dataSources[n][1].length > 0 ) {
            ns_ContentStr0 += '<li><a href="javascript: void(0);" onclick=" showLarge(' + n + ');" onmouseover="showImgTxt(' + n + ')" onmouseout="hideImgTxt(' + n + ')"><img src="' + dataSources[n][0] + '" width="207" alt="foto ' + (n+1) + '" borde r="0"><span class="photobg" id="photobg' + n + '"></span><span class="phototxt" id="phototxt' + n + '" style="background-image: url(' + ns_tooltipImg + ');">' + dataSources[n][1] + '</span></a></li>';
        } else {
            ns_ContentStr0 += '<li><a href="javascript: void(0);" onclick="showLarge(' + n + ');"><img src="' + dataSources[n][0] + '" width="207" alt="foto ' + (n+1) + '" border="0"></a></li>';
        }
    }
    ns_ContentStr0 += '</ul>';
    // uitvergroting van foto
    ns_ContentStr0 += '<div id="bigPhoto"><a href="javascript: void(0);" onclick="hideLarge();"><img src="'+ closeBtnImg + '" width="18" height="18" alt="close" border="0"></a>';
    for ( n=0 ; n < dataSources.length ; n++ ) {
        ns_ContentStr0 += '<img id="bigPhotoImg' + n + '" src="' + dataSources[n][0] + '" alt="foto ' + (n+1) + '" width="440" border="0">';
    }
    ns_ContentStr0 += '</div></div>';

    // schrijf de boel nu maar naar het scherm...
    document.getElementById(slObjectId).innerHTML = ns_ContentStr0;
    
    /* en nog even de eerste menu-optie in html als selected tonen */
    document.getElementById("menuItem0").style.backgroundImage = "url('" + ns_buttonImg + "')";
    
    //document.getElementById("noSilverlightContainer").style.backgroundImage = "url('" + ns_backgroundImg + "')";


    document.getElementById("contentdivA").innerHTML = document.getElementById("contentdiv3").innerHTML;
    document.getElementById("contentdiv3").outerHTML = "";

    //document.getElementById("silverlightTitleControlHost2").innerHTML = document.getElementById("silverlightTitleControlHost").innerHTML;
    document.getElementById("silverlightTitleControlHost").outerHTML = "";
    
    //document.getElementById("silverlightTitleControlHost2").id = "silverlightTitleControlHost";

    ns_done = true;
  }
}


/* menu functionaliteit */
function doMenu(indexNr) {

    /* zet text van header rechter kolom 
    document.getElementById(slObjectId1).innerHTML = buttonTxt[indexNr];*/
    
    /* reset alle menu plaatjes en contentblokken */
    for ( n=0 ; n < buttonTxt.length ; n++ ) {
       document.getElementById("contentblock"+n).style.display = "none";
       document.getElementById("menuItem"+n).style.backgroundImage = "url('" + ns_btniconImg + "')";
    }
    
    /* maak correcte plaatje en contentblok zichtbaar */
    document.getElementById("contentblock"+indexNr).style.display = "block";
    document.getElementById("menuItem"+indexNr).style.backgroundImage = "url('" + ns_buttonImg + "')";
}
 
/* toon uitvergroting van foto */
function showLarge(indexNr) {
     
     for ( n=0 ; n < dataSources.length ; n++ ) {
          document.getElementById("bigPhotoImg" + n).style.display = "none";
     }
     document.getElementById("bigPhotoImg" + indexNr).style.display = "block";
     document.getElementById("bigPhoto").style.display = "block";
     
}

/* verwijder vergroting van foto */
function hideLarge() {
     document.getElementById("bigPhoto").style.display = "none";
}

/* voor IE6 mouseover teksten tonen bij foto's */
function showImgTxt(index) {
     if ( document.getElementById("photobg" + index) ) {
         document.getElementById("photobg" + index).style.visibility = "visible";
         document.getElementById("phototxt" + index).style.visibility = "visible";
     }
}

/* voor IE6 mouseover teksten verbergen bij foto's */
function hideImgTxt(index) {
     if ( document.getElementById("photobg" + index) ) {
         document.getElementById("photobg" + index).style.visibility = "hidden";
         document.getElementById("phototxt" + index).style.visibility = "hidden";
     }
}