// rozne funkcje
function addEvent(obj, type, fn) {
  if (obj.addEventListener) {
    obj.addEventListener(type, fn, false);
  } else if (obj.attachEvent) {
    obj["e" + type + fn] = fn;
    obj[type + fn] = function() { obj["e" + type + fn] (window.event); }
    obj.attachEvent("on" + type, obj[type + fn]);
  }
}

function O(n) { return document.getElementById(n); }
function trim(x){return x.replace(/^\s+|\s+$/g,'');}
function hasClass(obj, clName) { var clN = ' ' + obj.className + ' '; return (clN.match(' ' + clName + ' ') != null); }
function addClass(obj, clName) { if (hasClass(obj, clName)) return; obj.className = trim(obj.className + ' ' + clName); }
function removeClass(obj, clName) { if (!hasClass(obj, clName)) return; var clN = ' ' + obj.className + ' '; eval("obj.className = trim(clN.replace(/ " + clName + " /g,' '));"); }
function swapClass(obj, oldName, newName) { removeClass(obj, oldName); addClass(obj, newName); }

function findPos(obj) {
  var curleft = curtop = 0;
  if (obj.offsetParent) {
    curleft = obj.offsetLeft
    curtop = obj.offsetTop
    while (obj = obj.offsetParent) {
      curleft += obj.offsetLeft
      curtop += obj.offsetTop
    }
  }
  return [curleft,curtop];
}

// zmienne globalne

var MTelems = new Array();
var MTelemsCount = 0;
var MT_startV = 0;
var MT_cookie="MTelem";
var City_cookie="Lokal";
var effectLevel = 1;
var moveableDone=false;
var MT_cookie_last_tab = true;



function videoBox_init() {
  var _vb_nav = document.getElementById('videoBox_tabs');
  var _vb_inner = document.getElementById('videoBox_inner');
  var _vb_nav_s = _vb_nav.getElementsByTagName('li');
  var _vb_inner_s = document.getElementsByTagName('div');
  var _vb_inner_tmp = new Array();
  var j = 0;
  var k = 0;
  for (var i = 0; i < _vb_inner_s.length; i++) {
    if (hasClass(_vb_inner_s[i], 'displayList')) {
      if (j == 0) _vb_nav.currentElem = _vb_inner_s[i];
      addEvent(_vb_nav_s[j], 'mouseover', videoBox_mover);
      addEvent(_vb_nav_s[j], 'mouseout', videoBox_mout);
      addEvent(_vb_nav_s[j], 'click', videoBox_switch);
      _vb_nav_s[j].related = _vb_inner_s[i];
      _vb_nav_s[j].related.related = _vb_nav_s[j++];
      _vb_inner_s[i].currentPos = 0;
      _vb_inner_tmp[k++] = _vb_inner_s[i];
    } else if (hasClass(_vb_inner_s[i], 'btnleft')) {
      var _img = _vb_inner_s[i].getElementsByTagName('img')[0];
      addEvent(_img, 'click', videoBox_goLeft);
      _vb_inner_s[i].parentNode.parentNode.leftBtn = _img;
    } else if (hasClass(_vb_inner_s[i], 'btnright')) {
      var _img = _vb_inner_s[i].getElementsByTagName('img')[0];
      addEvent(_img, 'click', videoBox_goRight);
      _vb_inner_s[i].parentNode.parentNode.rightBtn = _img;
    } else if (hasClass(_vb_inner_s[i], 'list')) {
      _vb_inner_s[i].parentNode.parentNode.elemsCount = _vb_inner_s[i].getElementsByTagName('img').length;
      _vb_inner_s[i].parentNode.parentNode.displayList = _vb_inner_s[i].getElementsByTagName('ul')[0];
    }
  }
  for (var i = 0; i < _vb_inner_tmp.length; i++) {
    if (_vb_inner_tmp[i].elemsCount > 3) removeClass(_vb_inner_tmp[i].rightBtn, 'hidden');
  }
}

function videoBox_mover(e) {
  var el;
  if (window.event && window.event.srcElement) { el = window.event.srcElement; }
  if (e && e.target) { el = e.target; }
  if (!el) { return; }
  (e.preventDefault) ? e.preventDefault() : (e.returnValue = false);

  if (hasClass(el, 'active')) return;
  addClass(el, 'hover');
}

function videoBox_mout(e) {
  var el;
  if (window.event && window.event.srcElement) { el = window.event.srcElement; }
  if (e && e.target) { el = e.target; }
  if (!el) { return; }
  (e.preventDefault) ? e.preventDefault() : (e.returnValue = false);

  if (hasClass(el, 'active')) return;
  removeClass(el, 'hover');
}

function videoBox_switch(e) {
  var el;
  if (window.event && window.event.srcElement) { el = window.event.srcElement; }
  if (e && e.target) { el = e.target; }
  if (!el) { return; }
  (e.preventDefault) ? e.preventDefault() : (e.returnValue = false);

  if (hasClass(el, 'active')) return;
  removeClass(el.related, 'hidden');
  addClass(el.parentNode.currentElem, 'hidden');
  removeClass(el.parentNode.currentElem.related, 'active');
  removeClass(el, 'hover');
  addClass(el, 'active');
  el.parentNode.currentElem = el.related;
}

function videoBox_goLeft(e) {
  var el;
  if (window.event && window.event.srcElement) { el = window.event.srcElement; }
  if (e && e.target) { el = e.target; }
  if (!el) { return; }
  (e.preventDefault) ? e.preventDefault() : (e.returnValue = false);

  var _root = el.parentNode.parentNode.parentNode;
  if (_root.currentPos > 0) {
    _root.currentPos-=3;
    _root.displayList.style.left = (-_root.currentPos * 104) + 'px';
    if (_root.currentPos == 0) addClass(_root.leftBtn, 'hidden');
    removeClass(_root.rightBtn, 'hidden');
  }
}

function videoBox_goRight(e) {
  var el;
  if (window.event && window.event.srcElement) { el = window.event.srcElement; }
  if (e && e.target) { el = e.target; }
  if (!el) { return; }
  (e.preventDefault) ? e.preventDefault() : (e.returnValue = false);

  var _root = el.parentNode.parentNode.parentNode;
  if (_root.currentPos + 3 < _root.elemsCount) {
    _root.currentPos+=3;
    _root.displayList.style.left = (-_root.currentPos * 104) + 'px';
    if (_root.currentPos + 3 >= _root.elemsCount) addClass(_root.rightBtn, 'hidden');
    removeClass(_root.leftBtn, 'hidden');
  }
}