var thumbsContainer;

function activateObjectTab(selectedTabId)
{
  if (selectedTabId== 'tab-locatie')
    loadGoogleMaps();
  
  selectedContentId = 'content-' + selectedTabId;
  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  == selectedContentId)
      {
        node.style.display    = 'block';
        node.style.visibility = 'visible';
      }
      else
      {
        node.style.display    = 'none';
        node.style.visibility = 'hidden';
      }
    }
  }
  activateObjectTabLink(selectedTabId);
  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, container)
{
  var url           = 'scripts/resize_image.php';
  var params        = 'images=' + src + '&width=' + width + '&height=' + height;
  var onreadystate  = 'placeThumbnails';
  thumbsContainer   = container;
  
  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(thumbsContainer))
    {
      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 createRoundedCorners()
{
  if (document.getElementById('mainsearch'))
  {
    var searchElems = getElementsByClassName(document.getElementById('mainsearch'), 'div', 'dyn_srch_colum');
    var submitElems = getElementsByClassName(document.getElementById('mainsearch'), 'div', 'dyn_srch_submit');
    
    var elems = searchElems.concat(submitElems);;
    
    if (elems.length > 0)
    {
      for (var i=0; i < elems.length; i++)
      {
        if (elems[i].className.indexOf('cornered') == -1)
        {
          elems[i].className = elems[i].className + ' cornered';
        }

        if (elems[i].innerHTML.indexOf('<span class="lt"></span><span class="rt"></span><span class="rb"></span><span class="lb"></span>') == -1)
        {
          elems[i].innerHTML += '<span class="lt"></span><span class="rt"></span><span class="rb"></span><span class="lb"></span>';
        }
      }
    }
  }
}

function createGreetingText()
{
  var greeting  = document.getElementById('greeting');
  var time      = document.getElementById('time');
  if (greeting && header)
  {
    var currentTime = new Date();
    var hour        = currentTime.getHours();

    if (hour < 12)
      time.innerHTML = 'Goedemorgen';
    else if (hour >= 12 && hour < 18)
      time.innerHTML = 'Goedemiddag';
    else
      time.innerHTML = 'Goedenavond';
      
    greeting.style.display = 'inline';
  }
}

addEvent(window, 'load', createRoundedCorners, false);
addEvent(window, 'load', createGreetingText, false);