document.observe("dom:loaded", function()
{
  locale = document.location.href.split('//')[1].split('/')[1];

  // show weather data on frontpage
  new Ajax.Request('/weather/show?locale='+locale,
  {
    method: 'get',
    onSuccess: function(transport) {
      $('weather').innerHTML = transport.responseText;
    }
  });

  // hide description paragraph
  $$('[id^=boka_description_]').each(function(p)
  {
    p.setStyle({'position':'absolute'});
    p.hide();
  });
  
  // set up thumbnail hovering
  $$('[class=boka_image_thumb]').each(function(thumb)
  {
    thumb.observe('mouseover', function(event)
    {
      // display dot on overview map when mouse hovers thumbnail 
      container = $('boka_panorama');
      elemOffset = container.cumulativeOffset();
      var top = parseInt(event.element().readAttribute("top"), 10);
      var left = parseInt(event.element().readAttribute("left"), 10);
      if (!(top === 0 && left === 0))
      {
        top += elemOffset.top;
        left += elemOffset.left;
        dot = new Element('div', {'class':'boka_resource_dot','id':'boka_resource_point'});
        dot.setStyle({left:left+'px',top:top+'px'});
        container.insert(dot);
      }
      // display description in div
      descrDiv = $('boka_description_'+event.element().id);
      $('boka_resource_description').innerHTML = descrDiv.innerHTML;
    });
    thumb.observe('mouseout', function(event)
    {
      point = $('boka_resource_point');
      if(point)
      {
        point.remove();
      }
      div = $('boka_resource_description');
      div.innerHTML = '';
    });
  });
  
});