jQuery(function( $ ){
  /**
   * Script fore Aroma-Spa site
   */
// Определение перемещательной переменной
  var $aromaScoll = $('#global-element');

  $.scrollTo.defaults.axis = 'xy';
// Функция возврата назад
    $('a.goToBack').click(function(){
    var $targetBack = $aromaScoll.find('div#area05');
    $(this).parents('div#global-element').scrollTo( $targetBack , 800, { queue:true } );
      return false;
    });

//by default, the scroll is only done vertically ('y'), change it to both.
//this one is important, many browsers don't reset scroll on refreshes

// Указание начальной позиции при загрузке
  $('div#global-element').scrollTo( 'div#area05', { offset:{ top:0,left:50} } );// 100 С какого поля начинаем
  $.scrollTo( 'div#area05', { offset:{ top:0,left:50} } );// 100 reset the screen to (0,0)


//Квадрат #1
  $('.goTo1').click(function(){
    var $target = $aromaScoll.find('div#area01');
    $aromaScoll.stop().scrollTo( $target , 800 );
  });

  $('.goTo2').click(function(){
    var $target = $aromaScoll.find('div#area02');
    $aromaScoll.stop().scrollTo( $target , 800, { offset:{ top:0,left:50 } } );
  });

  $('.goTo3').click(function(){
    var $target = $aromaScoll.find('div#area03');
    $aromaScoll.stop().scrollTo( $target , 800, { offset:{ top:0,left:300 } }  );
  });

  $('.goTo4').click(function(){
    var $target = $aromaScoll.find('div#area04');
    $aromaScoll.stop().scrollTo( $target , 800 );
  });

  $('.goTo5').click(function(){
    var $target = $aromaScoll.find('div#area05');
    $aromaScoll.stop().scrollTo( $target , 800, { offset:{ top:0,left:50 } }  );
  });

  $('.goTo6').click(function(){
    var $target = $aromaScoll.find('div#area06');
    $aromaScoll.stop().scrollTo( $target , 800, { offset:{ top:0, left:300 } }  );
  });
/*
  $('.goTo7').click(function(){
    var $target = $aromaScoll.find('div#area07');
    $aromaScoll.stop().scrollTo( $target , 800 );
  });

  $('.goTo8').click(function(){
    var $target = $aromaScoll.find('div#area08');
    $aromaScoll.stop().scrollTo( $target , 800, { offset:{ top:0,left:50 } }  );
  });

  $('.goTo9').click(function(){
    var $target = $aromaScoll.find('div#area09');
    $aromaScoll.stop().scrollTo( $target , 800, { offset:{ top:0,left:400 } }  );
  });
    $('#relative-position').click(function(){
    $aromaScoll.stop().scrollTo( '+=100', 500 );
  });
  */
/* --- Panels --- */

  $('.panel-switch').click(function(){
    $(this).toggleClass('expanded');
    $(this).parents('.panel').find('.panel-content').slideToggle('fast');
  });


  $('.panel-switch-1').click(function(){
    $(this).toggleClass('expanded');
    $(this).parents('.panel').find('.panel-content-1').slideDown('fast');
    $(this).parents('.panel').find('.panel-content-2').slideUp('fast');
    $(this).parents('.panel').find('.panel-content-3').slideUp('fast');
  });

  $('.panel-switch-2').click(function(){
    $(this).toggleClass('expanded');
    $(this).parents('.panel').find('.panel-content-2').slideDown('fast');
    $(this).parents('.panel').find('.panel-content-1').slideUp('fast');
    $(this).parents('.panel').find('.panel-content-3').slideUp('fast');
  });

  $('.panel-switch-3').click(function(){
    $(this).toggleClass('expanded');
    $(this).parents('.panel').find('.panel-content-3').slideDown('fast');
    $(this).parents('.panel').find('.panel-content-2').slideUp('fast');
    $(this).parents('.panel').find('.panel-content-1').slideUp('fast');
  });

// Parse #hashtag and open correct pseudo page
  if (location.hash) {
    var hash =  location.hash.substr(1)
    if ($('.'+hash))
      $('.'+hash).trigger("click")
  }


});