var activeImg = 'klapky';


function setBg(id, state) {

	if (state == 1) {
		document.getElementById(id).style.backgroundImage = "url(soubory/zalozky_foto_btn_a.gif)";
	} else {
		if (activeImg != id) {
			document.getElementById(id).style.backgroundImage = "url(soubory/zalozky_foto_btn.gif)";
		}
	}

}
function setActiveImage(id) {

	document.getElementById(id).style.backgroundImage = "url(soubory/zalozky_foto_btn_a.gif)";
	if (id == 'klapky') {
		document.getElementById('img').innerHTML = '<img src="soubory/klapky.jpg" alt="" />';
		deactivateAll();
		setBg('klapky', 1);
		activeImg = 'klapky';
	} else if (id == 'obruba') {
		document.getElementById('img').innerHTML = '<img src="soubory/obruba.jpg" alt="" />';
		deactivateAll();
		setBg('obruba', 1);
		activeImg = 'obruba';
	} else if (id == 'konstrukce') {
		document.getElementById('img').innerHTML = '<img src="soubory/konstrukce.jpg" alt="" />';
		deactivateAll();
		setBg('konstrukce', 1);
		activeImg = 'konstrukce';
	} else if (id == 'vypln') {
		document.getElementById('img').innerHTML = '<img src="soubory/vypln.jpg" alt="" />';
		deactivateAll();
		setBg('vypln', 1);
		activeImg = 'vypln';
	}

}

function deactivateAll() {
	activeImg = '';
	setBg('klapky', 2);
	setBg('obruba', 2);
	setBg('konstrukce', 2);
	setBg('vypln', 2);
}