// JavaScript Document
var IE = false;
var NS = false;
var browser_version = parseInt(navigator.appVersion);
var browser_type = navigator.appName;
if (browser_type == "Microsoft Internet Explorer" && (browser_version >= 4)) { IE = true; } 
else if (browser_type == "Netscape" && (browser_version >= 4) && (browser_version < 5)) { NS = true; }
else if (browser_type == "Netscape" && (browser_version >= 5)) { NS = true; }
var tt_e = false;

var lastTooltip;

window.onload = initTooltip;

function importTTStyle(path)
{
  var head = document.getElementsByTagName("head")[0];

  var link = document.createElement("link");
  link.rel = "stylesheet";
  link.href = path + "kuehlhaus.css";
  link.type = "text/css";
  link.media = "all";

  head.appendChild(link);
}

function initTooltip()
{
  importTTStyle("templates/CSS/");
}

function tooltip(event, el, closebtn)
{
  if(el.id != lastTooltip)
  {
    if(lastTooltip != null)
    {
      lel = document.getElementById(lastTooltip);
      closeTooltip(lel);
      lel.childNodes[0].style.border = '1px solid #DCDCDC'; 
    }
    lastTooltip = el.id;
  }

  if(!document.getElementById('khtooltip'))
  {
    el.childNodes[0].style.border = '1px solid #ff6600';
    tt_e = true;
    tt = document.createElement('div');
    tt.id = 'khtooltip';
    tt.className = 'khtooltip';
    tt.style.position = 'absolute';
    tt.style.display = 'none';
    tt.style.zIndex = '90';
    tt.style.overflow = 'hidden';
    tt.style.width = el.childNodes[0].width+'px';
    tt.style.height = '40px';
    tt.style.bottom = '2px';
    tt.style.left = '1px';
    content = el.childNodes[0].alt;
    tt.innerHTML = '<div id="khtooltipcontent">'+content+'</div>';
    
    access = document.createElement('a');
    access.id = 'khtooltipaccess';
    access.className = 'khtooltipaccessor';
    access.style.position = 'absolute';
    access.style.display = 'block';
    access.style.zIndex = '100';
    access.style.width = el.style.width;
    access.style.height = el.style.height;
    access.style.top = '0px';
    access.style.left = '0px';
    access.style.background = '#FFF';
    access.style.opacity = '0.1';
	  access.style.filter = 'alpha(opacity=1)';
	  access.href = el.href;
    
    el.appendChild(tt);
    el.appendChild(access);
    
    new Effect.Appear(tt, {duration: 0.2, from: 0, to: 0.75});
  }
  access.onmouseout = function()
  {
    closeTooltip(el);
    el.childNodes[0].style.border = '1px solid #DCDCDC'; 
  }
}

function closeTooltip(el)
{
  if(document.getElementById('khtooltip'))
  {
    tt = document.getElementById('khtooltip');
    access = document.getElementById('khtooltipaccess');
    if(IE)
    {
      if(!document.documentElement)
      {
        document.body.removeChild(access);
        document.body.removeChild(tt);
      }
      else
      {
        el.removeChild(access);
        el.removeChild(tt);
      }
    }
    if(NS)
    {
      el.removeChild(access);
      el.removeChild(tt);
    }
  }
}

var inputDefault = new Image();
inputDefault.src = "templates/images/bg_input.gif";

var inputFocus = new Image();
inputFocus.src = "templates/images/bg_input_focus.gif";

function focusFormInput(id) {
    div = document.getElementById(id);
    div.style.backgroundImage = 'url(' + inputFocus.src + ')';
    div.style.backgroundRepeat = 'no-repeat';
}

function resetFormInput(id, flag) {
    div = document.getElementById(id);
    div.style.backgroundImage = 'url(' + inputDefault.src + ')';
    div.style.backgroundRepeat = 'no-repeat';
}

function checkIfChecked(id, checked) {
    var div = document.getElementById(id);
    if (checked) {
        div.style.backgroundColor = "#00e000";
    } else {
        div.style.backgroundColor = "white";
    }
}

function ShiftFocus(event, ctl) {
    if (event.keyCode == 13) {
        if (ctl != '') {
            document.getElementById(ctl).click();
            event.cancelBubble = true;
            if (event.stopPropagation) event.stopPropagation();
            return false;
        }
    }
    return true;
}