var czas;
var fota;

function load(element,foto)
{
if(fota)
{	
   if(fota.complete)
   {
   clearInterval(czas);
   document.getElementById('content').removeChild(document.getElementById('main_foto'));
   
   var img = document.createElement("img");
   img.id="main_foto";
   img.setAttribute("src", "./img/" + foto);
   document.getElementById('content').appendChild(img);
   
   removePreloader();
   setFilterGray();
   }
}   
}

function setActive(element)
{
var e=element.parentNode;

	for(i=0;i<e.childNodes.length;i++)
	{
		if(e.childNodes[i].tagName=="LI")
		{
		e.childNodes[i].removeAttribute("class");
		e.childNodes[i].removeAttribute("id");
		e.childNodes[i].className='';
		}
	}
	element.id='active';
	element.className='active';
}

function setFocus(element,foto)
{
	setActive(element);

	if(document.getElementById('main_foto').src.indexOf(foto)==-1)
	{
	setPreloader();
	
	fota=new Image();
	fota.src='./img/' + foto;

	clearInterval(czas);
	if(fota) {czas=setInterval("load('" + element + "','" + foto + "')",500);}
	}
}

function setFilterGray()
{
document.getElementById('filter_gray').parentNode.removeChild(document.getElementById('filter_gray'));

var div = document.createElement("div");
div.id="filter_gray";
div.className="filter_gray";	
document.getElementById('active').appendChild(div);
}

function setPreloader()
{
	if(!document.getElementById('preloader'))
	{
	var preloader = document.createElement("div");
	preloader.id="preloader";
	document.getElementById('content').appendChild(preloader);
	}
}

function removePreloader()
{
	if(document.getElementById('preloader')) document.getElementById('content').removeChild(document.getElementById('preloader'));
}