var http = false;

if(navigator.appName == "Microsoft Internet Explorer") {
  http = new ActiveXObject("Microsoft.XMLHTTP");
} else {
  http = new XMLHttpRequest();
} 

function ajax_replace(element_id, url) {
  //replace content of element_id with whatever you get at url
  document.getElementById(element_id).innerHTML = 'loading...';
  http.open("GET", url, true);
  http.onreadystatechange=function() {
    if(http.readyState == 4) {
      document.getElementById(element_id).innerHTML = http.responseText;
    }
  }
  http.send(null);
}


show = function(id) {
    document.getElementById(id).style.display = 'inline';
}
hide = function(id) {
    document.getElementById(id).style.display = 'none';
}

var imgToCollapse = "";
var tableToCollapse = "";

function ShowDetails(Id)
{	
    var imgTarget = "img_" + Id;
    var tableTarget = "table_" + Id;		    
    imgTarget = document.getElementById(imgTarget)
    tableTarget = document.getElementById(tableTarget)

    if (tableTarget == null) {
    } else {
        if ( tableTarget.style.display == "none"){
            if (imgTarget != null) {
                imgTarget.src = "../images/button_collapse.jpg";
            }
            tableTarget.style.display = "block";	
             
        } else {
            if (imgTarget != null) {
                imgTarget.src = "../images/button_expand.jpg";
            }
            tableTarget.style.display = "none";	
        };
    }
}

function ToggleDetails(Id) {
    var imgTarget = "img_" + Id;
    var tableTarget = "table_" + Id;		    
    imgTarget = document.getElementById(imgTarget)
    tableTarget = document.getElementById(tableTarget)
    var show_button = document.getElementById('show_button_' + Id);
    var hide_button = document.getElementById('hide_button_' + Id);
    if (tableTarget != null) {
        if ( tableTarget.style.display == "none"){
            if (imgTarget != null) {
                imgTarget.src = "../images/button_collapse.jpg";
            }
            tableTarget.style.display = "block";	
            hide_button.style.display = "block";
            show_button.style.display = "none";
             
        } else {
            if (imgTarget != null) {
                imgTarget.src = "../images/button_expand.jpg";
            }
            tableTarget.style.display = "none";	
            hide_button.style.display = "none";
            show_button.style.display = "block";
        };
    }
}


popup_begrip = function(event, id) {
   popUp(event, 'popup_' + id);
}
close_popup = function(id) {
    el = document.getElementById('popup_' +  id);
    el.style.visibility = "hidden";

}
/*------------------------

TOOLTIP 

adapted from http://sixrevisions.com/tutorials/javascript_tutorial/create_lightweight_javascript_tooltip/o


-------------------------------------
*/

var tooltip=function(){
 var id = 'tt';
 var top = 3;
 var left = 3;
 var maxw = 300;
 var speed = 10;
 var timer = 20;
 var endalpha = 95;
 var alpha = 0;
 var tt,t,c,b,h;
 var ie = document.all ? true : false;
 return{
  show:function(v,w){
   if(tt == null){
    tt = document.createElement('div');
    tt.setAttribute('id',id);
    c = document.createElement('div');
    c.setAttribute('id',id + 'cont');
    tt.appendChild(c);
    document.body.appendChild(tt);
    tt.style.opacity = 0;
    tt.style.filter = 'alpha(opacity=0)';
    document.onmousemove = this.pos;
   }
   tt.style.display = 'block';
   c.innerHTML = v;
   tt.style.width = w ? w + 'px' : 'auto';
   if(!w && ie){
    tt.style.width = tt.offsetWidth;
   }
  if(tt.offsetWidth > maxw){tt.style.width = maxw + 'px'}
  h = parseInt(tt.offsetHeight) + top;
  clearInterval(tt.timer);
  tt.timer = setInterval(function(){tooltip.fade(1)},timer);
  },
  pos:function(e){
   var u = ie ? event.clientY + document.documentElement.scrollTop : e.pageY;
   var l = ie ? event.clientX + document.documentElement.scrollLeft : e.pageX;
   tt.style.top = (u - h) + 'px';
   tt.style.left = (l + left) + 'px';
  },
  fade:function(d){
   var a = alpha;
   if((a != endalpha && d == 1) || (a != 0 && d == -1)){
    var i = speed;
   if(endalpha - a < speed && d == 1){
    i = endalpha - a;
   }else if(alpha < speed && d == -1){
     i = a;
   }
   alpha = a + (i * d);
   tt.style.opacity = alpha * .01;
   tt.style.filter = 'alpha(opacity=' + alpha + ')';
  }else{
    clearInterval(tt.timer);
     if(d == -1){tt.style.display = 'none'}
  }
 },
 hide:function(){
  clearInterval(tt.timer);
   tt.timer = setInterval(function(){tooltip.fade(-1)},timer);
  }
 };
}();



function fixHeights(the_selector) {
//    jQuery(the_selector).map(lessthanparent);
}