function activateObjectTab(selectedTab)
{
  if (selectedTab.id == 'tab_locatie')
    loadGoogleMaps();
  
  selectedTabId = 'content_' + selectedTab.id;
  tabControl    = document.getElementById('tabs-content');
  
  for (i = 0; i < tabControl.childNodes.length; i++)
  {
    node = tabControl.childNodes[i];
    // Checks if it is a tab
    if (node.nodeName == "DIV")
    {
      if (node.id  == selectedTabId)
      {
        node.style.display    = 'block';
        node.style.visibility = 'visible';
        node.className        = 'tab-content active';
      }
      else
      {
        node.style.display    = 'none';
        node.style.visibility = 'hidden';
        node.className        = 'tab-content';
      }
    }
  }
  activateObjectTabLink(selectedTab.id);
  return false;
}

function activateObjectTabLink(selectedTab)
{ 
  var tabs = document.getElementById('tabs').childNodes;

  for (i = 0; i < tabs.length; i++)
  {
    if (tabs[i].nodeName == 'LI')
    {
      tabs[i].className = 'inactive';
      
      if (tabs[i].id == selectedTab) {
        tabs[i].className = 'active';
      }
    }
  }
  return false;
}


function addThumbnails(src, width, height)
{
  var url           = 'scripts/resize_image.php';
  var params        = 'images=' + src + '&width=' + width + '&height=' + height;
  var onreadystate  = 'placeThumbnails';
  
  remoteRequest(url, params, onreadystate);
}

/**
* Place the thumbnails
* 
* @param void
* @return void
*/
function placeThumbnails()
{
  if (http_request && http_request.readyState == 4 && http_request.status == 200 && http_request.responseText!='')
  {
    if(container = document.getElementById('slider-container'))
    {
      if(http_request.responseText.indexOf('|')!==-1)
      {
        var images = http_request.responseText.split('|');
      }
      else
      {
        var images = new Array(http_request.responseText);
      }
      
      for(var i=0; i<images.length; i++)
      {
        image = images[i].split('<>');
        
        var img = document.createElement("img");
        container.appendChild(img);
        
        img.src     = 'img/cache/' + image[1];
        img.number  = i;
        img.id      = 'image' + i;
        img.org_img = image[0];
        img.onclick = function() {moveSpecificImage(this.number);};
      }
      activeImage = 0;
    }
  }
}

function changePhoto(src)
{
  var url           = 'scripts/resize_image.php';
  var params        = 'image=' + src + '&width=500&height=255';
  var onreadystate  = 'changePhotoCallback';
  remoteRequest(url, params, onreadystate);
}

function changePhotoCallback()
{
  if (http_request && http_request.readyState == 4 && http_request.status == 200 && http_request.responseText!='')
  {
    if(img = document.getElementById('bigImage'))
    {
      var image = http_request.responseText.split('<>');
      img.src = 'img/cache/' + image[1];
    }
  }
}

/**
* Move to a specific image
*
* @param int imageNumber
* @return void
*/
function moveSpecificImage(imageNumber)
{
  if ((firstImage = document.getElementById('image0')) && (image = document.getElementById('image' + imageNumber)) && (holder = document.getElementById('imgslider')))
  {
    var pos = (image.offsetLeft - firstImage.offsetLeft) - (holder.offsetWidth  / 2) + (image.offsetWidth / 2);
    if (pos < 0)
      pos = 0;
    
    slideNavigationVertical(holder.id, pos);
    changePhoto(image.org_img);
    activeImage = imageNumber;
  }
}

function setColumnProperties()
{
  var columns = getElementsByClassName(document.getElementById('main'), 'div', 'col');
  if (columns.length > 0)
  {
    var height = 0;
    for (var i=0; i < columns.length; i++)
    {
      if (columns[i].offsetHeight > height)
        height = columns[i].offsetHeight;
    }
    
    for (var i=0; i < columns.length; i++)
    {
      /* Make sure all columns have got the same height */
      if (columns[i].offsetHeight < height)
      {
        //59
        var contentHeight = height - 50;
        var contentBox    = false;
        
        for (var j=0; j < columns[i].childNodes.length; j++)
        {
          if (columns[i].childNodes[j].className == 'pricebox cornered' || columns[i].childNodes[j].className == 'pricebox cornered clearfix')
            contentHeight = contentHeight - columns[i].childNodes[j].offsetHeight - 10;
          else if (columns[i].childNodes[j].className == 'contentbox cornered' || columns[i].childNodes[j].className == 'contentbox cornered clearfix')
            var contentBox = columns[i].childNodes[j];
        }
        
        if (contentBox)
          contentBox.style.height    = contentHeight + 'px';
      }
      
      /* Make sure all the columns have got rounded corners */
      for (var j=0; j < columns[i].childNodes.length; j++)
      {
        if (columns[i].childNodes[j].className == 'pricebox cornered' || columns[i].childNodes[j].className == 'pricebox cornered clearfix' || columns[i].childNodes[j].className == 'contentbox cornered' || columns[i].childNodes[j].className == 'contentbox cornered clearfix')
        {
          if (columns[i].childNodes[j].innerHTML.indexOf('<span class="lt"></span><span class="rt"></span><span class="rb"></span><span class="lb"></span>') == -1)
            columns[i].childNodes[j].innerHTML += '<span class="lt"></span><span class="rt"></span><span class="rb"></span><span class="lb"></span>';
        }
      }
    }
  }
}

addEvent(window, 'load', setColumnProperties, false);