var activeTabNumber = 1;
var tabsCount       = 5;
var tabSwitchDelay  = 8000;

var lastTabNumber = 0;

var tabsLoopHandler;

function tabsLoop()
{
  if (lastTabNumber != 0)
  {
    for (i = 1; i < tabsCount + 1; i++)
    {
      $('.tab-' + i).removeClass('active');
      $('.content-' + i).hide();
    }

    $('.tab-' + lastTabNumber).removeClass('active');   
    $('.tab-' + activeTabNumber).addClass('active');
    $('.content-' + lastTabNumber).hide();

    $('.content-' + activeTabNumber).fadeIn('slow');
  }

  lastTabNumber = activeTabNumber;

  activeTabNumber++;

  if (activeTabNumber > tabsCount)
    activeTabNumber = 1;

  tabsLoopHandler = setTimeout('tabsLoop()', tabSwitchDelay);
}

function activateTab(number)
{
  activeTabNumber = number + 1;

  if (activeTabNumber > tabsCount)
    activeTabNumber = 1;

  clearTimeout(tabsLoopHandler);
  
  for (i = 1; i < tabsCount + 1; i++)
  {
    $('.tab-' + i).removeClass('active');
    $('.content-' + i).hide();
  }

  $('.tab-' + number).addClass('active');

  $('.content-' + number).show();
}

function activateTabsLoop()
{
  tabsLoopHandler = setTimeout('tabsLoop()', tabSwitchDelay);
}


var paircount = 0;

/* If you want to desaturate after page loaded - use onload event
 * of image.
*/
function initImage(obj)
{
  obj.onload = null;
  var $newthis = $(obj);
  if ($.browser.msie)
  {
    // You need this only if desaturate png with aplha channel
    $newthis = $newthis.desaturateImgFix();
  }
  // class for easy switch between color/gray version
  $newthis.addClass("pair_" + ++paircount);
  var $cloned = $newthis.clone().attr('id', '');
  // reset onload event on cloned object
  $cloned.get(0).onload = null;
  // add cloned after original image, we will switch between
  // original and cloned later
  $cloned.insertAfter($newthis).addClass("color").hide();
  // desaturate original
  $newthis = $newthis.desaturate();
  // add events for switch between color/gray versions
  $newthis.bind("mouseenter mouseleave", desevent);
  $cloned.bind("mouseenter mouseleave", desevent);
};

function desevent(event) 
{
  var classString = new String($(this).attr('class'));
  var pair = classString.match(/pair_\d+/);
  // first I try was $("."+pair).toggle() but IE switching very strange...
  $("."+pair).hide();
  if (event.type == 'mouseenter')
    $("."+pair).filter(".color").show();
  if (event.type == 'mouseleave')
    $("."+pair).filter(":not(.color)").show();
}



$(document).ready(

  function()
  {
    tabsLoop();

    $('div.bar > div.button').mouseenter(

      function()
      {
        $(this).css('backgroundColor', '#755230');
        $(this).css('color', '#A67C52');
      }

    );

    $('div.bar > div.button').mouseleave(

      function()
      {
        $(this).css('backgroundColor', 'transparent');
        $(this).css('color', '#FFFFFF');
      }

    );

    $(".css-tabs:first").tabs(".css-panes:first > div");


    $("#thumbnails").scrollable({size: 3, clickable: false}).find("img").each(function(index) {

		$(this).overlay({

        effect: 'apple',
        target: '#box',
        mask: {
          color: '#000000',
          loadSpeed: 200,
          opacity: 0.5
        },
        onLoad: function() {
          $("#images").data("scrollable").seekTo(index, 0);
        }
      });
    });

    $("#images").scrollable();

    $("#images img").tooltip({
      position: "bottom center",
      offset: [40, 0],
      opacity: 0.8,
      effect: 'fade',
      relative: true
    });

    $("#thumbnails img").reflect({height: 0.5, opacity: 0.6});

    $('#nav').droppy({speed: 100});
        
    $('.partner').click(function() {
    
      
    
    });
    
  }  
);