// main.js

  var kosik = new Cart();

  // konstanty
  function Consts()
  {
	this.natural = 'e0d0b8';  // EFBE8C
	this.terra = 'c8b4a0';    // F7B28C 
	this.bronze = 'CEA28C';   // c8a888
	this.coco = '9C6542';     // c09478
	  
	this.bck_act = this.coco;
	this.bck_pas = this.terra;
	this.col_act = 'ffffff';
	this.col_pas = '000000';
	this.fade_pas = this.natural;
    this.in_step = 5;
	this.out_step = 20;
  }
  var con = new Consts();

  // anim init
  var myAnim = new Engine('myAnim', 10);   // <Engine> objekt
  
  /* inicializacia CSS a akcii buttonov */
  for (var i=1; i<=15; i++)
  {
    button = document.getElementById('btn_'+i);
    myAnim.addElement(button);
    button.setCSS('bck', con.bck_pas);
    button.setCSS('col', con.col_pas);
    button.setCSS('left', 0);
    button.setCSS('top', 0);
    button.addAction('fadeIn', 1, con.bck_act, 1, con.in_step);
    button.addAction('fadeOut', 1, con.bck_pas, 1, con.out_step);
    button.addAction('textIn', 2, con.col_act, 1, 33);
    button.addAction('textOut', 2, con.col_pas, 1, 33);
    if (i>9)
    {
      button.addAction('H_In', 7, 3, 3);
      button.addAction('H_Out', 7, 3, 4);
    }
    button.addAction('V_In', 8, 3, 3, 4*Math.PI);
    button.addAction('V_Out', 8, 3, 4, 4*Math.PI);
    if (i<=9) button.H_menu = true;
    else button.V_menu = true;
  }

  /* init img & p elementz 4 Item: produkty */
  var im=null, obr=new Image();
  for (i=1; i<=10; i++)
  {
	im = document.getElementById('prod_img_'+i);
    im.popis = document.getElementById('prod_p_'+i);
	myAnim.addElement(im);
	myAnim.addElement(im.popis);
	im.popis.setCSS('col', con.fade_pas);
    im.setCSS('bor', con.fade_pas);
	im.setCSS('hei', 150);
	//im.style.margin = '0px 0px 100px 0px';
	obr.src = im.src;
	im.vyska = 350; //obr.height;
	im.setCSS('top', Math.round(im.vyska/2));
	im.addAction('inflate', 6, im.vyska, 1, 20);
	im.addAction('move_up', 8, im.style.top-Math.round(im.vyska/2), 1, 20);
	im.addAction('move_ret', 8, 100, 1, 20);
	im.addAction('deflate', 6, 150, 1, 40);
	im.addAction('borderCycle', 3, con.coco, 2, Math.PI);
	im.addAction('borderRet', 3, con.fade_pas, 1);
	im.popis.addAction('fadeIn', 2, con.coco, 1, con.in_step);
	im.popis.addAction('fadeOut', 2, con.fade_pas, 1, con.out_step);
  }

  sel_btn(document.getElementById('btn_1'),'V_menu');
  sel_btn(document.getElementById('btn_10'),'H_menu');
  
/************************************************************************************/
/********************************   Functionz   *************************************/
  
/* animacia buttonu */
function btn(elem, evnt)
{
  if (evnt=='over') {
    elem.startAction('fadeIn');
    elem.startAction('textIn');
    //if (!elem.selected) elem.startAction('H_In');
  }
  else if (evnt=='out') {
    if (!elem.selected) {
      elem.startAction('fadeOut');
      elem.startAction('textOut');
      //elem.startAction('H_Out');
    }
  }
}

function sel_btn(elem)
{
  var bt;
  var a = new Array(10,11,12);
  if (elem.H_menu)
  {
    for (var i=1; i<=9; i++)
    {
	  bt = document.getElementById('btn_'+i);
	  if (bt.selected && bt!=elem)
	  {
        bt.selected = false;
        btn(bt, 'out');
      }
	}
	elem.selected = true;
	btn(elem, 'over');
  }
  else if (elem.V_menu)
  {
    for (var i=0; i<a.length; i++)
    {
	  bt = document.getElementById('btn_'+a[i]);
	  if (bt.selected && bt!=elem)
	  {
		bt.startAction('V_Out');
		bt.selected = false;
		btn(bt,'out');
	  }
	}
	elem.selected = true;
	elem.startAction('V_In');
	//elem.startAction('H_Out');
	btn(elem, 'over');
  }
}
/* animacia IMG elementu */
function img(IMG_element, evnt) {
  if (evnt=='over') {
    // paragraph color
	for (var i=1; i<=7; i++) document.getElementById('prod_p_'+i).style.display = 'none';
	IMG_element.popis.style.display = 'block';

    IMG_element.popis.startAction('fadeIn');   // popis color
	IMG_element.startAction('borderCycle');   // image border
	IMG_element.startAction('inflate');   // img height
	IMG_element.startAction('move_up');   // img height
	
  }
  else if (evnt=='out') {
    IMG_element.popis.startAction('fadeOut');
	IMG_element.startAction('borderRet');
	IMG_element.startAction('deflate');
	IMG_element.startAction('move_ret');
  }
}