jQuery(document).ready(function()
{

  var change_box_continue = true;
  var amount_items = jQuery('.homepage_menu_item').size();

  // Changes the selected box when it's clicked 
  jQuery('.homepage_menu_item').hover(function()
  {
    id = '#homepage_gallery_' + jQuery(this).attr('id').replace('homepage_menu_item_', '');
    jQuery('.homepage_gallery').hide();
    jQuery(id).show();

    jQuery('.homepage_menu_item').removeClass('homepage_menu_item_selected');
    jQuery(this).addClass('homepage_menu_item_selected');
    change_box_continue = false;
  }, function(){});

  // Changes the selected tab when it's clicked
  jQuery('.homepage_menu_tabs a').click(function()
  {
    id = '.homepage_menu_item_page_' + jQuery(this).attr('id').replace('homepage_menu_tab_', '');

    jQuery('.homepage_menu_item').hide();
    jQuery(id).show().filter(':first').trigger('mouseover');

    jQuery('.homepage_menu_tabs a').removeClass('homepage_menu_tabs_selected');
    jQuery(this).addClass('homepage_menu_tabs_selected');
    change_box_continue = false;
  });

  // Clicks the default tab
  jQuery('#homepage_menu_tab_1').click();
  change_box_continue = true;

  // Handles the box carousel
  var change_box_timeout = 7000;
  function change_selected_box()
  {
    if (change_box_continue == false)
    {
      return;
    }

    id = parseInt(jQuery('.homepage_menu_item_selected').attr('id').replace('homepage_menu_item_', ''));

    if (id == amount_items)
    {
      jQuery('#homepage_menu_tab_1').click();
    }
    else
    {
      if (id % 3 == 0)
      {
        new_page = parseInt(id / 3) + 1;
        jQuery('#homepage_menu_tab_' + new_page).click();
      }
      else
      {
        ++id;
        jQuery('#homepage_menu_item_' + id).click();
      }
    }
    change_box_continue = true;

    setTimeout(change_selected_box, change_box_timeout);
  }
  setTimeout(change_selected_box, change_box_timeout);

  // Stops/starts the carousel
  jQuery('.homepage_menu_big').hover(function()
  {
    change_box_continue = false;
  }, function()
  {
    // change_box_continue = true;
    // setTimeout(change_selected_box, change_box_timeout);
  });

});

