var animDelay=650;
var isHidden=1;
var tekstID='besedilo';
var slikaID='grafika';
var pozicX=480;

function animateTransparency (id, fromPerc, toPerc, duration) {	
 var increment = Math.round(duration / 100);
 var delay;
	
 if(fromPerc > toPerc) {
  for(i = fromPerc; i >= toPerc; i--) {
   delay = (fromPerc-i) * increment;   
   setTimeout("chTransp('" + id + "'," + i + ")",delay);
  } //for
 } else if(fromPerc < toPerc) {
  for(i = fromPerc; i <= toPerc; i++) {
   delay = (i-fromPerc) * increment;
   setTimeout("chTransp('" + id + "'," + i + ")",delay);
  } //for
 }
}

function chTransp(id, opacity) {
 var element = document.getElementById(id).style; 
 element.filter = "alpha(opacity=" + opacity + ")"; //Explorer
 element.opacity = (opacity / 100); //CSS3
 element.MozOpacity = (opacity / 100);   //Firefox
 element.KhtmlOpacity = (opacity / 100);  //Safari (Mac)
}

function showChart(nivo){
 var objekt=document.getElementById('Layer_n2');
 objekt.style.visibility='visible';
 objekt.style.top=310;
 objekt.style.zIndex = 1;

 animateTransparency('Layer_n2',0,100,animDelay);
}

function dohideChart(nivo){
 var objekt=document.getElementById('Layer_n2');
 objekt.style.visibility='hidden';
 objekt.style.zIndex = -2;
}
function hideChart(nivo){
 animateTransparency('Layer_n2',100,0,animDelay/2);
   setTimeout ("dohideChart(2)", animDelay/2); 
}


function hideLayer(){
  var objekt;
  objekt=document.getElementById('Layer1');

 objekt.style.visibility='hidden';
 objekt.style.zIndex = -2;

}
function showLayer (id, tekst, slika, y, barva,vidnost){
  var objekt;
  var toY,toX;
  objekt=document.getElementById(id);

  if (vidnost==0) {
   animateTransparency(id,100,0,animDelay/2);
   setTimeout ("hideLayer()", animDelay/2);   
   isHidden=1;
  }else{
   
	 
    document.getElementById('layerTable').style.backgroundColor=barva;
    document.getElementById(tekstID).innerHTML=tekst;	
	document.getElementById(slikaID).src=slika; 
	if (y + 267- document.body.scrollTop>document.body.clientHeight){
	 toY=document.body.clientHeight+document.body.scrollTop-268;
	}else{toY=y;}; 
	toX=pozicX;
  	//toX=document.body.clientWidth+document.body.scrollLeft-380;
	objekt.style.top=toY;
	objekt.style.left=toX;
	
	
	if (isHidden==1){	
    objekt.style.visibility='visible';
	objekt.style.zIndex = 1;
	isHidden=0;
	animateTransparency(id,0,100,animDelay);
	
	};
	
	//document.body.scrollLeft
	//document.body.scrollTop
	//document.body.clientHeight
  }
}
 
function setSlika (pot){
var bigPic = document.getElementById('taVelika');
bigPic.src=pot;
}