var hide = false;
//var previousThumbID = imageArray[0];
var previousThumbID = "";


function overItem(object){
	if (object.className.indexOf("over") != -1)
	{
		object.className = object.className.replace(" over","");
	} else {
		object.className = object.className+" over";
	}
}

/*function prevImage(path){
	var prevId = parseInt(previousThumbID,10)-1;
	if (prevId > 0)
	{
		prevId = prevId-1;
	} else {
		prevId = imageArray.length-1;
	}
	if (imageArray[prevId] != undefined)
	{
		switchImage(imageArray[prevId],path,nazevArray[prevId],true);
	}
}

function nextImage(path){
	var nextId = parseInt(previousThumbID,10)-1;
 if (nextId < (imageArray.length-1))
	{
		nextId = nextId+1;
	} else {
		nextId = 0;
	}
	if (imageArray[nextId] != undefined)
	{
		switchImage(imageArray[nextId],path,nazevArray[nextId],true);
	}
}*/

function prevImage(path){
  if (previousThumbID == "") previousThumbID=imageArray[0];
	var prevId = imageArray.indexOf(previousThumbID)-1;
	if (prevId < 0 ) prevId = imageArray.length-1;

	if (imageArray[prevId] != undefined)
	{
		switchImage(imageArray[prevId],path,nazevArray[prevId],true);
	}
}

function nextImage(path){
  if (previousThumbID == "") previousThumbID=imageArray[0];
	var nextId = imageArray.indexOf(previousThumbID)+1;
	if (nextId >= (imageArray.length)) nextId = 0;
	
	if (imageArray[nextId] != undefined)
	{
		switchImage(imageArray[nextId],path,nazevArray[nextId],true);
	}	
}

function projectInfo(){
	infoObj = document.getElementById("detailInfo");
	items = infoObj.getElementsByTagName("div");
	link = infoObj.getElementsByTagName("a");

	if (!hide)
	{
		document.getElementById("infoBg").style.backgroundColor = "white";
		infoObj.style.marginTop = "0px";
	} else {
		document.getElementById("infoBg").style.backgroundColor = "transparent";
		infoObj.style.marginTop = "0px";
		//infoObj.style.marginBottom = "0px";
	}
	for (var a=0;a<items.length;a++)
	{
		thisDiv = items[a];
		if (thisDiv.className.indexOf(" hidden") != -1)
		{
			hide = true;
			thisDiv.className = thisDiv.className.replace(" hidden"," visible");
		} else {
			hide = false;
			thisDiv.className = thisDiv.className.replace(" visible"," hidden");
		}
	}

	for (var a=0;a<link.length;a++)
	{
		thisLink = link[a];
		if (thisLink.className.indexOf(" hidden") != -1)
		{
			thisLink.className = thisLink.className.replace(" hidden"," visible");
		} else {
			thisLink.className = thisLink.className.replace(" visible"," hidden");
		}
	}
}

function switchImage(thumbId,path,nazevId,mid){
  if (previousThumbID == "") previousThumbID=imageArray[0];
	var prevThumb = document.getElementById("t"+previousThumbID);
	var prevPopisek = document.getElementById("p"+previousThumbID);
	var prevLupa = document.getElementById("l"+previousThumbID);
	prevItems = prevThumb.getElementsByTagName("div");
	prevItemsP = prevPopisek.getElementsByTagName("div");
	prevItemsL = prevLupa.getElementsByTagName("div");
	
	for (var a=0;a<prevItemsP.length;a++){
		var pDiv = prevItemsP[a];
		if (pDiv.className.indexOf("thumbPopisek") != -1)
		{			
			pDiv.className = "thumbPopisek hidden";
		}		
	}
	for (var a=0;a<prevItemsL.length;a++){
		var lDiv = prevItemsL[a];
		if (lDiv.className.indexOf("thumbLupa") != -1)
		{			
			lDiv.className = "thumbLupa hidden";
		}		
	}	
	for (var a=0;a<prevItems.length;a++){
		var tDiv = prevItems[a];
		if (tDiv.className.indexOf("thumbRaster") != -1)
		{			
			tDiv.className = "thumbRaster hidden";
		}	
	}
	
	previousThumbID = thumbId;
	
	
	var thisThumb = document.getElementById("t"+thumbId);
	var thisThumbP = document.getElementById("p"+thumbId);
	var thisThumbL = document.getElementById("l"+thumbId);
	thisItems = thisThumb.getElementsByTagName("div");
	thisItemsP = thisThumbP.getElementsByTagName("div");
	thisItemsL = thisThumbL.getElementsByTagName("div");
	
	for (var a=0;a<thisItemsP.length;a++){
		var pDiv = thisItemsP[a];
		if (pDiv.className.indexOf("thumbPopisek") != -1)
		{
			pDiv.className = "thumbPopisek";
		}
	}
	for (var a=0;a<thisItemsL.length;a++){
		var lDiv = thisItemsL[a];
		if (lDiv.className.indexOf("thumbLupa") != -1)
		{
			lDiv.className = "thumbLupa";
		}
	}	
	for (var a=0;a<thisItems.length;a++){
		var tDiv = thisItems[a];
		if (tDiv.className.indexOf("thumbRaster") != -1)
		{
			tDiv.className = "thumbRaster";
		}
	}
	
	if (document.getElementById("detailImage"))
	{
    iSrcMid = "<img src=\""+path+"/mid/"+nazevId+"\" alt=\"&copy; atelier KLANC\"/ class=\"mid\" style=\"z-index: -5;\"/>";
		iSrcFull = "<img src=\""+path+"/full/"+nazevId+"\" alt=\"&copy; atelier KLANC\"/>";
		
		var imageWrapper = document.getElementById("detailImage");
		
		/*if (mid==true) {*/
		
  		imageWrapper.innerHTML = iSrcMid;

  		var elems = imageWrapper.getElementsByTagName("img");
  		var image = elems[0];
      image.onload=function(){imageWrapper.innerHTML=iSrcMid}
      image.onerror=function(){imageWrapper.innerHTML=iSrcFull}
  		/*if (typeof img.naturalWidth != "undefined" && img.naturalWidth == 0) {
        imageWrapper.innerHTML = iSrcFull;
      }*/
    
    /*}
    else {
      imageWrapper.innerHTML = iSrcFull;
    }*/
		
		//
		
		
	}
}

  /*function invokeOnclick(id) {
    var elem = document.getElementById(id);
    if (typeof elem.onclick == "function") {
        elem.onclick.apply(elem);
    }
  }*/