// JScript File

window.onerror = null;
var menuActive = 0;
var menuOn = 0;
var onLayer;
var timeOn = null;
var browsername = getBrowser();

function getBrowser()
// Bepaal de gebruikte Internet browser
{
if (navigator.userAgent.search("MSIE 9")>0)
{browsername="IE9"}
else if (navigator.userAgent.search("MSIE 8")>0)
{browsername="IE8"}
else if (navigator.userAgent.search("Safari")>0)
{browsername="Safari"}
else if (navigator.userAgent.search("Firefox") > 0)
{browsername="FireFox"}
else if (navigator.userAgent.search("Presto") > 0)
{ browsername = "Opera" }
else {browsername = "IE4"};
return browsername ;
}

function setStyle(layerName, elementRef, IE) {
// Zet style properties
    if (IE) {
        setVisibility(layerName ,true,true);
        eval('document.all["' + layerName + '"].style.width="' + elementRef.width + '"')
    } 
}

    function getStyle(layerName, IE) {
     // Retourneer style object
        var elementRef = null;
        if (IE) {
            elementRef = eval('document.all["' + layerName + '"].style')
        }
        else
            if (document.getElementById) {
            var elementRef = document.getElementById(layerName);
            setVisibility(elementRef, true, false);
        }
        return elementRef; 
    }

// layername= div van menuitems ID , aa = id van td
function showLayer(layerName,aa){
var x =document.getElementById(aa);
var tt =findPosX(x); 
var ww =findPosY(x)+20;
var zz = x.offsetWidth;//-20;
if (timeOn != null) {
    clearTimeout(timeOn);
    hideLayer(onLayer);
}
switch (browsername) {
    case "IE4":
        var elementRef = getStyle(layerName, true);
        elementRef.left = tt + 10;
        elementRef.top = ww + 12;
        elementRef.width = zz;
        setStyle( layerName ,elementRef , true )
        break
      case "IE8":
        var layers = getStyle( layerName , true);
        layers.left = tt;
        layers.top = ww-3 ; 
        layers.width = zz;
        setStyle( layerName , layers ,true )
        break
      case "IE9":
        var layers = getStyle( layerName , true);
        layers.left = tt;
        layers.top = ww-3 ; 
        layers.width = zz+"px";
        setStyle( layerName , layers ,true );
        break
     case "Safari":
        var elementRef = getStyle( layerName , false )
        elementRef.style.left = tt+"px";
        elementRef.style.width = zz+"px";
        elementRef.style.top = ww-7+"px";
        break
    case "FireFox":
       var elementRef = getStyle( layerName , false )
        elementRef.style.left = tt+"px";
        elementRef.style.width = zz+"px";
        elementRef.style.top = ww-3+"px";
        break
    case "Opera":
        var elementRef = getStyle(layerName, false)
        elementRef.style.left = tt + "px";
        elementRef.style.width = zz + "px";
        elementRef.style.top = ww - 3 + "px";
        break
}
onLayer = layerName
}

// Verberg submenus
function hideLayer(layerName) {
    if (menuActive == 0) {
        var lcBrowser = browsername;
        if (lcBrowser == "IE4" || lcBrowser == "IE8"|| lcBrowser == "IE9") {
            setVisibility(layerName, false, true);
        }
        else {
            if (document.getElementById) {
                var elementRef = document.getElementById(layerName);
                setVisibility(elementRef, false, false);
            }
        }
    }
}

// Zet de visible propertie van style object
function setVisibility(layerName, llVisible, IE) {
    var lcVisibility = "hidden";
    if (llVisible) {
        lcVisibility = "visible";
    }
    if (IE) {
        eval('document.all["' + layerName + '"].style.visibility="' + lcVisibility + '"');
    }
    else
        if ((layerName.style) && (layerName.style.visibility != null)) {
        layerName.style.visibility = lcVisibility;
    }
}


function btnTimer() {
    timeOn = setTimeout("btnOut()", 0)
}

function btnOut(layerName) {
    if (menuActive == 0) {
        hideLayer(onLayer)
    }
}

var item;
function menuOver(itemName,ocolor){
item=itemName;
clearTimeout(timeOn);
menuActive = 1
}

function menuOut(itemName,ocolor){
if(item)
menuActive = 0
timeOn = setTimeout("hideLayer(onLayer)", 100)
}

// Positie waar submenu moet worden weergegeven
function findPosX(obj)
{
var curleft = 0;
if (obj.offsetParent)
{
while (obj.offsetParent)
{
curleft += obj.offsetLeft
obj = obj.offsetParent;
}
}
else if (obj.x)
curleft += obj.x;
return curleft;
}

function findPosY(obj)
{
var curtop = 0;
if (obj.offsetParent)
{
while (obj.offsetParent)
{
curtop += obj.offsetTop
obj = obj.offsetParent;
}
}
else if (obj.y)
curtop += obj.y;
return curtop;
}



// Schrijf regel in document 
function loadIframe(cUrl) {
    var lcBrowser = browsername;
    var cdiv = document.getElementById("scrollpage");
    var curl = location.search.substring(1) ? unescape(location.search.substring(4)) : 'htmlfotos/fpruiterkamp2008.htm';
    window.document.writeln("<iframe name='I1' class='iframe' src='" + curl + "' frameborder='0'></iframe>");
    if (lcBrowser == "IE4" || lcBrowser == "IE8" || lcBrowser == "IE9") {
        var layers = eval('document.all["scrollpage"].style');
        layers.margin = "0px";
        layers.padding = "0px 0px 0px 0px";
        if ( lcBrowser = "IE8" ){
       	  layers.overflow = "hidden";
        }

    }
    else {
        cdiv.style.margin = "0px";
        cdiv.style.padding = "0px";
    }
}

// Laadt de pagina in IFRAME
// Als pagina niet wordt gestart in frame
function loadHtmlPage() {
    var lcPathName = window.location.pathname;
    var baseurl = retbaseurl();
    if (top != self) {
        top.document.title = document.title;
    }
    else {
        lcPathName = stripwebdirectory(lcPathName);
        self.location.replace(baseurl + "showpage.htm?id=" + lcPathName);
    }
}

// Afspelen van video
function playvideo( ){
//flowplayer( "player" , "player/flowplayer-3.0.3.swf" , videourl );
//  install Flowplayer inside a#player

$f("player", retbaseurl() +"player/flowplayer-3.0.3.swf", {

	clip: { 
	   
    	// use baseUrl so we can play with shorter file names
		baseUrl: retbaseurl(),

		// use first frame of the clip as a splash screen
		autoPlay: false,
		title:'' ,
		autoBuffering: false
	}
	
		 
	
});


// get all links that are inside div#clips
var links = document.getElementById("clips").getElementsByTagName("a");

// loop those links and alter their click behaviour
for (var i = 0; i < links.length; i++) {
	links[i].onclick = function() {
		
		// play the clip specified in href- attribute with Flowplayer
		$f().play(this.getAttribute("href", 2));
		
		// by returning false normal link behaviour is skipped
		return false;
	}
}

}

// Retourneer directory van de pagina zonder de webdirectory
function stripwebdirectory( cDir )
{
   var sitepath = "";  // Op website dit vervangen voor ""
   var sl = sitepath.length;
   return cDir.substr( sl,cDir.length-sl) ;
}


// Retourneer website URL
function retbaseurl()
{
return "http://www.de-woeligestal.nl/"; //Op website dit vervangen voor http://de-woeligestal.nl
}