var visualTimeout;

$(document).ready(function(){
//  /* Fix the IE z-index bug */
//  if ($.browser.msie && $.browser.version.substr(0,1)<8) {
//  }
//
//  var zIndexNumber = 1000;
//
//  $('div').each(function(){
//
//  $(this).css('zIndex', zIndexNumber);
//
//  zIndexNumber -= 1;
//
//  });

  /* Mainmenu JS */
  var mainMenuTo;
  var mainSubMenu;

  $('#main_menu > ul > li').mouseover(function(){
    $('#main_menu > ul > li > ul').hide();
    clearTimeout(mainMenuTo);
    $(this).find('ul').show();
  });

  $('#main_menu > ul > li').mouseout(function(){
    mainSubMenu = $(this).find('ul');
    mainMenuTo = setTimeout(function(){
      mainSubMenu.hide();
    }, 1000);
  });

  /*
   * Filmstrip
   */

  
  $('.fs_link > a').mouseover(function(){
    
    var imgSrc = $(this).find('img').attr('src');
    var imgAlt = $(this).find('img').attr('alt');
    $(this).find('img').attr('src', imgAlt);
    $(this).find('img').attr('alt', imgSrc);

    $(this).find('.fs_title').show();
    $(this).find('img').css('opacity', '1.0');
  });
  $('.fs_link > a').mouseout(function(){
    
      var imgSrc = $(this).find('img').attr('src');
      var imgAlt = $(this).find('img').attr('alt');
      $(this).find('img').attr('src', imgAlt);
      $(this).find('img').attr('alt', imgSrc);

      $(this).find('.fs_title').hide();
      $(this).find('img').css('opacity', '0.4');
  });

  var stripWidth = ($('.fs_link').size() * 179) / 2;
  var marLeft = 0;

  $('#fs_left').click(function(){
    if(marLeft < 0)
    {
      marLeft = marLeft + 905;
      $('#fs_strip').animate({marginLeft: marLeft}, 500, function(){});
    }
  });

  $('#fs_right').click(function(){
    if(marLeft > (stripWidth*-1))
    {
      marLeft = marLeft - 905;
      $('#fs_strip').animate({marginLeft: marLeft}, 500, function(){});
    }
  });

  $('.social_button').mouseover(function(){
    $(this).css('backgroundPosition', '0 0');
  });
  $('.social_button').mouseout(function(){
    $(this).css('backgroundPosition', '0 25px');
  });

  var searchDropdownTo;

  $('#keyword').keyup(function(){
    if ($('#keyword').val().length > 3)
    {
      clearTimeout(searchDropdownTo);
      searchDropdownTo = setTimeout(function()
      {
        $.ajax({
          url: '/ajax/search/' + $('#keyword').val(),
          success: function(data) {
            $('#searchresult').html(data);
            $('#searchresult').fadeIn();
          }
        });
      }
      , 200);
    }
    else
    {
      $('#searchresult').html('');
      $('#searchresult').fadeOut();
    }
    return false;
  });

  var mouse_is_inside;

  $('#searchresult').hover(function(){
      mouse_is_inside=true;
  }, function(){
      mouse_is_inside=false;
  });

  $(document).mouseup(function(){
      if(! mouse_is_inside)
      {
        $('#searchresult').fadeOut();
      }
  });

  /*
   * Automate rotation visuals
   */
  
  var globalCurrent = 1;
  var iTimeout = 15;

  function progressBar(currentW)
  {
    $('#progressbar').css('width', currentW + 'px');
    currentW = currentW + 2;
    if(currentW > 900)
    {
      if (globalCurrent == $("#thumbSlider0 ul li a").length)
      {
        globalCurrent = 1;
      }
      else
      {
        globalCurrent = globalCurrent + 1;
      }
      if (globalCurrent % 5 == 1)
      {
        $('#right0').click();
      }
      currentW = 2;
      $("#thumbSlider0 ul li a").eq(globalCurrent-1).click();
      $('#toggle_slideshow').css('backgroundPosition', '0px 24px');
    }
    visualTimeout = setTimeout(function(){
      progressBar(currentW);
    }, iTimeout);
  }
  
  visualTimeout = setTimeout(function(){
    progressBar(2);
  }, iTimeout);

  $('#toggle_slideshow').click(function(){
    if ($(this).css('backgroundPosition') == '0px 24px')
    {
      clearTimeout(visualTimeout);
      $(this).css('backgroundPosition', '0px -3px');
    }
    else
    {
      visualTimeout = setTimeout(function(){
        progressBar($('#progressbar').width());
      }, iTimeout);
      $(this).css('backgroundPosition', '0px 24px');
    }
    return false;
  });
  
});

function changeImage(link)
{
  clearTimeout(visualTimeout);
  $('#toggle_slideshow').css('backgroundPosition', '0px -3px');

  var curImg;
  var newImg;

  $('#thumbSlider0').find('img').each(function(){
    curImg = $(this).attr('src');
    if (curImg.search('_grey.jpg') == -1)
    {
      newImg = curImg.replace('.jpg', '_grey.jpg');
      $(this).attr('src', newImg);
    }    
  });  
  curImg = $(link).parent().find('img').attr('src');
  newImg = curImg.replace('_grey.jpg', '.jpg');
  $(link).parent().find('img').attr('src', newImg);
}