// --- INIT --------------------------------------------------------------------
window.onload=function(){ init(); };

function init() {
  //menuInit(); //inicializace rozbalovaciho menu
  //menuAttachLinks('homepage'); //zajisti rozbalene menu v ramci webu, nepriradi funkcnost rozbalovani k tride 'homepage', a zoomovacim nahledum //, image-tn-small, image-tn-small-hover
  inputNumbersOnlyInit('numbersonly');
  showImageInit('popupImage');
  if(top.length != self.length) top.location.href = self.location.href; //je-li stranka nactena v ramu, nacte se do top ramu
  
  //zvýrazním aktuální produkt
  els = getElementsByClass('product-box', getObj('content'));
  for(i=0; i<els.length; i++) {
    addEvListener(els[i], 'mouseover', actualCellHighlight, false);
  }

  //na stránce category.php nabinduji zvyrazneni aktualni stranky
  //loc = top.location.href.toString();
  //if(loc.indexOf("category.php")!=-1) { show_hide('filterContainer', 'filterBind', true); }

}


// --- CONSTANTS ---------------------------------------------------------------
var menu_param = 'ukaz'; //nazev parametru v url, ve kterem se predava seznam rozbalenych menu

//rozlišení prohlížečů
var ua = navigator.userAgent;
var isMSIE = (navigator.appName == "Microsoft Internet Explorer"); // používáme Internet Explorer?
var isMSIE5 = isMSIE && (ua.indexOf('MSIE 5') != -1); // používáme Internet Explorer 5?
var isMSIE6 = isMSIE && (ua.indexOf('MSIE 6') != -1); // používáme Internet Explorer 6?
var isMSIE7 = isMSIE && (ua.indexOf('MSIE 7') != -1); // používáme Internet Explorer 7?
var isGecko = ua.indexOf('Gecko') != -1; // používáme Gecko? (na Safari také true)?
var isSafari = ua.indexOf('Safari') != -1; // používáme Safari?
var isOpera = window['opera'] && opera.buildNumber ? true : false; // používáme Operu?
var isMac = ua.indexOf('Mac') != -1; // používáme Mac?
var isNS7 = ua.indexOf('Netscape/7') != -1; // používáme Netscape7 ?
var isNS71 = ua.indexOf('Netscape/7.1') != -1; // používáme Netscape7.1 ?
// používáme opravdu Internet Explorer (odliší Operu vydávající se za IE)?
if(isOpera) { isMSIE = true; isGecko = false; isSafari =  false; } // emulace MSIE na Opere
isIE = isMSIE && !isOpera;


// --- FUNCTIONS ---------------------------------------------------------------

/** Pokud je hodnota pole rovna default hodnotě, vymaže ji a odstraní i třídu pro šedý text
 *
 *
 *
 */
function defaultValueClear(o, defaultValue, inactiveClass) {
  if(!inactiveClass) { inactiveClass = 'inactive'; }
  
  if(o.value==defaultValue) {
    o.value=''; //vymažu pole
    //odstraním třídu pro šedý text
    var re = new RegExp("\s*" + inactiveClass);
    o.className = o.className.replace(re, "");
  }
}

/** Nastaví zvýraznění obrázku u buňky prodsuktu, nad kterým myš aktuálně je
 *  POZOR: nezapomenout mít ošetřeny správné filtry na TAGy v getElementsByClass, pokud rychlost nevadí, lepší je tam nemít
 *  @param {event} e  event z browseru, spuštěný na stisk klávesy
 */
function actualCellHighlight(e) {
  evt = adaptEvent(e);

  //najdu root element buňky
  object = evt['target'];
  var searchPattern = new RegExp("product-box");
  while(!searchPattern.test(object.className)) {
    if(object.parentNode!=null) { object = object.parentNode; } else { return; } //pokud neni rodic bunky nalezen, event ignoruji
  }

  //najdu v aktivní buňce obrázek a nadpis
  img2hl = null; title2hl = null;
  els = getElementsByClass('product-img', object, 'img');
  img2hl = els[0];
  els = getElementsByClass('product-title', object, 'div');
  title2hl = els[0];

  //updatuji třídy obrázkům
/*
  els = getElementsByClass('product-img', getObj('content'), 'img');
  for(i=0; i<els.length; i++) {
    els[i].className = (els[i]==img2hl) ? "product-img actual" : "product-img";
  }
*/

  //updatuji třídy nadpisům
  els = getElementsByClass('product-title', getObj('content'), 'div');
  for(i=0; i<els.length; i++) {
    els[i].className = (els[i]==title2hl) ? "product-title cell-actual" : "product-title";
  }
}

/** Nabinduje k INPUTům třídy className funkci, která omezuje psaní pouze na čísla
 *  @param {string} className  CSS třída, která označuje elementy kde lze psát jen čísla
 */
function inputNumbersOnlyInit(className) {
  els = getElementsByClass(className);
  for(i=0; i<els.length; i++) {
    addEvListener(els[i], 'keyup', onlyDigits, false);
  }
}

/** Umožní psát do elementu pouze čísla
 *  @param {event} e  event z browseru, spuštěný na stisk klávesy
 */
function onlyDigits(e) {
  evt = adaptEvent(e);
  object = evt['target'];

  var chars = "0123456789-.,"; //validni znaky
  var s = object.value;
  var output = '';

  for(var i=0; i<s.length; i++) {
    if(chars.indexOf(s.charAt(i))!==-1) { output = output + s.charAt(i); } //pridam jen validni znaky
  }
  object.value = output;
}

/** Zobrazení/skrytí elementu, případně nabindovaní klikáni na určitý element
 *  @param {string} elementId  element pro skrytí/zobrazení
 *  @param {string} attachId   na který element nabindovat skrytí/zobrazení elementId
 *  @param {boolean} init      zda se jedná o inicializaci (=budeme nastavovat počáteční zobrazení)
 */
function show_hide(elementId, attachId, init) {
  //nabindujeme skrývání/zobrazení elementu
  if(attachId!=null) {
    addEvListener(attachId, 'click', function() { show_hide(elementId); } );
  }

  //pokud jde o inicializaci, nastavíme počáteční stav, jinak provedeme změnu
  o = getObj(elementId);
  if(!o) { return; } //nejsou parametry -> není co filtrovat, ukončím
  
  if(init==true) {
    o.style.display = 'none';
  } else {
    if(o.style.display=='none') { o.style.display = 'block'; } else { o.style.display = 'none'; }
  }

  return true;
}


/** Otevře pop-up okno (pro obrázek)
 *  @param {string} url      adresa otevírané stránky
 *  @param {integer} width   šířka okna v px
 *  @param {integer} height  výška šířka v px
 */
function showImage(odkaz, width, height) {
  window.open(odkaz+"&width="+width+"&height="+height, "foto", "width="+(width)+",height="+(height)+", toolbar=no, status=no, location=no, menubar=no, resizable=no");
  return false; //pokud funguje javascript, zastavim provadeni akce, ktera je v HREF
}

/** Na odkazy pro zobrazení fotky nabinduje JS funkci
 *  Předpokládá parametry width a height v url odkazu
 *  @param {string} imageHrefClass   název třídy, na kterou se mají JS bindovat
 */
function showImageInit(imageHrefClass) {
  heightRE = new RegExp("height=(\\d+)", "i");
  widthRE = new RegExp("width=(\\d+)", "i");

  var els = getElementsByClass(imageHrefClass, document, 'a');
  for(i=0; i<els.length; i++) {
    anchor = els[i];
    href = anchor.href.toString();
    if(!href.length) { continue; } //odkazy bez href přeskočíme
    hResults = href.match(heightRE); height = hResults[1]; //nultý prvek je celý regulární výraz, první prvek je první subvýraz
    wResults = href.match(widthRE); width = wResults[1];
    if(!height || !width) { continue; } //obrázky bez definovaných rozměrů přeskočíme

    //na odkaz nabinduji fci pro poup zobrazení obrázku
    addEvListener(anchor, 'click', showImageInitGenerateAnonymous(href, width, height), false);
  }

}

/**
 * Pomocná fce k popup obrázkům pro předávání parametrů hodnotou
 */
function showImageInitGenerateAnonymous(href, width, height) {
  return function() { showImage(href, width, height); };
}

/** Otevře pop-up okno (pro stránku)
 *  @param {string} url      adresa otevírané stránky
 *  @param {integer} width   šířka okna v px
 *  @param {integer} height  výška šířka v px
 */
function show_page(url, width, height) {
  window.open(odkaz, "page", "width="+width+",height="+height+", toolbar=no, status=yes, location=no, menubar=no, scrollbars=yes");
  return false;
}


/** Inicializace menu - skrytí a zobrazení potřebných podmenu
 */
function menuInit() {

  //nactu vsechny podmenu
  objs = getElementsByClass('submenu', getObj('menu'));

  //nactu z GET parametru 'ukaz', ktere podmenu mam rozbalit
  var tmp = getURLParam(menu_param);
  var submenu_show = tmp.split(",");
  for(x=0; x<submenu_show.length; x++) { submenu_show[x] = parseInt(submenu_show[x]); } //prevedu na cisla

  //prochazim vsechny podmenu a nastavuji zobrazeni/skryti
  for(s=0; s<objs.length; s++) {
    objs[s].style.display = "none";
    for(x=0; x<submenu_show.length; x++) {
      if(s==submenu_show[x]) { objs[s].style.display = "block"; break; }
    }
  }
}


/** Vloží do odkazu, na který se kliknulo seznam otevřených podmenu
 *  @param {event} e  event předaný z browseru
 */
function menuTerminate(e) {
  evt = adaptEvent(e);
  object = evt['target'];

  //nactu vsechny podmenu
  objs = getElementsByClass('submenu', getObj('menu'));

  //zjistim, ktere podmenu jsou rozbalene
  var submenu_show = new Array();
  for(x=0; x<objs.length; x++) {
    if(objs[x].style.display=="block") { submenu_show[submenu_show.length] = x; } //vlozim do pole cisla viditelnych podmenu
  }

  while(object.tagName.toLowerCase()!='a') { //pokud ud8lost nezp;sobil odkaz ale nějaký objekt v něm, přesuneme se až na odkaz
    if(object.parentNode!=null) { object = object.parentNode; } else { return; } //pokud není odkaz nalezen, ukončím a ignoruji
  }
  link = object.href;
  
  if(submenu_show.length) { //pokud je rozbalene alespon nejake podmenu
    if(link.indexOf("?") == -1) { link += "?"; } else { link += "&"; }
    link += menu_param +"=";
    for(i=0; i<submenu_show.length; i++) {
      separator = (i==submenu_show.length-1) ? "" : ","; //vlozim oddelovac krome posledniho prvku
      link += submenu_show[i] + separator;
    }
    object.href = link; //prepiseme odkaz v prvku, nad kterym probehla udalost (kliknuti)
  }
}


/** Zobrazení / skrytí elementu
 *  @param {string} id  id elementu, který zobrazit/skrýt
 */
function menuSwitch(id) {
  object = getObj(id);
  object.style.display = (object.style.display=='none') ? "block" : "none";
  return false; //zabrani přejití na stránku, která je v href
}

/** Přiřadí všem odkazům funkci menuTerminate na událost kliknutí (lze omezit na vnitřek objektu doc, implicitně celý dokument)
 *  @param {string} exceptClasses  jména tříd (oddělené čárkou), které z přiřazení vynechávám
 *  @param {object} [doc]          objekt, ve kterém přiřazování provádím, default=document
 */
function menuAttachLinks(exceptClasses, doc) {
  if(!doc) { doc = document; } //implicitne prochazim v celem dokumentu

  var exeptions = exceptClasses.split(","); //pole s vyjímkami, u kterých ID nepřiřadit handler
  var patterns = new Array(); //pole s regularnimi vyrazy, hledajicimi dane tridy
  for(i=0; i<exeptions.length; i++) {
    if(!exeptions[i]) { continue; } //prazdne tridy preskocim
    patterns[i] = new RegExp("(^|\\s)" + exeptions[i] + "(\\s|$)");
  }

  //nactu vsechny kotvy
  as = doc.getElementsByTagName('a');
  for(i=0; i<as.length; i++) {
    if(as[i].href==NaN) { continue; } //neodkazy preskocim
    if(as[i].href=='' || as[i].href.substr(0, 1)=="#") { continue; } //odkazy v ramci stranky preskocim
    if(isExternalLink(as[i])) { continue; } //externi preskocim

    if(as[i].className) { //zpracovavam vyjimky
      is_exception = false;
      for(j=0; j<patterns.length; j++) {
        if(patterns[j].test(as[i].className)) { is_exception=true; break; }
      }
      if(is_exception) { continue; } //třídu patrici do vyjímek preskocim
    }

    addEvListener(as[i], 'click', menuTerminate, false); //priradim udalost
  }
}


/** Otestuje, zda je počet kusů k obednání skladem
 *  @param {string|object} input   pole s hodnotou počtu kusů
 *  @param {integer} count_stored  počet kusů na skladě
 *  @param {string} product_name   název výrobku
 *  @param {string} [change_class]   CSS třída input prvku v případě chyby, default='border-err'
 */
function check_amount(input, count_stored, product_name, change_class) {
  if(typeof input == 'string') { o = getObj(input); } else { o = input; }//mohu předat i ID elementu
  if(!change_class) { change_class='border-err'; } //default trida pole s kusy pri chybe

  if(parseInt(o.value)<=parseInt(count_stored)) { return true; } //pocet kusu dostatecny

  //zajistim spravne sklonovani pro chybovou hlasku
  inflect_items = ' kusů';
  if(count_stored<5) { inflect_items=' kusy'; }
  if(count_stored==1) { inflect_items=' kus'; }
  inflect_is = ((count_stored>1 && count_stored<5) ? 'jsou' : 'je');

  message = "Na skladě " + inflect_is + " k dispozici pouze " + count_stored + inflect_items + " výrobku " + product_name + ".";
  alert(message);

  if(change_class) { //změním třídu prvku, pokud je na co. Pokud už třídu mám, přidám novou
    o.className += o.className ? " "+change_class : change_class;
  }
  o.focus(); //kurzor do pole s kusy

  return false;
}


/** Přidá url do záložek / oblíbených
 *  @example <a href="#" title="Přidat stránku k oblíbeným odkazům" rel="sidebar" onclick="return add_favorite(this, 'http://www.seznam.cz', 'Seznam.cz - najdu tam co neznám');">přidat k oblíbeným</a>
 *  @param {object} linkObj   link objekt
 *  @param {string} addUrl    url pro přidání
 *  @param {string} addTitle  popis odkazu
 */
function add_favorite(linkObj, addUrl, addTitle) {
  if(document.all && !window.opera) { //IE
    window.external.AddFavorite(addUrl, addTitle);
    return false;

  } else if(window.opera && window.print) { //Opera
    linkObj.title = addTitle;
    linkObj.rel = "sidebar";
    return true;

  } else if((typeof window.sidebar=='object') && (typeof window.sidebar.addPanel=='function')) { //Mozilla
    if(window.confirm('Přidat stránku do záložek?')) {
      window.sidebar.addPanel(addTitle, addUrl, '');
      return false;
    }
  }

  //nerozpoznán prohlížeč
  window.alert('Po potvrzení stiskněte CTRL-D,\nstránka bude přidána k Vašim oblíbeným odkazům.');
  return false;
}


/** Zobrazí fotku jako pozadí elementu + změna třídy odkazu
 *  @param {string} img_id    id zobrazeného obrázku
 *  @param {object} href_obj  objekt právě zmáčknutého odkazu
 */
function show_zoom(img_id, href_obj) {

  //najdu vsechny obrazky a zneviditelnim je
  var images = getElementsByClass('image-tn-big', null, 'a', true);
  for(var i=0; i<images.length; i++) { //prochazim obrazky a skryvam je
    images[i].style.display='none';
  }

  //obrazek, ktery se ma zobrazit, zobrazime
  o = getObj(img_id);
  o.style.display='block';

  //najdu vsechny zvetsovaci odkazy a nastavim je na nezmackle
  var buttons = getElementsByClass('image-tn-small', null, 'a', true);
  for(var i=0; i<buttons.length; i++) { //prochazim tlacitka pro nahled obrazku
    //pokud je tlacitko 'zmackle', zmenime mu tridu na nezmackle
    len = buttons[i].className.length;
    ishover = buttons[i].className.substr(len-6, 6)=='-hover';
    if(ishover) { buttons[i].className = buttons[i].className.substr(0, len-6); }
  }

  //tlacitko, ktere jsme zmackuli nastavime na 'zmacknute'
  href_obj.className = href_obj.className + '-hover';

  return false; // pokud funguje javascript, zastavim provadeni akce, ktera je v HREF
}

// --- CORE --------------------------------------------------------------------

/** Nalezne v dokumentu element s daným id
 *  @param {string} id id elementu pro nalezení
 */
function getObj(id) {
  var obj = document.getElementById ? document.getElementById(id) : document.all[id];
  return obj;
};


/** Vyhledá elementu s danou třídou (class)
 *  @param {string} searchClass hledaný název třídy
 *  @param {object} [node] DOM element, kde hledáme (default=document)
 *  @param {string} [tagName] název tagu, na který omezit prohledávání (default=všechny tagy)
 *  @param {boolean} [allowSubstrings] zda prohledávat přesně, nebo i jako podřetězce názvu třídy (default=false)
 *  @return {array} pole DOM elementů
 */
function getElementsByClass(searchClass, node, tagName, allowSubstrings) {
  var classElements = new Array();
  if(node == null) { node = document; }
  if(tagName == null) { tagName = '*'; }
  if(allowSubstrings == null ) { allowSubstrings = false; }
  
  var els = node.getElementsByTagName(tagName);
  var elsLen = els.length;
  var regExpStr =  allowSubstrings ? searchClass : "(^|\\s)"+ searchClass +"(\\s|$)";
  var pattern = new RegExp(regExpStr);
  
  for(i=0,j=0; i<elsLen; i++) {
    if(pattern.test(els[i].className)) {
      classElements[j] = els[i];
      j++;
    }
  }
  return classElements;
}


/** Vyhledá hodnotu parametru strParamName předaného metodou GET
 *  @param {string} strParamName název hledaného parametru
 *  @return {string} hodnota parametru
 */
function getURLParam(strParamName){
  var strReturn = "";
  var strHref = window.location.href;
  if(strHref.indexOf("?") > -1) {
    var strQueryString = strHref.substr(strHref.indexOf("?")).toLowerCase();
    var aQueryString = strQueryString.split("&");
    for( var iParam = 0; iParam < aQueryString.length; iParam++ ) {
      if( aQueryString[iParam].indexOf(strParamName.toLowerCase() + "=") > -1 ) {
        var aParam = aQueryString[iParam].split("=");
        strReturn = aParam[1];
        break;
      }
    }
  }
  return unescape(strReturn);
}

/** Vygeneruje ID, unikátní v rámci elementu doc (implicitně celý dokument)
 *  @param {object} [doc] element, ve kterém musí být ID unikántí [default=document]
 *  @return {string} unikátní ID
 */
function genUid(doc) {
  if(!doc) { doc = document; }
  var uid, collide = 0;

  do {
    uid = ((new Date()).getTime() + "" + Math.floor(Math.random() *  1000000)).substr(0, 18);
    if(doc.getElementById(uid)) { collide = 1; }
  } while(collide);
  return uid;
}

/** Zjistí, zda a obsahuje externí odkaz
 *  @param {object} a  element s href odkazem
 *  @return {boolean}  míří odkaz mimo aktuální doménu?
 */
function isExternalLink(a) {
  var external=false;
  test_exp = new RegExp("^(http(s)?://"+self.location.host+"|mailto:)"); // regulární výraz, který zjistí, zda vede odkaz na jiný server
  if(!test_exp.test(a.href)) external=true; // vede odkaz na jiný server?
  //if(a.className.indexOf("external")>-1) nove_okno=true; // má přiřazenu třídu „external?“
  //if(a.rel=="external") nove_okno=true; // má nastaven atribut rel na „external?“?
  return external;
}


/**
 * Připojení zpracování události k elementu na určitou událost. Kompatibilní se všemi prohlížeči.
 * @param {string|object} element  id elementu / DOM element, na který handler zavěsit
 * @param {string} eventType       na jakou událost handler zavěsit
 * @param {function} handler       obsluha události (funkce)
 * @param {boolean} capture        zastavit probublávání událostí dál
 * @return {boolean}               úspěch/neúspěch
 */
function addEvListener(element, eventType, handler, capture) {
  if(typeof element == 'string') { element = getObj(element); } //mohu předat i ID elementu
  
  //i když opera zvládá standardní addEventListener, u iframe přes něj nezvládá onload a je třeba použít attachEvent
  //viz. http://dotnetslackers.com/Ajax/re-28191_r_a_d_controls_Event_handing_Atlas_and_Opera.aspx
  if(element.addEventListener && !isOpera) {
		element.addEventListener(eventType, handler, capture); return true;
	} else if(element.attachEvent) {
		var r = element.attachEvent("on" + eventType, handler); return r;
  } else { return false; }
}

/**
 * Standardizuje událost tak, aby měla ve všech prohlížečích stejnou strukturu
 * @param {object} e zachycená událost z browseru
 * @return {object} standardizovaný objekt události
 */
function adaptEvent(e) {
  if(typeof e=='undefined') { e = window.event; } //vezmeme z parametru, pripadne z hlavniho okna prohlizece
  ret = e;
  if(isIE && (typeof ret['srcElement']!='undefined')) { ret['target'] = ret['srcElement']; } //IE ma cilovy element jinde nez ostatni
  return ret;
}


/**
 * Vrací text obsažený v elementu
 * @param {string|object} element id elementu / DOM element
 * @return {string} text obsažený v elementu
 */
function getText(element) {
  if(typeof element == 'string') { element = getObj(element); } //mohu předat i ID elementu
  hasInnerText = (document.getElementsByTagName("body")[0].innerText != undefined) ? true : false;
  return hasInnerText ? element.innerText : element.textContent;
}