function getElementWidth(Elem) {
    if(document.getElementById && document.getElementById(Elem)) {
    	var elem = document.getElementById(Elem);
    } else if (document.all){
    	var elem = document.all[Elem];
    }
    //if (op5) {
      //	xPos = elem.style.pixelWidth;
    //} else {
    	xPos = elem.offsetWidth;
    //}
    return xPos;
}

function showBig(cell){

    var tmpString=cell.style.backgroundImage;
    var bigImage=tmpString.replace("url(","");
    getElementWidth("bigImage");
    bigImage=bigImage.substring(bigImage.lastIndexOf("/")+1,bigImage.length-1);
    bigImage=bigImage.replace("png","jpg");
    bigImage=bigImage.replace("\"","");
    for(i=0; i<bilder.length; i++){
        if(bilder[i].src.substring(bilder[i].src.lastIndexOf("/")+1, bilder[i].src.length)==bigImage){
            bigImage=bilder[i];
	//alert("matched " + bilder[i]);
        }
    }

    var browser=navigator.appName;
    document.getElementById("whiteBox").style.width = parseInt(document.getElementById("mainTable").style.width)-2+"px";
    if(browser=="Microsoft Internet Explorer"){
        document.getElementById("whiteBox").style.width=parseInt(document.getElementById("mainTable").style.width);
    }

    document.getElementById("rightBox").style.visibility="hidden";
    document.getElementById("leftBox").style.visibility="hidden";
    document.getElementById("bigImageBox").style.visibility="visible";
    document.getElementById("bigImage").style.visibility="visible";
    document.getElementById("bigImage").setAttribute("src",bigImage.src);
    document.getElementById("bigImage").style.width=bigImage.width+"px";
    document.getElementById("bigImage").style.height=bigImage.height+"px";

    var x=bigImage.src.match(/[0-9]+/); 

    if(comments[page+'_'+x] != ""){
	document.getElementById("info").style.marginLeft=718/2-Math.round(bigImage.width/2)+"px";
	document.getElementById("info").innerHTML="";
	document.getElementById("info").innerHTML=comments[page+'_'+x];
        document.getElementById("info").style.visibility="visible";
	document.getElementById("info").style.display="inline-block";
    }
    setSize();
}
function setSize(){
    document.getElementById("bigImage").width=bigImage.width;
    document.getElementById("bigImage").height=bigImage.height;
}

function hideBig(){
    document.getElementById("bigImage").setAttribute("src","");
    document.getElementById("rightBox").style.visibility="visible";
    document.getElementById("leftBox").style.visibility="visible";
    document.getElementById("bigImageBox").style.visibility="hidden";
    document.getElementById("bigImage").style.visibility="hidden";
    document.getElementById("info").style.visibility="hidden";
}