var div = false;
var intval = false;

function selectBox(){

	var body = document.body;

	div = document.createElement('div');
	div.id = 'select';

	var title = document.createElement('div');
	title.className = 'title';
	title.innerHTML = 'Wybierz kategorię';

	var input = document.getElementById('cid');

	var buttons = document.createElement('div');
	buttons.id = 'buttons';

	var add = document.createElement('img');
	add.src = 'img/button_add.gif';
	var a1 = document.createElement('a');
	a1.href = 'javascript:displayCat()';
	a1.appendChild(add);

	var close = document.createElement('img');
	close.src = 'img/button_close.gif';
	var a2 = document.createElement('a');
	a2.href = 'javascript:closeBox()';
	a2.appendChild(close);

	var frame = document.createElement('iframe');
	frame.id = 'cframe';
	frame.border='0';
	frame.frameborder='0';
	frame.className = 'cframe';
	frame.src = 'catselect.php';

	div.appendChild(title);
	div.appendChild(frame);

	buttons.appendChild(a1);
	buttons.appendChild(a2);
	div.appendChild(buttons);
	
	body.appendChild(div);

}

function displayCat(){
	if(document.getElementById('cid').value != ''){
	document.getElementById('catl').value = cats[document.getElementById('cid').value];
	}
	closeBox();
}

function closeBox(){
	div.style.visibility = 'hidden';
	document.body.removeChild(div);
	intval = false;
}