detpd = new Object();

detpdKleur = new Object();
detpdKleur['blauw'] = new Object();
detpdKleur['blauw'].kopachter = 'rgb(0, 0, 204)';
detpdKleur['blauw'].kopvoor = 'rgb(255, 255, 204)';
detpdKleur['blauw'].kopalign = 'right';
detpdKleur['blauw'].lowlight = 'rgb(204, 204, 255)';
detpdKleur['blauw'].highlight = 'rgb(153, 153, 255)';
	
detpdKleur['geel'] = new Object();
detpdKleur['geel'].kopachter = 'rgb(255, 255, 204)';
detpdKleur['geel'].kopalign = 'left';
detpdKleur['geel'].kopvoor = 'rgb(255, 204, 0)';
detpdKleur['geel'].lowlight = 'rgb(255, 204, 153)';
detpdKleur['geel'].highlight = 'rgb(255, 204, 0)';

function ge(s) {
	return document.getElementById(s);	
}

function detPullOpklik(id) {		
	if(detpd[id].od != 'open') { 
		detpd[id].od = 'open';		
		ge(id).style.overflow = 'visible';
	}
	else  {
		detpd[id].od = 'dicht';
		ge(id).style.overflow = 'hidden';
	}		
}

function detPullOpmuisover(o, k) {
	o.style.backgroundColor = detpdKleur[k].highlight;
}

function detPullOpmuisuit(o, k) {
	o.style.backgroundColor = detpdKleur[k].lowlight;
}

function detBouwPull(id, naam, kleur, items, top, left) {
	
	detpd[id] = new Object();
	detpd[id].id = id;
	detpd[id].kleur = kleur;
	detpd[id].items = items;
	detpd[id].top = top
	detpd[id].left = left
	detpd[id].od = 'dicht';
	
	pd = document.createElement('div');
	pd.className = 'detPulldown';// detPulldown'+kleur;
	pd.setAttribute('id', id);
	pd.style.backgroundColor = detpdKleur[kleur].lowlight;
	pd.style.top = top+'px';
	pd.style.left = left+'px';
	
	de_onclick='detPullOpklik(\''+id+'\')';
	if (naam=='NIEUWS') 
		de_onclick='window.location=\'/nieuws\'';
	if (naam=='NEWS') 
		de_onclick='window.location=\'/news\'';
	
	html = '<div class="kop" style="background-color: '+detpdKleur[kleur].kopachter+';">';
	html += '<img onclick="detPullOpklik(\''+id+'\')" src="/img/pulldown_button_blauw.gif">';
	html += '<h5 style="background-color: '+detpdKleur[kleur].kopachter+'; color: '+detpdKleur[kleur].kopvoor+'; text-align: '+detpdKleur[kleur].kopalign+';" onclick="'+de_onclick+'">'+naam+'</h5>';
	html += '</div><div onmouseout="detPullOpklik(\''+id+'\')">';
	//alert(typeof(items));
	if(typeof(items) == 'object') {		
		html += '<ul>';
		for(i in items)
			html += '<li style="background-color: '+detpdKleur[kleur].lowlight+';" onmouseover="detPullOpmuisover(this, \''+kleur+'\');" onmouseout="detPullOpmuisuit(this, \''+kleur+'\');" onclick="location.href=\''+i+'\'">'+items[i]+'</li>';
		html += '</ul>';
	}
	html += '</div>';
	pd.innerHTML = html;
	ge('b').appendChild(pd);
}