var toDoVisibleImg="img0";
var toDoInvisibleImg="";
var doingTransition=0;	
var checkfirst=false;
var checkfirstBT = false;


function doTransition(id){
  //alert(id);
  if(toDoVisibleImg == id || doingTransition == 1){
    return;
  }else{
    toDoInvisibleImg = toDoVisibleImg;
    toDoVisibleImg = id;
    doVisible(toDoVisibleImg);
    doInvisible(toDoInvisibleImg);
    
    var imgH = document.getElementById(id);
    currentImgHeight=imgH.height;
    currentImgWidth=imgH.width;
    
    currentImgHeight += 5;	
    var thumbTable = document.getElementById('smalltable');
    var BigTable = document.getElementById('bigtable');
    
    
    thumbTable.style.position = "absolute";
    thumbTable.style.top = currentImgHeight + "px";
    thumbTable.style.left = 0 + "px";
    BigTable.style.height = currentImgHeight + 170 + "px";
    BigTable.style.left = 0 + "px"
    center=((500-currentImgWidth)/2);
    Math.round(center);
    //imgH.style.left = center + "px";
    imgH.style.left = center + "px";
  }
}

function doVisible(){
    var opacityStr = document.getElementById(toDoVisibleImg).style.opacity;
  var opacityNum = parseFloat(opacityStr);
  if(opacityNum >= 1){
    doingTransition = 0;
    opacityNum = 1;
    return;
  }else{
    doingTransition = 1;
    opacityNum += 0.1;
    //opacityNum = Math.round(opacityNum);
    setOpac(toDoVisibleImg,opacityNum);
    setTimeout(doVisible,50);
  }
}

function doInvisible(){
  
    var opacityStr = document.getElementById(toDoInvisibleImg).style.opacity;
  var opacityNum = parseFloat(opacityStr);
  //alert(opacityNum);
  if(opacityNum <= 0.10000000000000014){
    doingTransition = 0;
    opacityNum = 0;
    setOpac(toDoInvisibleImg,opacityNum);
    return;
  }else{
    doingTransition = 1;
    opacityNum -= 0.1;
    //opacityNum = Math.round(opacityNum);
    setOpac(toDoInvisibleImg,opacityNum);
    setTimeout(doInvisible,50);
  }
}


function setOpac(id,opacity){
    var object = document.getElementById(id).style;
    object.opacity = opacity;
    object.MozOpacity = opacity;
    object.KhtmlOpacity = opacity;
    //object.style.opacity = opacity;
    //alert(navigator.appName);
    object.filter = "alpha(opacity=" + opacity*150 + ")";
}

function moveIt() {
  var bigTable = document.getElementById('imageContainer');
  
  bigTable.style.position = "absolute";
  bigTable.style.top = "0px";		
  bigTable.style.left = "0px";	

  
var firstImgHeight=0;
var firstImgWidth=0;
var firstImg = document.getElementById('img0');
var center2=0;
firstImgHeight = firstImg.height;
firstImgWidth = firstImg.width;
center2=((500-firstImgWidth)/2);
firstImg.style.left = center2 + "px";
firstImgHeight += 5;	
  var thumbTable = document.getElementById('smalltable');
  var BigTable = document.getElementById('bigtable');
  thumbTable.style.position = "absolute";  // ustawianie pozycji miniatur
  if(navigator.appName=="Microsoft Internet Explorer"){
    if (checkfirst == false) {
      thumbTable.style.top = firstImgHeight + "px";
      checkfirst = true;
    }
  }else{
    thumbTable.style.top = firstImgHeight + "px";
  }
  thumbTable.style.left = 0 + "px";
  if (checkfirstBT == false) {
    BigTable.style.height = firstImgHeight + "px";
    checkfirstBT=true;
  }
  return;
  
  var obj = document.getElementById('imageContainer');
  
  if(obj == null){
    return;
  }		
   
  var top = document.getElementById('positionDiv').style.top;

  var myDiv=document.getElementById('imageContainer');
   
  if(myDiv == null){
    return;
  }			

  var myImgs=myDiv.getElementsByTagName('img');
  var maxBigWidth = 0;
  var maxBigHeight = 0;		
  for (i=0; i<myImgs.length; i++){
    var myImg = myImgs[i];
    if(maxBigWidth<myImg.width){
      maxBigWidth = myImg.width;
    }
    if(maxBigHeight<myImg.height){
      maxBigHeight = myImg.height;
    }			
  }

 

  myDiv=document.getElementById('smalltable');
  
  if(myDiv == null){
    return;
  }	
      
  myImgs=myDiv.getElementsByTagName('img');
  var maxSmallHeight = 0;		
  var maxSmallWidth = 0;	
  for (i=0; i<myImgs.length; i++){
    var myImg = myImgs[i];
    if(maxSmallHeight<myImg.height){
      maxSmallHeight = myImg.height;
    }	
    maxSmallWidth += myImg.width + 20;	
  }		
  
  var bigTableWidth = 0;
  var bigTableHeight = 0;
  var smallTableWidth = maxSmallWidth;
  var smallTableHeight = maxSmallHeight + 10;	

  if(smallTableWidth >= maxBigWidth){
    bigTableWidth = smallTableWidth + 14;
  }else{
    bigTableWidth = maxBigWidth + 14;
  }
  bigTableHeight = parseFloat(maxBigHeight) + 30 + parseFloat(smallTableHeight);

  var bigTable = document.getElementById('bigtable');
  if(bigTable == null){
    return;
  }
  bigTable.style.width = bigTableWidth+"px";
  bigTable.style.height = bigTableHeight + "px";

}