// JavaScript Document
var cas = 0; // definicia casovej osi
var tok = 6; // definicia rychlosti toku casu
var snimka = 10; //definicia rozdielu medzi dvomi snimkami 10ms 
var triStop = 260; //definovanie zastavenia polygonov
var ariseR1 = 200; //zobrazenie r1
var ariseR2 = 235; //zobrazenie r2
var ariseBK = 240; //plne zobrazenie pozadia
var ariseLS = 250; //popredie s vyhladenymi hranami

var IntervalID;
var triangle = new Array();// definicia startovacich a koncovych pozicii polygonov

triangle["t1"] = new Array ();
triangle["t1"]["startx"] =0;
triangle["t1"]["starty"] =0;
triangle["t1"]["arise"]  =33;
triangle["t1"]["stopx"]  =373;
triangle["t1"]["stopy"]  =300;
triangle["t1"]["sirka"]  =123;

triangle["t2"] = new Array ();
triangle["t2"]["startx"] =256;
triangle["t2"]["starty"] =0;
triangle["t2"]["arise"]  =33;
triangle["t2"]["stopx"]  =631;
triangle["t2"]["stopy"]  =310;
triangle["t2"]["sirka"]  =223;

triangle["t3"] = new Array ();
triangle["t3"]["startx"] =512;
triangle["t3"]["starty"] =0;
triangle["t3"]["arise"]  =33;
triangle["t3"]["stopx"]  =648;
triangle["t3"]["stopy"]  =310;
triangle["t3"]["sirka"]  =74;

triangle["t4"] = new Array ();
triangle["t4"]["startx"] =768;
triangle["t4"]["starty"] =0;
triangle["t4"]["arise"]  =33;
triangle["t4"]["stopx"]  =712;
triangle["t4"]["stopy"]  =314;
triangle["t4"]["sirka"]  =138;

triangle["t5"] = new Array ();
triangle["t5"]["startx"] =1024;
triangle["t5"]["starty"] =0;
triangle["t5"]["arise"]  =33;
triangle["t5"]["stopx"]  =564;
triangle["t5"]["stopy"]  =303;
triangle["t5"]["sirka"]  =266;

triangle["t6"] = new Array ();
triangle["t6"]["startx"] =0;
triangle["t6"]["starty"] =33;
triangle["t6"]["arise"]  =240;
triangle["t6"]["stopx"]  =606;
triangle["t6"]["stopy"]  =337;
triangle["t6"]["sirka"]  =245;

triangle["t7"] = new Array ();
triangle["t7"]["startx"] =256;
triangle["t7"]["starty"] =1024;
triangle["t7"]["arise"]  =33;
triangle["t7"]["stopx"]  =514;
triangle["t7"]["stopy"]  =311;
triangle["t7"]["sirka"]  =138;

triangle["t8"] = new Array ();
triangle["t8"]["startx"] =512;
triangle["t8"]["starty"] =1024;
triangle["t8"]["arise"]  =33;
triangle["t8"]["stopx"]  =557;
triangle["t8"]["stopy"]  =315;
triangle["t8"]["sirka"]  =231;

triangle["t9"] = new Array ();
triangle["t9"]["startx"] =768;
triangle["t9"]["starty"] =1024;
triangle["t9"]["arise"]  =33;
triangle["t9"]["stopx"]  =186;
triangle["t9"]["stopy"]  =428;
triangle["t9"]["sirka"]  =172;

triangle["t10"] = new Array ();
triangle["t10"]["startx"] =1024;
triangle["t10"]["starty"] =1024;
triangle["t10"]["arise"]  =33;
triangle["t10"]["stopx"]  =422;
triangle["t10"]["stopy"]  =312;
triangle["t10"]["sirka"]  =138;

triangle["t11"] = new Array ();
triangle["t11"]["startx"] =1024;
triangle["t11"]["starty"] =264;
triangle["t11"]["arise"]  =33;
triangle["t11"]["stopx"]  =351;
triangle["t11"]["stopy"]  =373;
triangle["t11"]["sirka"]  =180;

triangle["t12"] = new Array ();
triangle["t12"]["startx"] =1024;
triangle["t12"]["starty"] =528;
triangle["t12"]["arise"]  =33;
triangle["t12"]["stopx"]  =287;
triangle["t12"]["stopy"]  =323;
triangle["t12"]["sirka"]  =125;

triangle["t13"] = new Array ();
triangle["t13"]["startx"] =0;
triangle["t13"]["starty"] =264;
triangle["t13"]["arise"]  =33;
triangle["t13"]["stopx"]  =208;
triangle["t13"]["stopy"]  =315;
triangle["t13"]["sirka"]  =324;

triangle["t14"] = new Array ();
triangle["t14"]["startx"] =0;
triangle["t14"]["starty"] =528;
triangle["t14"]["arise"]  =33;
triangle["t14"]["stopx"]  =280;
triangle["t14"]["stopy"]  =303;
triangle["t14"]["sirka"]  =156;

triangle["t15"] = new Array ();
triangle["t15"]["startx"] =50;
triangle["t15"]["starty"] =50;
triangle["t15"]["arise"]  =190;
triangle["t15"]["stopx"]  =180;
triangle["t15"]["stopy"]  =313;
triangle["t15"]["sirka"]  =271;

triangle["t16"] = new Array ();
triangle["t16"]["startx"] =50;
triangle["t16"]["starty"] =320;
triangle["t16"]["arise"]  =190;
triangle["t16"]["stopx"]  =230;
triangle["t16"]["stopy"]  =325;
triangle["t16"]["sirka"]  =194;

triangle["t17"] = new Array ();
triangle["t17"]["startx"] =50;
triangle["t17"]["starty"] =590;
triangle["t17"]["arise"]  =190;
triangle["t17"]["stopx"]  =183;
triangle["t17"]["stopy"]  =312;
triangle["t17"]["sirka"]  =93;

triangle["t18"] = new Array ();
triangle["t18"]["startx"] =1010;
triangle["t18"]["starty"] =50;
triangle["t18"]["arise"]  =190;
triangle["t18"]["stopx"]  =321;
triangle["t18"]["stopy"]  =318;
triangle["t18"]["sirka"]  =243;

triangle["t19"] = new Array ();
triangle["t19"]["startx"] =1010;
triangle["t19"]["starty"] =320;
triangle["t19"]["arise"]  =190;
triangle["t19"]["stopx"]  =182;
triangle["t19"]["stopy"]  =302;
triangle["t19"]["sirka"]  =152;

triangle["t20"] = new Array ();
triangle["t20"]["startx"] =1010;
triangle["t20"]["starty"] =590;
triangle["t20"]["arise"]  =190;
triangle["t20"]["stopx"]  =205;
triangle["t20"]["stopy"]  =313;
triangle["t20"]["sirka"]  =125;

triangle["t21"] = new Array ();
triangle["t21"]["startx"] =50;
triangle["t21"]["starty"] =350;
triangle["t21"]["arise"]  =190;
triangle["t21"]["stopx"]  =195;
triangle["t21"]["stopy"]  =315;
triangle["t21"]["sirka"]  =78;

triangle["t22"] = new Array ();
triangle["t22"]["startx"] =50;
triangle["t22"]["starty"] =650;
triangle["t22"]["arise"]  =190;
triangle["t22"]["stopx"]  =314;
triangle["t22"]["stopy"]  =316;
triangle["t22"]["sirka"]  =282;

triangle["t23"] = new Array ();
triangle["t23"]["startx"] =650;
triangle["t23"]["starty"] =550;
triangle["t23"]["arise"]  =190;
triangle["t23"]["stopx"]  =665;
triangle["t23"]["stopy"]  =322;
triangle["t23"]["sirka"]  =195;

var products = new Array(); //cas v ktorom sa zobrazia jednotlive produkty
products["r11"]= new Array ();
products["r11"]["sh"] = 255;
products["r11"]["top"] =74;
products["r11"]["left"] =78;
products["r12"]= new Array ();
products["r12"]["sh"] = 88;
products["r12"]["top"] =74;
products["r12"]["left"] =240;
products["r13"]= new Array ();
products["r13"]["sh"] = 122;
products["r13"]["top"] =74;
products["r13"]["left"] =402;
products["r14"]= new Array ();
products["r14"]["sh"] = 100;
products["r14"]["top"] =74;
products["r14"]["left"] =564;
products["r15"]= new Array ();
products["r15"]["sh"] = 174;
products["r15"]["top"] =74;
products["r15"]["left"] =727;
products["r16"]= new Array ();
products["r16"]["sh"] = 88;
products["r16"]["top"] =74;
products["r16"]["left"] =890;
products["r17"]= new Array ();
products["r17"]["sh"] = 110;
products["r17"]["top"] =74;
products["r17"]["left"] =1053;

products["r21"]= new Array ();
products["r21"]["sh"] = 95;
products["r21"]["top"] =595;
products["r21"]["left"] =78;
products["r22"]= new Array ();
products["r22"]["sh"] = 215;
products["r22"]["top"] =595;
products["r22"]["left"] =240;
products["r23"]= new Array ();
products["r23"]["sh"] = 105;
products["r23"]["top"] =595;
products["r23"]["left"] =402;
products["r24"]= new Array ();
products["r24"]["sh"] = 79;
products["r24"]["top"] =595;
products["r24"]["left"] =564;
products["r25"]= new Array ();
products["r25"]["sh"] = 100;
products["r25"]["top"] =595;
products["r25"]["left"] =727;
products["r26"]= new Array ();
products["r26"]["sh"] = 83;
products["r26"]["top"] =595;
products["r26"]["left"] =890;
products["r27"]= new Array ();
products["r27"]["sh"] = 95;
products["r27"]["top"] =595;
products["r27"]["left"] =1053;


var trip = 0; // dlzka trvania cesty od a po b (pomocna)
var stredX = 627; // stred okna X
var stredY = 462; // stred okna Y
var nulaX = 0; // pociatok stranky v okne
var nulaY = 0; // pociatok stranky v okne
var sc = 1; // scale zmensenie/zvacsenie
var wX = 1255; // maximalna sirka okna
var wY = 924;  // maximalna vyska okna

function pocitaj() {
  // posun po casovej osi
  cas += tok;
// ----------------------------------------- polygony --------------------------
for(i=1;i<24;i++){ 
  var styl = document.getElementById("t"+i).style;
  if (cas >= triangle["t"+i]["arise"]){
    styl.visibility = "visible";  // zobrazenie polygonu
    // prepocita souradnice o x a y
	  triangle["t"+i]["x"] += triangle["t"+i]["shiftx"];
	  triangle["t"+i]["y"] += triangle["t"+i]["shifty"];
	  // porovnaj x , ak je mensia ako konecna tak nastav
	  var ax = triangle["t"+i]["x"];
	  var ay = triangle["t"+i]["y"];
	  var sx = triangle["t"+i]["stopx"];
	  var sy = triangle["t"+i]["stopy"];
	  var shx = triangle["t"+i]["shiftx"];
	  var shy = triangle["t"+i]["shifty"];
    if (shx < 0) {
	    if (ax > sx) {
        styl.left = ax+"px";
      } else {
        styl.left = sx+"px";
      }
    } else {
	    if (ax < sx) {
        styl.left = ax+"px";
      } else {
        styl.left = sx+"px";
      }
    }
	  // porovnaj y , ak je mensia ako konecna tak nastav
    if (shy < 0) {
	    if (ay > sy) {
        styl.top = ay+"px";
      } else {
        styl.top = sy+"px";
      }
    } else {
	    if (ay < sy) {
        styl.top = ay+"px";
      } else {
        styl.top = sy+"px";
      }
    }
  }
}
// -------------------------------------------- produkty -----------------------
   for(i=1;i<3;i++){ 
    for(j=1;j<8;j++){ 
      styl = document.getElementById("r"+i+j).style;
      if (cas >= products["r"+i+j]["sh"]){
      styl.width = Math.round(127*sc)+"px";
      styl.height = Math.round(127*sc)+"px";
        styl.visibility = "visible";  // zobrazenie produktu
        
      }
   }
   }
// -------------------------------------------- riadky -----------------------
    styl = document.getElementById("r1").style;
    if (cas >= ariseR1){
      styl.visibility = "visible";  // zobrazenie horneho riadka
    }
    styl = document.getElementById("r2").style;
    if (cas >= ariseR2){
      styl.visibility = "visible";  // zobrazenie dolneho riadka
    }
    styl = document.getElementById("lstop").style;
    if (cas >= ariseLS){
      styl.visibility = "visible";  // zobrazenie dolneho riadka
    }
    styl = document.getElementById("lanim").style;
    if (cas >= ariseLS){
      styl.visibility = "hidden";  // zobrazenie dolneho riadka
    }
// -------------------------------------------- pozadie -----------------------
    styl = document.getElementById("bk").style;
    var opty = (cas/ariseBK);
    if (opty <= 100){
      styl.filter = "alpha(opacity="+ opty*100 +")";  // zobrazenie pozadia
      styl.opacity = opty+"";
    } else {
      styl.filter = "alpha(opacity=100)";
      styl.opacity = "1";
    }
}

function start(){
  // zisti vysku okna a stred
  //wY = document.documentElement.clientHeight;
  wY = document.body.clientHeight;
  stredY = Math.round(wY/2); // stred okna Y
  // zisti sirku okna a stred
  //wX = document.body.clientWidth;
  wX = document.documentElement.clientWidth;
  //alert('nulaX ='+document.documentElement.clientWidth);
  stredX = Math.round(wX/2); // stred okna X
  // vypocitaj zmensenie
    if (wX <= 1261){
      if (wX <= 781) {
        sc = 0.619; // minimalny rozmer stranky
      } else {
        sc = wX/1261; // scale zmensenie/zvacsenie
      }
    } else {
      sc = 1; // scale zmensenie/zvacsenie
    } 
  // vypocitaj sirku a vysku stranky
  pageW = Math.round(1261*sc)-6;
  pageH = Math.round(811*sc)-6;
  // vypocitaj nulu
  nulaX = Math.round((wX - pageW)/2); // pociatok stranky v okne
  nulaY = Math.round((wY - pageH)/2); // pociatok stranky v okne
  // nula je najmenej nula !!!
  if (nulaX <= 0){ nulaX = 0;}
  if (nulaY <= 0){ nulaY = 0;}
  // ---------------------------------------------------------------------------
  //     nastavenie parametrov pozadia, textu a produktov
  // ---------------------------------------------------------------------------
  var objekt = document.getElementById("bk").style; // pozadie
  objekt.position = "absolute";
  objekt.top = nulaY+'px';
  objekt.left = nulaX+'px';
  objekt.width = pageW+'px';
  objekt.height = pageH+'px';
  // ------------------- text --------------------------------------------------
  objekt = document.getElementById("r1").style; // e-mail
  objekt.top = nulaY+744*sc+'px';
  objekt.left = nulaX+78*sc+'px';
  objekt.fontSize = 27*sc+'px';
  // ------------------- text --------------------------------------------------
  objekt = document.getElementById("r2").style; // telefon
  objekt.top = nulaY+744*sc+'px';
  objekt.left = nulaX+732*sc+'px';
  objekt.width = 450*sc+'px';
  objekt.fontSize = 27*sc+'px';
  // ------------------- text --------------------------------------------------
  objekt = document.getElementById("mail").style; // mail
  objekt.fontSize = 27*sc+'px';
  
  // nastavenie pociatocnych parametrov produktov
  var rozmer = Math.round(127*sc);
  for(i=1;i<3;i++){ 
  for(j=1;j<8;j++){ 
    tri = document.getElementById("r"+i+j).style;
      tri.width = rozmer+'px';
      tri.height = rozmer+"px";
      tri.position = "relative";
      tri.top = "0px";
      tri.left = "0px";
    tri = document.getElementById("a"+i+j).style;
      tri.top = nulaY+Math.round(products["r"+i+j]["top"]*sc)+'px';
      tri.left = nulaX+Math.round(products["r"+i+j]["left"]*sc)+'px';
      tri.visibility = "hidden";  // skrytie produktu
  }
  }
  
  // nastavenie pociatocnych parametrov polygonov
  var startX = 0; // vynulovanie premennych
  var startY = 0; // vynulovanie premennych
  var stopX = 0;  // vynulovanie premennych
  var stopY = 0;  // vynulovanie premennych
  
  for(i=1;i<24;i++){ 
  var tri = document.getElementById("t"+i).style;
    // vypocet hodnot vzhladom k velkosti okna
    startX = nulaX+triangle["t"+i]["startx"]*sc;
    startY = nulaY+triangle["t"+i]["starty"]*sc;
    stopX = nulaX+(110+triangle["t"+i]["stopx"])*sc;
    stopY = nulaY+triangle["t"+i]["stopy"]*sc;
    tw = triangle["t"+i]["sirka"]*sc;
    
    tri.left = startX; // startovacia pozicia left
    tri.top = startY;  // startovacia pozicia top
    tri.width = tw;
    
    // zapisanie vypocitanych hodnot
    triangle["t"+i]["x"] = startX; // aktualna pozicia left
    triangle["t"+i]["y"] = startY;  // aktualna pozicia top
    triangle["t"+i]["startx"] = startX; // startovacia pozicia left
    triangle["t"+i]["starty"] = startY;  // startovacia pozicia top
    triangle["t"+i]["stopx"] = stopX; // konecna pozicia left
    triangle["t"+i]["stopy"] = stopY;  // konecna pozicia top
    
    trip = (triStop - triangle["t"+i]["arise"])/tok; //vypocet dlzky cesty
    // vypocet posunov
    triangle["t"+i]["shiftx"] = (stopX - startX)/ trip;
    triangle["t"+i]["shifty"] = (stopY - startY)/ trip;
    tri.visibility = "hidden";  // skrytie polygonu
  }
  
  document.getElementById("r1").style.visibility = "hidden";
  document.getElementById("r2").style.visibility = "hidden";
  document.getElementById("bk").style.filter = "alpha(opacity=0)";
  var lw = nulaX+Math.round(1255*sc);
  var iw = Math.round(695*sc);
  var lt = nulaY+Math.round(294*sc);
  
  document.getElementById("lanim").style.visibility = "visible";
  document.getElementById("ta").style.width = lw+'px';
  document.getElementById("lanim").style.width = iw+'px';
  document.getElementById("ta").style.top = lt+'px';

  document.getElementById("ts").style.width = lw+'px';
  document.getElementById("lstop").style.width = iw+'px';
  document.getElementById("ts").style.top = lt+'px';
  document.getElementById("lstop").style.visibility = "hidden";
	// rozbehnutie animacie
	IntervalID = window.setInterval("pocitaj()", snimka) 	// spusta prepocty po uplynuti casu snimky
}

function krok(stepX,stepY,obj){
  var tri = document.getElementById(obj).style;
	// prepocita souradnice o souradnice x a y a premiestni prvok
	// lze zadavat i zaporne hodnoty
	
	// prepocita souradnice o x a y
	poziceX += stepX;
	poziceY += stepY;
	
	// premisti prvek
	tri.left = poziceX + "px";
	tri.top = poziceY + "px";

}
function stop(){
  // zastavenie animacie - nastavi cas na hodnotu za koncom animacie
  cas = 1000;
  // nastavenie konecnych parametrov polygonov
  for(i=1;i<24;i++){ 
  var tri = document.getElementById("t"+i).style;
    tri.left = triangle["t"+i]["stopx"]; // konecna pozicia left
    tri.top = triangle["t"+i]["stopy"];  // konecna pozicia top
    triangle["t"+i]["x"] = triangle["t"+i]["stopx"]; // konecna pozicia left
    triangle["t"+i]["y"] = triangle["t"+i]["stopy"];  // konecna pozicia top
    tri.visibility = "visible";
  }
  // pozadie na povodnu hodnotu
  document.getElementById("bk").style.filter = "alpha(opacity=100)";
  document.getElementById("bk").style.opacity = "1";
  // zobrazit riadky  
  document.getElementById("r1").style.visibility = "visible";
  document.getElementById("r2").style.visibility = "visible";
  // zobrazit produkty
  rozmer = Math.round(127*sc);
  for(i=1;i<3;i++){ 
  for(j=1;j<8;j++){ 
    pro = document.getElementById("a"+i+j).style;
      pro.visibility = "visible";  // zobrazenie produktu
      //alert('nulaX ='+Math.round(127*sc));
      pro.width = rozmer+"px";
      pro.height = rozmer+"px";
    pro = document.getElementById("r"+i+j).style;
      pro.visibility = "visible";  // zobrazenie produktu
  }
  }
  // logo
  document.getElementById("lanim").style.visibility = "hidden";
  document.getElementById("lstop").style.visibility = "visible";
  window.clearInterval(IntervalID);
}