/*****************************
*	Copyright Potato Die 2010
*	All rights reserved
******************************/

window.onload = function ()
{
	fixKijkgatMouseover();
	fixMenuOpmaak();
	maakDropShadow ()
}

function fixKijkgatMouseover()
{
	// Doorloop alle <a> in sidebar
	// Bij mouseover/out img source van kijkgat aanpassen
	var links = document.getElementById( 'sidebar' ).getElementsByTagName ( 'a' );
	for ( var i = 0; i < links.length; i++ )
	{
		links[i].onmouseover = function ()
		{
			var images = this.getElementsByTagName ( 'img' );
			for ( var j = 0; j < images.length; j++ )
			{
				if ( images[j].className == 'kijkgat' )
				{
					images[j].src = '/images/kijkgat_schaduw_mouseover.png';
				}
			}
		}
		links[i].onmouseout = function ()
		{
			var images = this.getElementsByTagName ( 'img' );
			for ( var j = 0; j < images.length; j++ )
			{
				if ( images[j].className == 'kijkgat' )
				{
					images[j].src = '/images/kijkgat_schaduw.png';
				}
			}
		}
	}
}

/* Voeg plaatje toe aan actief menu met submenu */
function fixMenuOpmaak()
{
	// Zoek element
	var m = document.getElementById('menu').getElementsByTagName('a');
	for ( var k = 0; k < m.length; k++ )
	{
		if ( m[k].className == 'actiefMenuMetSub' )
		{
			// Creeer childnode
			var img = document.createElement('img');
			img.setAttribute ( "src", "/images/pijl_menu.png");
			
			// positie afhankelijk van de hoogte van de headerbalk
			var h = document.getElementById('header').clientHeight - 1;
			img.style.position = 'absolute';
			img.style.top = h + "px";
			img.style.left = '45%';
			
			// Voeg childnode toe
			m[k].appendChild(img);
		}
	}
}

function createDivAbs ( img, w, h, l, t, o )
{
	var d = document.createElement('div');
	d.style.width = w + "px"; // De breedte van de afb
	d.style.height = h + "px";
	d.style.background = "url(" + img + ") no-repeat 0 0";
	d.style.position = "absolute";
	d.style.left = l + "px";
	d.style.top = t + "px";
	d.style.opacity = o;
	
	return d;
}

function maakDropShadow ()
{
	// Geef element een dropshadow rechts en onder (2 afb nodig)
	
	// Welk element?
	var sidebar = document.getElementById('sidebar');
	// Bepaal dimensies (incl. border)
	var w = sidebar.offsetWidth;
	var h = sidebar.offsetHeight;
	
	// Maak div rechts met achtergrond
	var d = createDivAbs ( "/images/shadow_r.png", 20, h, w-1, -1, 0.35 );
	sidebar.appendChild ( d );

	// Maak bottom div
	d = createDivAbs ( "/images/shadow_b.png", w+20, 20, -4, h-1, 0.35 );
	sidebar.appendChild ( d );
}