// JavaScript Document
/*
Kódování UTF-8
*/
function findPosY(obj)
{
	var curtop = 0;
	if (obj.offsetParent)
	{
		while (obj.offsetParent)
		{
			curtop += obj.offsetTop
			obj = obj.offsetParent;
		}
	}
	else if (obj.y)
		curtop += obj.y;
	return curtop;
}
/*
function showViewer(zdroj, uzel) {

var okno = document.getElementById("viewer");
okno.style.display = 'block';
okno.style.top = findPosY(uzel)-160 +"px"
document.getElementById("chemis").setModel("model=./slouceniny/" + zdroj + ".mol")
}
*/

function openViewer() {
    var okno = document.getElementById("chimer");
    okno.style.display = "block";
    okno.style.top = document.body.scrollTop+100;
    
   }
   
   function closeViewer() {
    var okno = document.getElementById("chimer");
    okno.style.display = "none";
   }
   function fixPosition() {
    document.getElementById('chimer').style.top = document.body.scrollTop-50;
   }
 
   function setMolecule(zdroj) {
    openViewer();
    var celek = document.getElementById("chimer");
      var okno = document.getElementById("viewer");
      var pocet = okno.childNodes.length;
      //vycisteni stareho embedu
      for (i=0;i<pocet; i++){
      okno.removeChild(okno.childNodes[0]);
      }
      //nastaveni noveho emberdu s novou molekulou
      var embed = okno.appendChild(document.createElement("embed"));
      embed.setAttribute("src","mol/" + zdroj);
      embed.setAttribute("width","200");
      embed.setAttribute("height","200");
      embed.setAttribute("display3d","stick");
      embed.setAttribute("frank","off");
      embed.setAttribute("name","struct");
      embed.setAttribute("script","zoom 150; select *; spacefill 120; wireframe 30; select elemno=1; spacefill 60; select elemno=17; spacefill 150; select elemno=35; spacefill 180; select elemno=16; spacefill 150; select elemno=14; spacefill 166; select elemno=55; spacefill 5; select elemno=11; spacefill 180; select elemno=19; spacefill 225; select elemno=12; spacefill 130; select elemno=20; spacefill 180; select elemno=13; spacefill 90; select elemno=53; spacefill 210;");
      }
  function showMol(zdroj) {
    //  openViewer();
    var okno = document.getElementById("viewer");
    if (okno == null) {
	    var body = document.getElementsByTagName("body");
	    okno = body[0].appendChild(document.createElement("div"));
	    okno.setAttribute("id","viewer");
	    /*
	    okno.setAttribute("style", "position:fixed; top:200pt; right:50pt; width:420; height:320;border:2px groove" )
    	    */
	    okno.style.position = "absolute";
	    okno.style.top = "100pt";
	    okno.style.right = "50pt";
	    okno.style.border = "5px groove";
	    okno.style.background = "#fff"
	    
	    var display = okno.appendChild(document.createElement("div"));
	    display.setAttribute("id", "display");
	    var controls = okno.appendChild(document.createElement("div"));
	    /*
	    controls.setAttribute("style","background:#999; border:3px outset;cursor:pointer; text-align:center");
	    */
	    controls.style.background = "#999";
	    controls.style.border = "3px outset";
	    controls.style.cursor = "pointer";
	    controls.style.textAlign = "center";
	    controls.style.padding = "0.2em"
	    
	    controls.onclick = function() {hideViewer()};
	    controls.setAttribute("title","Zavřít okno s modelem");
	    controls.innerHTML = "Zavřít okno";
	    
	    
	    
    }
     else {
     
     var viewer = document.getElementById("viewer");
     viewer.style.display = "block";
      var display = document.getElementById("display");
      var pocet = display.childNodes.length;
      for (i=0;i<pocet; i++){
      display.removeChild(display.childNodes[0]);
      }
     }
      
      //nastaveni noveho emberdu s novou molekulou
      var embed = display.appendChild(document.createElement("embed"));
      embed.setAttribute("id","struct");
      embed.setAttribute("src","molekuly/" + zdroj);
      embed.setAttribute("width","400");
      embed.setAttribute("bgcolor","white");
      embed.setAttribute("height","350");
      embed.setAttribute("display3d","stick");
      embed.setAttribute("frank","off");
      embed.setAttribute("name","struct");
      embed.setAttribute("script","zoom 150; select *; spacefill 120; wireframe 30; select elemno=1; spacefill 60; select elemno=17; spacefill 150; select elemno=35; spacefill 180; select elemno=16; spacefill 150; select elemno=14; spacefill 166; select elemno=55; spacefill 5; select elemno=11; spacefill 180; select elemno=19; spacefill 225; select elemno=12; spacefill 130; select elemno=20; spacefill 180; select elemno=13; spacefill 90;select elemno=53; spacefill 210;");
    
 }
 function hideViewer() {
 var okno=document.getElementById("viewer");
 okno.style.display="none";
 }
 
  function pic2VRML(uzel) {
    uzel.onclick = function() {VRML2pic(this)}
    var data = uzel.getAttribute("alt").split(",");
    var pocet = uzel.childNodes.length;
      //vycosteni stareho embedu
      for (i=0;i<pocet; i++){
      uzel.removeChild(uzel.childNodes[0]);
      } 
    var embed = uzel.appendChild(document.createElement("embed"));
      embed.setAttribute("src","vrml/" + data[0]);
      embed.setAttribute("width",data[1]);
      embed.setAttribute("height", data[2]);
  //  uzel.innerHTML += "<div><span class=\"sbt\">[ &rarr; vzorec]</span></div>";
  }
  function VRML2pic(uzel) {
  
   uzel.onclick = function() {pic2VRML(this)}
  
    var data = uzel.getAttribute("title");
     
    uzel.innerHTML = "<img src=\""+ data +"\" alt=\"objekt VRML\" title=\"Zobrazit 3D model\"/>";
  // uzel.innerHTML += "<div><span class=\"sbt\">[ &rarr; model]</span></div>";
     
      }
      
  function pic2mol(uzel) {
    uzel.onclick = function() {mol2pic(this)}
    var data = uzel.getAttribute("alt").split(",");
    var pocet = uzel.childNodes.length;
      //vycisteni stareho embedu
     for (i=0;i<pocet; i++){
      uzel.removeChild(uzel.childNodes[0]);
      } 
    var embed = uzel.appendChild(document.createElement("embed"));
      embed.setAttribute("bgcolor","white");
      embed.setAttribute("src","molekuly/" + data[0]);
      embed.setAttribute("width","200");//data[1]
      embed.setAttribute("height","200"); //data[2]
      embed.setAttribute("display3d","stick");
      embed.setAttribute("frank","off");
      embed.setAttribute("script","zoom 150; select *; spacefill 120; wireframe 30; select elemno=1; spacefill 60; select elemno=17; spacefill 150; select elemno=35; spacefill 180; select elemno=16; spacefill 150; select elemno=14; spacefill 166; select elemno=55; spacefill 5; select elemno=11; spacefill 180; select elemno=19; spacefill 225; select elemno=12; spacefill 130; select elemno=20; spacefill 180; select elemno=13; spacefill 90;select elemno=53; spacefill 210;");
  
     /*uzel.innerHTML += "<div><span class=\"sbt\">[vzorec]</span></div>";*/
      }
      
      function mol2pic(uzel) {
   uzel.onclick = function() {pic2mol(this)}
    var data = uzel.getAttribute("title");
    
    
    var pocet = uzel.childNodes.length;
      //vycosteni stareho embedu
      for (i=0;i<pocet; i++){
      uzel.removeChild(uzel.childNodes[0]);
      }
    var obr = uzel.appendChild(document.createElement("img"));
     
     obr.setAttribute("src","" + data);
    /* uzel.innerHTML += "<div><span class=\"sbt\">[model]</span></div>";*/
      }
      
  function pic2flash(uzel) {
    uzel.onclick = function() {flash2pic(this)}
    var data = uzel.getAttribute("alt").split(",");
    var pocet = uzel.childNodes.length;
      //vycisteni stareho embedu
     for (i=0;i<pocet; i++){
      uzel.removeChild(uzel.childNodes[0]);
      } 
    var embed = uzel.appendChild(document.createElement("embed"));
      embed.setAttribute("bgcolor","white");
      embed.setAttribute("quality","high");
      embed.setAttribute("src","flash/" + data[0]);
      embed.setAttribute("width",data[1]);
      embed.setAttribute("height",data[2]);
      embed.setAttribute("type","application/x-shockwave-flash");
      embed.setAttribute("pluginspage","http://www.macromedia.com/go/getflashplayer");
     uzel.innerHTML += "<div><span class=\"sbt\">[schema]</span></div>";
      }
      
      function flash2pic(uzel) {
   uzel.onclick = function() {pic2flash(this)}
    var data = uzel.getAttribute("title");
    
    
    var pocet = uzel.childNodes.length;
      //vycosteni stareho embedu
      for (i=0;i<pocet; i++){
      uzel.removeChild(uzel.childNodes[0]);
      }
    var obr = uzel.appendChild(document.createElement("img"));
     
     obr.setAttribute("src","" + data);
     uzel.innerHTML += "<div><span class=\"sbt\">[animace]</span></div>";
      }
      
      function pic2video(uzel) {
    uzel.onclick = function() {video2pic(this)}
    var data = uzel.getAttribute("alt").split(",");
    var cesta = data[0].split("/");
    var nazev = cesta[1].split(".") //extrakce nazvu bez pripony
    var pocet = uzel.childNodes.length;
      //vycisteni stareho embedu
     for (i=0;i<pocet; i++){
      uzel.removeChild(uzel.childNodes[0]);
      } 
    var embed = uzel.appendChild(document.createElement("embed"));
      
      embed.setAttribute("src","video/" + nazev[0]+".swf");
      embed.setAttribute("width",383);
      embed.setAttribute("height",376);
    /*  embed.setAttribute("type","video/avi");*/
      
      }
      
      function video2pic(uzel) {
   uzel.onclick = function() {pic2video(this)}
    var data = uzel.getAttribute("title");
    var pocet = uzel.childNodes.length;
      //vycosteni stareho embedu
      for (i=0;i<pocet; i++){
      uzel.removeChild(uzel.childNodes[0]);
      }
    var obr = uzel.appendChild(document.createElement("img"));
     
     obr.setAttribute("src","" + data);
      obr.setAttribute("alt","Videoklip");
    
      }