/**
 * vrati cookie dle name
 * @param string Name
 */
function getCookie(Name) {
  replace = new RegExp(Name + "=[^;]+", "i");
  if (document.cookie.match(replace)) {
    return document.cookie.match(replace)[0].split("=")[1]
  }
  return null;
}

/**
 * nastavi cookie
 * @param string name
 * @param string value
 */
function setCookie(name, value) {
  expires = new Date();
  expires_str = expires.setDate(expires.getDate()+parseInt(365));
  document.cookie = name + "=" + value + "; expires=" + expires.toGMTString() + "; path=/";
}

/**
 * Zalozky
 * *** objekt ktery umi zalozky ***
 * copyright 2009 Michal Sobola : msobola@seznam.cz
 * soubor muzete libovolne modifikovat i sirit dal, jen prosim ponechte v kodu tuto hlavicku
 *
 * nasazeni :
 * zakomentovane metody jsou nepovinne 
 */
/**
  
  Zalozky = new Zalozky();
  Zalozky.setTabMenu('menu'); // id menu
  // Zalozky.setTabElement('div'); // prvek, ktery je zalozka (vychozi je div)
  // Zalozky.setTabClassName('d_box'); // css trida zalozky (vychozi je d_box)
  // Zalozky.setActiveClass('active'); // trida aktivni polozky odkazu menu (vychozi je active)
  // Zalozky.setCookieName('showTab'); // jmeno cookie, kt. budeme ukladat (vychozi je showTab)
  // Zalozky.setActiveTabNo(0); // poradi zalozky, ktera bude zobrazena defaultne (vychozi je nulta)
  // Zalozky.setPlynulyPrechod(true); // budeme vyjizdej plynule (vychozi je ne)
  // Zalozky.setTimeoutValue(10); // hodnota timeoutu v milisec. pro vyjizdeni (vychozi je 10)
  // Zalozky.setDimension('x'); // smer, kterym vyjizdime zalozky (pokud vyjizdime) - v pripade ze je hodnota X - je nutne nastavit sirku zalozky (vychozi je Y)
  // Zalozky.setTabWidth(200); // pokud vyjizdime ze strany na stranu (osa X), je nutne nastavit css sirku objektu zalozek (nema vychozi hodnotu)
  // Zalozky.setCookieRemember(false); // nebude si pamatovat posledni otevrenou zalozku
  Zalozky.init();

*/ 

function Tabs() 
{
  
  /**
   * id zalozkoveho menu
   * @var string
   */
  var tabMenuId;

  /**
   * trida zalozky
   * @var string
   */
  var tabClassName = 'dombox';
  
  /**
   * name elementu, ktery je zalozkou - pro rychlejsi vyfiltrovani
   * @var string
   */
  var tabElement = 'div';
  
  /**
   * trida aktivniho odkazu zalozkoveho menu
   * @var string
   */
  var activeClass = 'active';
  
  /**
   * jmeno cookie, kt. budeme ukladat
   * @var string
   */
  var cookieName = 'showTab';
  
  /**
   * bude / nebude si pamatovat posledni navstivenou zalozku
   * @var bool
   */
  var cookieRemember = true;
  
  /**
   * poradi defaultne aktivni zalozky
   * @var int
   */
  var activeTabNo = 0;
  
  /**
   * budeme vyjizdet plynule?
   * @var bool
   */
  var plynulyPrechod = true;
  
  /**
   * timeout v ms
   * @var int
   */
  var timeoutValue = 10;
  
  /**
   * sirka zalozky - pro plynule vyjizdeni do strany
   * @var int
   */
  var saveWidth = 0;
  
  /**
   * smer pri plynulem vyjizdeni - x | y
   * @var enum(x,y)
   */
  var dimension = 'y';

  /**
   * zalozkove menu - pouze odkazy
   * @var array
   */
  var tabMenu = [];
  
  /**
   * zalozkove divy
   * @var array
   */
  var domTabs = [];
  
  /**
   * pocitadlo timeoutu
   * @var int
   */
  var counter;
  
  /**
   * bezici timeouty
   * @var array
   */
  var runningTimeouts = [];
  
  /**
   * regular pro kotvu v url
   * @var object
   */
  var locationHash = new RegExp('^#');
  
  /**
   * regular pro odkaz
   * @var object
   */
  var anchorHash = new RegExp('^([^#]*)#');

  /**
   * aktualni kotva
   * @var string
   */
  var kotva;
  
  /**
   * aktualni cookie
   * @var string
   */
  var cookieShow;
  
  /**
   * aktivni index
   * @var int
   */
  var activeIndex;

  /**
   * sam svuj metlos
   * @var object
   */
  var that = this;

  /**
   * nastavi zalozkove menu
   * @param string html id
   */
  this.setTabMenu = function(id)
  {
    tabMenuId = String(id);
    tabMenu = document.getElementById(id).getElementsByTagName('a');
  };
    
  /**
   * nastavi jmeno elementu, kt. budou zalozky - pro lepsi filtrovani
   * @param string elem html tag name       
   */
  this.setTabElement = function(elem)
  {
    tabElement = String(elem);
  };
  
  /**
   * nastavi html tridu zalozek
   * @param string html class    
   */
  this.setTabClassName = function(tabClassNameArg)
  {
    tabClassName = String(tabClassNameArg);
  };
  
  /**
   * nastavi aktivni tridu odkazu menu - mohou mit pouze jednu tridu   
   * @param string html class   
   */
  this.setActiveClass = function(activeClassArg)
  {
    activeClass = String(activeClassArg);
  };
  
  /**
   * jmeno cookie, kt.budmeme nastavovat
   * @param string cookieName      
   */
  this.setCookieName = function(cookieNameArg)
  {
    cookieName = String(cookieNameArg);
  };
  
  /**
   * nastavi, zda-li si budeme / nebudeme pamatovat posledni otevrenou zalozku
   * @param bool remember
   */
  this.setCookieRemember = function(remember)
  {
    cookieRemember = (remember ? true : false);
  };
  
  /**
   * nastavi cislo defaultne aktivni zalozky   
   * @param int no poradi zalozky zacinajici od 0
   */
  this.setActiveTabNo = function(no)
  {
    activeTabNo = parseInt(no);
  };
  
  /**
   * budou zalozky vyjizdet plynulym pohybem?
   * @param bool prechod
   */
  this.setPlynulyPrechod = function(prechod)
  {
    plynulyPrechod = (prechod ? true : false);
  };
  
  /**
   * nastavi hodnotu timeoutu v milisekundach
   * @param int value   
   */   
  this.setTimeoutValue = function(value)
  {
    timeoutValue = parseInt(value);
  };
  
  /**
   * nastavi smer plynuleho prechodu
   * @param string enum value (x | y)
   */
  this.setDimension = function(value)
  {
    if (value == 'x' || value == 'y') {
      dimension = value;
    }
  };
  
  /**
   * ulozi sirku zalozky - kvuli rozpinani do stran
   * @param int width
   */
  this.setTabWidth = function(width)
  {
    saveWidth = parseInt(width);
  };

  /**
   * inicializace
   */
  this.init = function()
  {
    domTabs = getElementsByTagAndClassName(tabElement, tabClassName);
    kotva = document.location.hash.replace(locationHash, '');
    cookieShow = getCookie(cookieName);

    if (kotva != '') {
      activeIndex = kotva.replace('#', '');
    } else if (cookieShow !== null && cookieRemember) {
      activeIndex = cookieShow;
    } else {
      activeIndex = domTabs[activeTabNo].id;
    }

    displayTabs();
    activateAnchors(true);
  };
  
  /**
   * preklikavani zalozek - funkce pridana na onclick odkazum
   * @param string link html href 
   */
  this.switchTab = function(link)
  {
    link = link.replace(anchorHash, '');

    activateAnchors(false, link);
    displayTabs(link, true);
    
    setCookie(cookieName, link);
    
    return false;
  };
  
  /**
   * ziskani danych elementu s urcitou html tridou
   * @param string htmlTagName jmeno html tagu
   * @param string htmlClassName jmeno html tridy      
   */
  function getElementsByTagAndClassName(htmlTagName, htmlClassName)
  {
    j = 0;
    elems = [];
    maybeElems = document.getElementsByTagName(htmlTagName);
    for (i = 0; i < maybeElems.length; i++) {
      if (maybeElems[i].className == htmlClassName) {
        elems[j] = maybeElems[i];
        j++;
      }
    }
    return elems; 
  }
  
  /**
   * pridani akce na onclick
   */
  function setOnclickAction(tabMenu, i)
  { 
    tabMenu[i].onclick = function() {
      that.switchTab(this.href);
      return false;
    };
  }

  /**
   * zmena tridy odkazu, pridani akce na onclick
   * @param bool addOnclick s timto parametrem volame pouze pri loadu stranky
   * @param string toActivate hodnota odkazujici kotvy elementu, ktery bude aktivni       
   */
  function activateAnchors(addOnclick, toActivate)
  {
    // nepovinny argument
    if (toActivate === undefined) {
      toActivate = activeIndex;
    }
    
    // aktivace menu
    for (i = 0; i < tabMenu.length; i++) {
      href = tabMenu[i].href.replace(anchorHash, '');
      if (toActivate == href && typeof wasActivated === 'undefined') {
        tabMenu[i].className = activeClass;
        wasActivated = true;
      } else {
        tabMenu[i].className = '';
      }
      if (addOnclick) {
        setOnclickAction(tabMenu, i);
      }
    }
    
    // kdyby neco selhalo, aktivujeme prvni
    if (typeof wasActivated === 'undefined') {
      tabMenu[0].className += ' ' + activeClass;
    }
    
    // smazeme promennou kvuli dalsimu volani fce
    delete wasActivated;
  }

  /**
   * zobrazeni zalozek
   * @param string toActivate ID zalozky na zobrazeni
   * @param bool wasClicked pri loadu stranky preskocime pripadny plynuly efekt
   */
  function displayTabs(toActivate, wasClicked)
  {
    // nepovinne argumenty
    if (toActivate === undefined) {
      toActivate = activeIndex;
    }
    
    if (wasClicked === undefined) {
      wasClicked = false;
    }
    
    // zobrazeni zalozek
    for (i = 0; i < domTabs.length; i ++) {
      if (toActivate == domTabs[i].id && typeof wasDisplayed === 'undefined') {
        domTabs[i].style.display = 'block';
        toShow = domTabs[i];
        wasDisplayed = true;
      } else {
        domTabs[i].style.display = 'none';
      }
    }
    
    // kdyby neco selhalo, zobrazime prvni
    if (typeof wasDisplayed === 'undefined') {
      domTabs[0].style.display = 'block';
    }
    
    // smazeme promennou kvuli dalsimu volani fce
    delete wasDisplayed;

    // vyjizdime plynule?
    if (plynulyPrechod && wasClicked) {
      toShow.style.overflow = 'hidden';
      counter = 0;
      
      // zlikvidujeme bezici timeouty
      for (i = 0; i < runningTimeouts.length; i++) {
        clearTimeout(runningTimeouts[i]);
      }
      
      // podminka pro vyjizdeni do strany nebo dolu
      if (dimension == 'x') {
        toShow.style.width = 0;
        runningTimeouts[counter] = setTimeout(function() { that.showElemX(toShow, counter); }, timeoutValue);
      } else if (dimension == 'y') {
        toShow.style.height = 0;
        runningTimeouts[counter] = setTimeout(function() { that.showElemY(toShow, counter); }, timeoutValue);
      }
    }
  }
  
  /**
   * plynule zobrazi zalozku shora dolu
   * @param object elem zalozky, se kt. pracujeme
   * @param int counter pocet probehlych timeoutu    
   */
  this.showElemY = function(elem, counter)
  { 
    counter++;
    if (elem.scrollHeight > elem.offsetHeight){
      posun = Math.round((elem.scrollHeight-elem.offsetHeight) / timeoutValue);
      if (posun < 1) {
        posun = 1;
      }
      elem.style.height = (elem.offsetHeight+posun) + 'px';
      runningTimeouts[counter] = setTimeout(function() { that.showElemY(elem, counter); }, timeoutValue);
    }
  };
  
  /**
   * plynule zobrazi zalozku ze strany na stranu
   * @param object elem zalozky, se kt. pracujeme
   * @param int counter pocet probehlych timeoutu    
   */
  this.showElemX = function(elem, counter)
  {
    counter++;
    if (saveWidth > elem.offsetWidth){
      posun = Math.round((saveWidth-elem.offsetWidth) / timeoutValue);
      if (posun < 1) {
        posun = 1;
      }
      elem.style.width = (elem.offsetWidth+posun) + 'px';
      runningTimeouts[counter] = setTimeout(function() { that.showElemX(elem, counter); }, timeoutValue);
    }
  }
}