/* load funcs */
function do_load ()
{
	preload_page ( );
	fixTable ( );
	resize ( );
}

/* preload */
function preload_page ( )
{
	if (document.getElementById) {
	document.getElementById('preload').style.display = 'none';
	}
	else {
	if (document.layers) {
	document.preload.display = 'none';
	}
	else {
	document.all.preload.style.display = 'none';
	}
	}
}

/* Set rows width */
function fixTable ( )
{
	var image = document.getElementById ( 'main_img' );
	var content = document.getElementById ( 'content' );
	var content_right = document.getElementById ( 'content_right' );
	
	content_width = 800 - image.width;
	content_width += 'px';
	content_right_width = image.width;
	
	content.width = content_width;
	content_right.width = content_right_width;
	
	return true;
}

/* popup */
function popup ( url )
{
	window.open ( url, 'upload', 'width=650,height=550,scrollbars=yes,toolbar=no,location=no,resizable=yes');
	return false;
}

/* image resize on the fly */
function resize ( )
{
	var images = document.getElementsByTagName ( 'img' );
	var content = document.getElementById ( 'content' );
	cols = 4;
	max_width = Math.round ( ( content.width - 100 ) / cols );	

	for ( i = 0; i < images.length; i++ )
	{
		if ( images[i].id.substr ( 0, 8 ) == 'tmc_img_' )
		{
			var image = document.getElementById ( images[i].id );
			width = image.width;
			height = image.height;
			
			if ( width > max_width )
			{
				marge = 1 - ( ( width - max_width ) / width );
				image.width = Math.round ( width * marge );
				image.height = Math.round ( height * marge );
				image.style.border = '#036 1px dotted';
			}
		}
	}

	return true;
}

/* our dropdown menu */
var menu1 = new Array ( )
menu1[0] = '<a href="about.php?mode=1">Bedrijfsprofiel</a>'
menu1[1] = '<a href="about.php?mode=2">Werkwijze</a>'

var menu2 = new Array ( )
menu2[0] = '<a href="products.php?mode=1">Beveiliging</a>'
menu2[1] = '<a href="products.php?mode=2">Werkkleding</a>'
menu2[2] = '<a href="products.php?mode=3">Representatief</a>'
menu2[3] = '<a href="products.php?mode=4">Promotioneel</a>'
menu2[4] = '<a href="products.php?mode=5">Brandweer</a>'
menu2[5] = '<a href="products.php?mode=6">Logo\'s & Emblemen</a>'

var menu3 = new Array ( )
menu3[0] = '<a href="contact.php">Contact</a>'
menu3[1] = '<a href="route.php">Route</a>'

var menuwidth = '100px'
var menubgcolor = '#FFFFF'
var disappeardelay = 200
var hidemenu_onclick = "yes"

var ie4 = document.all
var ns6 = document.getElementById && !document.all

if ( ie4 || ns6 )
	document.write ( '<div id="dropmenudiv" style="visibility: hidden; width:' + menuwidth + '; background-color:' + menubgcolor + ';" onMouseover="clearhidemenu()" onMouseout="dynamichide(event)"></div>' )

function getposOffset (what, offsettype)
{
	var totaloffset = (offsettype == "left" ) ? what.offsetLeft : what.offsetTop;
	var parentEl = what.offsetParent;
	
	while ( parentEl != null )
	{
		totaloffset = (offsettype == "left" ) ? totaloffset + parentEl.offsetLeft : totaloffset + parentEl.offsetTop;
		parentEl = parentEl.offsetParent;
	}
	return totaloffset;
}

function showhide (obj, e, visible, hidden, menuwidth)
{
	if ( ie4 || ns6 )
		dropmenuobj.style.left = dropmenuobj.style.top=-500
	
	if ( menuwidth != "" )
	{
		dropmenuobj.widthobj = dropmenuobj.style
		dropmenuobj.widthobj.width = menuwidth
	}
	
	if ( e.type == "click" && obj.visibility==hidden || e.type == "mouseover" )
		obj.visibility = visible
	else if ( e.type == "click" )
		obj.visibility = hidden
}

function iecompattest ( )
{
	return (document.compatMode && document.compatMode != "BackCompat" )? document.documentElement : document.body
}

function clearbrowseredge (obj, whichedge)
{
	var edgeoffset=0
	if ( whichedge == "rightedge" ){
	var windowedge=ie4 && !window.opera? iecompattest().scrollLeft+iecompattest().clientWidth-15 : window.pageXOffset+window.innerWidth-15
	dropmenuobj.contentmeasure=dropmenuobj.offsetWidth
	if (windowedge-dropmenuobj.x < dropmenuobj.contentmeasure)
	edgeoffset=dropmenuobj.contentmeasure-obj.offsetWidth
	}
	else{
	var topedge=ie4 && !window.opera? iecompattest().scrollTop : window.pageYOffset
	var windowedge=ie4 && !window.opera? iecompattest().scrollTop+iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18
	dropmenuobj.contentmeasure=dropmenuobj.offsetHeight
	if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure){ //move up?
	edgeoffset=dropmenuobj.contentmeasure+obj.offsetHeight
	if ((dropmenuobj.y-topedge)<dropmenuobj.contentmeasure) //up no good either?
	edgeoffset=dropmenuobj.y+obj.offsetHeight-topedge
	}
	}
	return edgeoffset
}

function populatemenu (what)
{
	if ( ie4 || ns6 )
		dropmenuobj.innerHTML = what.join ( "" )
}

function dropdownmenu (obj, e, menucontents, menuwidth)
{
	if (window.event) event.cancelBubble=true
	else if (e.stopPropagation) e.stopPropagation()
	clearhidemenu()
	dropmenuobj=document.getElementById? document.getElementById("dropmenudiv") : dropmenudiv
	populatemenu(menucontents)
	
	if (ie4||ns6)
	{
		showhide(dropmenuobj.style, e, "visible", "hidden", menuwidth)
		dropmenuobj.x=getposOffset(obj, "left")
		dropmenuobj.y=getposOffset(obj, "top")
		dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+"px"
		dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+"px"
	}
	
	return clickreturnvalue()
}

function clickreturnvalue ()
{
	if ( ie4 || ns6 )
		return false
	else
		return true
}

function contains_ns6 (a, b)
{
	while (b.parentNode)
		if ((b = b.parentNode) == a)
			return true;
		return false;
}

function dynamichide (e)
{
	if ( ie4 && !dropmenuobj.contains(e.toElement) )
		delayhidemenu ( )
	else if ( ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget) )
		delayhidemenu ( )
}

function hidemenu(e)
{
	if (typeof dropmenuobj != "undefined")
	{
		if ( ie4 || ns6 )
			dropmenuobj.style.visibility="hidden"
	}
}

function delayhidemenu ()
{
	if ( ie4 || ns6 )
		delayhide = setTimeout( "hidemenu()", disappeardelay )
}

function clearhidemenu()
{
	if (typeof delayhide != "undefined")
		clearTimeout ( delayhide )
}

if ( hidemenu_onclick == "yes" )
	document.onclick = hidemenu