// browser ophalen (ugly, maar ivm IE compatibility)
var non_IE 			= (typeof( window.innerWidth ) == 'number');
var IE_6 			= (document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ));
var IE_4 			= (document.body && ( document.body.clientWidth || document.body.clientHeight ));



//---------------------------------------------------------------------------------------------------------------------
// SCRIPTS LADEN
//---------------------------------------------------------------------------------------------------------------------

function scriptsladen_onload() 
{ 
    MM_preloadImages('/shared/img/loading.gif');
    calc_sizes(); 
    
    correctPNG(); 
    alphaBackgrounds(); 
}

function scriptsladen_onresize() 
{ 
    calc_sizes(); 
} 
		

window.onload = scriptsladen_onload;
window.onresize = scriptsladen_onresize;
		
//---------------------------------------------------------------------------------------------------------------------
// EINDE SCRIPTS LADEN
//---------------------------------------------------------------------------------------------------------------------

function MM_preloadImages() 
{
    var d=document; 
    if(d.images)
    { 
	if(!d.MM_p) d.MM_p=new Array();
	var i,j=d.MM_p.length,a=MM_preloadImages.arguments; 
	for(i=0; i<a.length; i++)
	    if (a[i].indexOf("#")!=0)
	    { 
		d.MM_p[j]=new Image; 
		d.MM_p[j++].src=a[i];
	    }
    }
}

//---------------------------------------------------------------------------------------------------------------------
// CALCULATIE
//---------------------------------------------------------------------------------------------------------------------

function calc_sizes()
{
    var windowname 		= window.name;
    if(document.getElementById("header"))
	var height_of_header 	= document.getElementById("header").clientHeight;
    else
        var height_of_header 	= 0;
    if(document.getElementById("footer"))
	var height_of_footer 	= document.getElementById("footer").clientHeight;
    else
        var height_of_footer 	= 0;
	
    if( non_IE )
    {
	//Non-IE
	bodyheight 		= window.innerHeight;
    } 
    else if( IE_6 ) 
    {
	//IE 6+ in 'standards compliant mode'
	bodyheight 		= document.documentElement.clientHeight;
    }
    else
    {
	//IE 4 compatible
	bodyheight 		= document.body.clientHeight;
    }

    // hoofdscherm uitrekken :
    divisionHoogte= bodyheight - (height_of_header + height_of_footer);
    if(divisionHoogte<550) // hard gedefinieerde minimale hoogte van maincontent
	divisionHoogte=550;
    if(document.getElementById('division'))
	document.getElementById('division').style.height= divisionHoogte+'px';
    else if(document.getElementById('division2'))
	document.getElementById('division2').style.height= divisionHoogte+'px';


    // eventuele main content uitrekken : 
    if(document.getElementById("left"))
	document.getElementById('left').style.height= (divisionHoogte-height_of_footer)+'px';	
	
    // eventuele mainScrollContent (pagina met indexeringen) uitrekken:
    if(document.getElementById("mainScrollContent") && document.getElementById("mainHeaderScrollContent"))
    {
	document.getElementById("mainHeaderScrollContent").style.display='inline-block'; // IE hack to set clientHeight property
	height_of_scrollHeader = document.getElementById("mainHeaderScrollContent").clientHeight;
	document.getElementById("mainHeaderScrollContent").style.display='block';
	
	mainScrollContentHeight = (divisionHoogte-height_of_footer-height_of_scrollHeader)+6;
	document.getElementById("mainScrollContent").style.height= mainScrollContentHeight+'px';
    }

    // uitgebreid zoeken pagina
    if(document.getElementById('search_results') && document.getElementById('search_form') && document.getElementById('search_title'))
    {
	if(!non_IE) // yet another ugly IE hack. inline-block kan niet gezet worden op deze elementen voor echte browsers
	{
	    //document.getElementById("search_form").style.display='inline-block'; // IE hack, removed since IE8
	    document.getElementById("search_title").style.display='inline-block'; // IE hack
	}
	
	height_of_header = document.getElementById('search_form').clientHeight+document.getElementById('search_title').clientHeight+70;
	//alert('heb header height: '+height_of_header);
	document.getElementById('search_results').style.height=(divisionHoogte-height_of_header)+'px';
    }
    

    // help pagina
    if(document.getElementById('help_title') && document.getElementById('help_text'))
    {
	height_of_header = document.getElementById('help_title').clientHeight+70;
	document.getElementById('help_text').style.height=(divisionHoogte-height_of_header)+'px';
//	console.log(divisionHoogte+' '+height_of_header);
    }

    calc_mediacolumn();
    

}

function calc_mediacolumn()
{
    //console.log('called calc_mediacolumn');
    
    if(document.getElementById("footer"))
	var height_of_footer 	= document.getElementById("footer").clientHeight;
    else
        var height_of_footer 	= 0;
    
    // eventueel mediakolom uitrekken
    if(document.getElementById("center"))
	//document.getElementById('center').style.height= (divisionHoogte-height_of_footer)+'px';	
	document.getElementById('center').style.height= (divisionHoogte)+'px';	
	
    if(document.getElementById("sprekerOverzicht"))
    {
	height_of_centerScrollHeader = document.getElementById("centerHeaderScrollContent").clientHeight;
	centerScrollContentHeight = (divisionHoogte-height_of_footer-height_of_centerScrollHeader);
	
	centerScrollContentHeight=centerScrollContentHeight+28;
	if(centerScrollContentHeight>0)
	{
	    document.getElementById("sprekerOverzicht").style.height=centerScrollContentHeight+'px';
	    document.getElementById("sprekerOverzicht").style.display='inline-block'; // YAIH (yet another IE hack)
	}
	else
	    document.getElementById("sprekerOverzicht").style.height='0px';
	//console.log(centerScrollContentHeight);
    }
    
    // eventueel uitzendinggemist uitrekken
    
    if(document.getElementById("uitzendinggemistLijstItems"))
    {
	aankondigingHeight=0;
	if(document.getElementById('aankondigingen'))
	{
    	    document.getElementById("aankondigingen").style.display='inline-block'; // IE hack to set clientHeight property
	    aankondigingHeight+=document.getElementById("aankondigingen").clientHeight;
	    //document.getElementById("liveUitzending").style.display='block';
	}
	if(document.getElementById("uitzendinggemistTitleContainer"))
	{
	    document.getElementById("uitzendinggemistTitleContainer").style.display='inline-block'; // IE hack
	    gemistTitleHoogte=document.getElementById("uitzendinggemistTitleContainer").clientHeight;
	}
	
	gemistHoogte=(divisionHoogte-aankondigingHeight-gemistTitleHoogte-height_of_footer);
	//if(gemistHoogte<100) gemistHoogte=100;
	
	document.getElementById("uitzendinggemistLijstItems").style.height=gemistHoogte+'px';
    }
    
}

//---------------------------------------------------------------------------------------------------------------------
// POPUP CONTENT
//---------------------------------------------------------------------------------------------------------------------

function popup_content(name, type,  popupwidth, popupheight,opts)
{ 
    var leftstart = (screen.width/2) - (popupwidth/2);
    var topstart = (screen.height/2) - (popupheight/2);
    var properties = "width="+popupwidth+", height="+popupheight+", left="+leftstart+", top="+topstart+", toolbar=no, titlebar=no, title=0, location=no,scrollbars=yes,status=no,resizable=no";
    var popup = "/popup.php?i="+name+"&type="+type+'&'+opts;
    window.open(popup,'popup',properties);
}

//---------------------------------------------------------------------------------------------------------------------
// EINDE POPUP CONTENT
//---------------------------------------------------------------------------------------------------------------------

//---------------------------------------------------------------------------------------------------------------------
// STATUSBALK VERBERGEN
//---------------------------------------------------------------------------------------------------------------------

function hidestatus()
{
    window.status=''
    return true
}

if (document.layers)
    document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT)
		
document.onmouseover=hidestatus
document.onmouseout=hidestatus

//---------------------------------------------------------------------------------------------------------------------
// EINDE STATUSBALK VERBERGEN
//---------------------------------------------------------------------------------------------------------------------

//---------------------------------------------------------------------------------------------------------------------
// PNG FIX
//---------------------------------------------------------------------------------------------------------------------

var strGif = "/shared/img/spacer.gif"
var strFilter = "progid:DXImageTransform.Microsoft.AlphaImageLoader"
var arVersion = navigator.appVersion.split("MSIE")
var version = parseFloat(arVersion[1])

function correctPNG() // correctly handle PNG transparency in Win IE 5.5 & 6.
{
    var arVersion = navigator.appVersion.split("MSIE")
    var version = parseFloat(arVersion[1])
    if ((version >= 5.5 && version < 7) && (document.body.filters)) 
    {
	for(var i=0; i<document.images.length; i++)
	{
	    var img = document.images[i]
	    var imgName = img.src.toUpperCase()
	    if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
	    {
		var imgID = (img.id) ? "id='" + img.id + "' " : ""
	        var imgClass = (img.className) ? "class='" + img.className + "' " : ""
	        var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
		var imgStyle = "display:inline-block;" + img.style.cssText 
	        if (img.align == "left") imgStyle = "float:left;" + imgStyle
	        if (img.align == "right") imgStyle = "float:right;" + imgStyle
		if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
	        if (img.useMap)
	        {
		    strAddMap = "<img style=\"position:relative; left:0px; top:-" + img.height + "px;"
			        + "height:" + img.height + "px;width:" + img.width +"\" "
			        + "src=\"" + strGif + "\" usemap=\"" + img.useMap 
			        + "\" border=\"" + img.border + "\">"
		}
	        var strNewHTML = "<span " + imgID + imgClass + imgTitle
			        + " style=\"" + " width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
			        + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
			        + "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>"
		if (img.useMap) strNewHTML += strAddMap
		    img.outerHTML = strNewHTML
		i = i-1
	    }
	}
    }
}

function findImgInputs(oParent)
{
    var oChildren = oParent.children
    if (oChildren)
    {
	for (var i=0; i < oChildren.length; i++ )
	{
	    var oChild = oChildren(i)
	    if ((oChild.type == 'image') && (oChild.src))
	    {
		var origSrc = oChild.src
		oChild.src = strGif
		oChild.style.filter = strFilter + "(src='" + origSrc + "')"
	    }
	    findImgInputs(oChild)
	}
    }
}

function alphaBackgrounds() // correctly handle PNG "BACKGROUNDCOLOUR" transparency in Win IE 5.5 or higher.
{
    var rslt = navigator.appVersion.match(/MSIE (\d+\.\d+)/, '');
    var itsAllGood = (rslt != null && Number(rslt[1]) >= 5.5);

    var div = document.getElementsByTagName("div");
    for (var i = 0; i< div.length; i++)
    {
	if (itsAllGood)
	{
	   /* var bg = div[i].currentStyle.backgroundImage;
	    if (bg.match(/\.png/i) != null)
	    {
		var mypng = bg.substring(5,bg.length-2);
		div[i].style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+mypng+"', sizingMethod='scale')";
		div[i].style.backgroundImage = "url('/shared/img/spacer.gif')";
	    }*/
	}
    }
}

//---------------------------------------------------------------------------------------------------------------------
// EINDE PNG FIX
//---------------------------------------------------------------------------------------------------------------------