var canClose = true;

function hide(id) {
  internalShowHide(id, 'none');
}

function show(id) {
  internalShowHide(id, 'block');  
}

var t;
function showNeverShown(id) {
  t = setTimeout( function(){ internalShowHide(id, 'block'); }, 800);
}

function hideNeverShown(id) {
  clearTimeout(t);  
}

function hideBuble(id) {
  if(canClose) {
    var i = document.getElementById('nezobrazovat_'+id);
    if(i.checked) { setNeverShown(); }
    
    internalShowHide(id, 'none');
  } else {
    canClose = true;
  }
}

function showBuble(id) {
  if(isCanShow()) {
    internalShowHide(id, 'block');
    getBubleType(id);
  }
}

function setNeverShown() {
  document.cookie = "isshow = true";
}

function isCanShow() {
  var isShow = getCookie("isshow");
  if(isShow) {
    return false;
  }
  return true;
}

function deleteCookie(cookie_name) {
  var cookie_date = new Date ( );  // current date & time
  cookie_date.setTime ( cookie_date.getTime() - 1 );
  document.cookie = cookie_name += "=; expires=" + cookie_date.toGMTString();
}

function getCookie(cookie_name) {
  var results = document.cookie.match ( '(^|;) ?' + cookie_name + '=([^;]*)(;|$)' );
  if (results)
    return (unescape(results[2]));
  else
    return null;
}

function internalShowHide(id, display) {
  var el = document.getElementById(id);
  if(!el) return false;
  el.style.display = display;
}

function parent(widget) {
	if (widget.parentElement){ return widget.parentElement };
	if (widget.parentNode){ return widget.parentNode };
	if (widget.parent){ return widget.parent };
	return;
};

function getBubleType(id) {
  var el = document.getElementById('table_'+id);
  if(!el) return false;
  
  var par = parent(document.getElementById(id));
  var compenzace = 38;
  if(par && (par.tagName == 'TD' || par.tagName == 'TH')) {
    compenzace = -14;
  }
  
  var windowWidth;
  if(document.all) {
    windowWidth = document.body.clientWidth;
  } else {
    windowWidth = window.innerWidth;
  }
  
  if(windowWidth < 1150) {
    el.className = 'rbublina';
    if(document.all) {
      el.style.posLeft = 450;
    } else {
      el.style.left = '450px';
    }
  } else {
    el.className = 'lbublina';
    
    var leftPos = ((800 - windowWidth)/2) - 13;
    if(leftPos < -250) {
      leftPos = -250;
    }
    
    leftPos += compenzace;
    
    if(document.all) {
      el.style.posLeft = leftPos;
    } else {
      el.style.left = leftPos + 'px';
    }
  }
}