$(document).ready(function()
{

  var base = 261;

  var moveTo =
  {
    news:
    {
      normal: (base + 36) + 'px',
      hover: (base + 21) + 'px'
    },
    outdoor:
    {
      normal: (base + 80) + 'px',
      hover: (base + 65) + 'px'
    },
    indoor:
    {
      normal: (base + 124) + 'px',
      hover: (base + 109) + 'px'
    }
  };
  
  var count = 0;
  $('.pre_open').each(function()
  {
    count++;
  });

  if (count == 0)
  {
    $('#catalogo_compressed').css({backgroundPosition: '0px 0px'});
  }
  
  $('div.elements').css('width', '210px');
  $('#catalogo_compressed div.items').hide();
  $('#catalogo_compressed div.elements').hover(function()
  {
    if ($(this).css('width') == '794px')
    { return; }
    $('div.elements').css({zIndex: '10', height: '44px', width: '212px', backgroundPosition: '0px 0px'});
    $(this).css({zIndex: '5', height: '115px', backgroundPosition: '0px -29px', width: '794px'});
    $('#catalogo_compressed div.items').hide();
    $('#elements_news').css({top: moveTo.news.normal});
    $('#elements_outdoor').css({top: moveTo.outdoor.normal});
    $('#elements_indoor').css({top: moveTo.indoor.normal});
    switch ($(this).attr('id'))
    {
      case 'elements_news': $(this).css({top: moveTo.news.hover}); break;
      case 'elements_outdoor': $(this).css({top: moveTo.outdoor.hover}); break;
      case 'elements_indoor': $(this).css({top: moveTo.indoor.hover}); break;
      default : break;
    }
    $(this).children('div.items').show();
    id = $(this).attr('id').replace('elements_', '');
    if (id == 'news')
    { position = -225; }
    if (id == 'outdoor')
    { position = -450; }
    if (id == 'indoor')
    { position = -675; }
    position = '0px ' + position + 'px';
    $('#catalogo_compressed').css({backgroundPosition: position});
  }, function()
  {
    if ($(this).hasClass('pre_open'))
    { return ; }
    $('div.elements').css({zIndex: '10', height: '44px', width: '212px', backgroundPosition: '0px 0px'});
    $('div.items').hide();
    $('#elements_news').css({top: moveTo.news.normal});
    $('#elements_outdoor').css({top: moveTo.outdoor.normal});
    $('#elements_indoor').css({top: moveTo.indoor.normal});
    $('#catalogo_compressed').css({backgroundPosition: '0px 0px'});
    if (count != 0)
    {
      $('.pre_open').each(function()
      {
        $('div.elements').css({zIndex: '10', height: '44px', width: '212px', backgroundPosition: '0px 0px'});
        $(this).css({zIndex: '5', height: '115px', backgroundPosition: '0px -29px', width: '794px'});
          $('#elements_news').css({top: moveTo.news.normal});
          $('#elements_outdoor').css({top: moveTo.outdoor.normal});
          $('#elements_indoor').css({top: moveTo.indoor.normal});
          switch ($(this).attr('id'))
          {
            case 'elements_news': $(this).css({top: moveTo.news.hover}); break;
            case 'elements_outdoor': $(this).css({top: moveTo.outdoor.hover}); break;
            case 'elements_indoor': $(this).css({top: moveTo.indoor.hover}); break;
            default : break;
          }
        $(this).children('div.items').show();
        id = $(this).attr('id').replace('elements_', '');
        if (id == 'news')
        { position = -225; }
        if (id == 'outdoor')
        { position = -450; }
        if (id == 'indoor')
        { position = -675; }
        position = '0px ' + position + 'px';
        $('#catalogo_compressed').css({backgroundPosition: position});
      });
    }
  });

  $('.pre_open').each(function()
  {
    $('div.elements').css({zIndex: '10', height: '44px', width: '212px', backgroundPosition: '0px 0px'});
    $(this).css({zIndex: '5', height: '115px', width: '794px', backgroundPosition: '0px -29px'});
      $('#elements_news').css({top: moveTo.news.normal});
      $('#elements_outdoor').css({top: moveTo.outdoor.normal});
      $('#elements_indoor').css({top: moveTo.indoor.normal});
      switch ($(this).attr('id'))
      {
        case 'elements_news': $(this).css({top: moveTo.news.hover}); break;
        case 'elements_outdoor': $(this).css({top: moveTo.outdoor.hover}); break;
        case 'elements_indoor': $(this).css({top: moveTo.indoor.hover}); break;
        default : break;
      }
    $(this).children('div.items').show();
    id = $(this).attr('id').replace('elements_', '');
    if (id == 'news')
    { position = -225; }
    if (id == 'outdoor')
    { position = -450; }
    if (id == 'indoor')
    { position = -675; }
    position = '0px ' + position + 'px';
    $('#catalogo_compressed').css({backgroundPosition: position});
  });
});