$(document).ready(function(){
  $('.stone').css({'display': 'block'});
  var ie = /*@cc_on!@*/0;
  if(ie == true) {
    var speed = 0;
  } else {
    var speed = 'fast';
  }
  var hash = window.location.hash.substr(1);
  
  if (hash=='') {
    $('#loading').css({'display': 'block'});
    $('#loading').css({'height': $(window).height()+'px', 'display': 'block'});
    $('.loadingGif').css({'margin-top': $(window).height()/3+'px'});
    $('body').css({'overflow': 'hidden'});
    $('#header').css({'top': '-450px'});
    $('#loading').waitForImages(function() {
      for (i = 1; i < 16; i++) {
        $('#loadingImg').append('<img src="images/products/'+ i +'.png" alt="" />');
      }
      for (i = 1; i < 5; i++) {
        $('#loadingImg').append('<img src="images/bg'+ i +'.jpg" alt="" />');
      }
      $('#loadingImg').waitForImages(function() {

              $('body').css({'overflow': 'auto'});
              $('html, body').animate({scrollTop: 1500}, 2500, 'easeInOutQuart', function() {
                $('#header').animate({"top": "0px"}, 1200);
              });
              $('#loading').delay(1500).animate({
                height: '0'
              }, 1000, function(){
                  $('#loading').hide();
              });
          }, function(loaded, count) {
      });
    });
  }

  $('#header ul a').click(function(){
    var hash = $(this).attr('href');
    _gaq.push(['_trackPageview', hash]);
    $('.layer').hide();
    $('html, body').animate({scrollTop: $($(this).attr('href')).offset().top}, 2000, 'easeInOutQuart', function() {
      window.location.hash = hash;
    });
    return false;
  });
  
  $('.footerLogo').click(function(){
    var hash = $(this).attr('href'); 
    _gaq.push(['_trackPageview', hash]);
    $('html, body').animate({scrollTop: $($(this).attr('href')).offset().top}, 2000, 'easeInOutQuart', function() {
      window.location.hash = hash;
    });
    return false;
  });
  
  $('.circles a.hover').hoverIntent(
    function () {
      var circle = $(this).attr('rel');
      $("."+circle).fadeIn(speed);
    },
    function () {}
  );
  
  $('.circles a.hover').click(
    function () {
      return false;
    }
  );


  $('.bigCircle').mouseleave(function(){
    $(this).fadeOut(speed);
  });

  $('.plus').hoverIntent(
    function () {
      var minus = $(this).attr('rel');
      $("."+minus).fadeIn(speed);
    },
    function () {
    }
  );

  $('.plus').mouseleave(function(){
      var minus = $(this).attr('rel');
      $("."+minus).fadeOut(speed);
  });

  $('.plus').click(function(){
      return false;
  });
  
  $(window).scroll(function () {
    windowTop = $(window).scrollTop();
    windowBottom = $(window).scrollTop() + $(window).height();
    baloonCoord = 200 + windowTop * -0.75;
    $(".baloon").css({"top": baloonCoord + "px"});
    baloon2Coord = 450 + windowTop * 0.15;
    $(".baloon2").css({"top": baloon2Coord + "px"});
    butterflyCoord = 1100 + windowTop * -0.75;
    $(".butterfly").css({"top": butterflyCoord + "px"});
    butterfly2Coord = 650 + windowTop * -0.15;
    $(".butterfly2").css({"top": butterfly2Coord + "px"});
    cloudCoord = 500 + windowTop * -0.6;
    $(".cloud").css({"top": cloudCoord + "px"});
    cloud2Coord = 200 + windowTop * 0.2;
    $(".cloud2").css({"top": cloud2Coord + "px"});


    if ($(window).scrollTop()<700) {
      $('#header ul a').removeClass('active');
      $('.company a').addClass('active');
    }
    if ($(window).scrollTop()>700 && $(window).scrollTop()<1450) {
      $('#header ul a').removeClass('active');
      $('.mountains a').addClass('active');
    }
    if ($(window).scrollTop()>1450 && $(window).scrollTop()<2200) {
      $('#header ul a').removeClass('active');
      $('.products a').addClass('active');
    }
    if ($(window).scrollTop()>2200) {
      $('#header ul a').removeClass('active');
      $('.goodWater a').addClass('active');
    }
    if ($(window).scrollTop()>2000 && $(window).scrollTop()<2350) {
      stoneCoord = (windowTop-1900)*1.1;
      $(".stone").css({"top": stoneCoord + "px"});
      $(".stone").css({"top": stoneCoord + "px", "background-image": "url(images/stone.png)"});
      $(".stone span").html(Math.round(stoneCoord/2) +" m");
    }
    if ($(window).scrollTop()>2350) {
      stoneCoord = 500;
      $(".stone").css({"top": stoneCoord + "px", "background-image": "url(images/stone2.png)"});
      $(".stone span").html("260 m");
    }

  });

  $(".close").click(
    function () {
      $(this).closest('.layer').fadeOut();
      $('.layerVideo').html('');
    return false;
    }
  );

  $('.topCircles a.showLayer').click(
    function () {
      var toLoad = $(this).attr('href') + '.php';
      $('.layer').hide();
      $('.layer1 .layerContent').load(toLoad + ' .toLoad', function(){
        $('html, body').animate({scrollTop: $('#o-spolecnosti').offset().top}, 1000, 'easeInOutQuart');
        $('.layer1').fadeIn();
        $('#scrollbarBlock').tinyscrollbar();
      });
      return false;
    }
  );

  $('.tips a').click(
    function () {
      var toLoad = $(this).attr('href') + '.php';
      var section = $(this).attr('rel');            
      _gaq.push(['_trackPageview', rel]);
      $('.layer').hide();
      $('.layer2 .layerContent').load(toLoad + ' .' + section, function(){
        $('html, body').animate({scrollTop: $('#novohradske-hory').offset().top}, 1000, 'easeInOutQuart');
        $('.layer2').fadeIn();
        $('#scrollbarBlock2').tinyscrollbar();

        $('.moveTip').live('click',
          function () {
            var toLoad = $(this).attr('href') + '.php';
            var section = $(this).attr('rel');           
            _gaq.push(['_trackPageview', rel]);
            $(this).closest('.tip').fadeOut();
            $('.layerContent').hide();
            $('.layer2 .layerContent').load(toLoad + ' .' + section, function(){
              $('.layerContent').fadeIn();
              $('#scrollbarBlock2').tinyscrollbar();
            });
            return false;
          }
        );
      });
      return false;
    }
  );
  
  $('.bottomCircles a.showLayer').click(
    function () {
      var toLoad = $(this).attr('href') + '.php'; 
      $('.layer').hide();
      $('.layer3 .layerContent').load(toLoad + ' .toLoad', function(){
        $('html, body').animate({scrollTop: $('#proc-pit').offset().top}, 1000, 'easeInOutQuart');
        $('.layer3').fadeIn();
        $('#scrollbarBlock3').tinyscrollbar();
      });
      return false;
    }
  );

  $('.prodCircles a.showLayer').click(
    function () {
      var toLoad = $(this).attr('href') + '.php';            
      _gaq.push(['_trackPageview', href]);
      $('.layer').hide();
      $('.layer4 .layerContent').load(toLoad + ' .toLoad', function(){
        $('html, body').animate({scrollTop: $('#produkty').offset().top}, 1000, 'easeInOutQuart');
        $('.layer4').fadeIn();
        $('#scrollbarBlock4').tinyscrollbar();
      });
      return false;
    }
  );

  var prod = 1;
  var prodCount = 16;
  
  $('.arrLeft').click(
    function () {
      prod = prod-1;   
      var gaprod = 'produkt'+prod;          
      _gaq.push(['_trackPageview', gaprod]);
      if (prod<1) prod = prodCount;
      $('.bottleImage').fadeOut(speed, function(){
        $('.bottleImage').css({ 'background-image': 'url(images/products/'+prod+'.png)' });
      });
      $('.prodDesc').fadeOut(speed, function() {
        $('.prodDesc').load('produkty.php' + ' .prod'+prod, function(){
          $('.prodDesc').fadeIn(speed);
        });
      });
      $('.bottleImage').fadeIn(speed);
      $('.prodMenu a').removeClass();
      if (prod<4) {
        $('.cat1 a').addClass('active');
      }
      if (prod<13 && prod > 3) {
        $('.cat2 a').addClass('active');
      }
      if (prod<17 && prod > 12) {
        $('.cat3 a').addClass('active');
      }
      return false;
    }
  );

  $('.arrRight').click(
    function () {
      prod = prod+1; 
      var gaprod = 'produkt'+prod;          
      _gaq.push(['_trackPageview', gaprod]);
      if (prod>prodCount) prod = 1;
      $('.bottleImage').fadeOut(speed, function(){
        $('.bottleImage').css({ 'background-image': 'url(images/products/'+prod+'.png)' });
      });
      $('.prodDesc').fadeOut(speed, function() {
        $('.prodDesc').load('produkty.php' + ' .prod'+prod, function(){
          $('.prodDesc').fadeIn(speed);
        });
      });
      $('.bottleImage').fadeIn(speed);
      $('.prodMenu a').removeClass();
      if (prod>3 && prod < 13) {
        $('.cat2 a').addClass('active');
      }
      if (prod>12 && prod < 17) {
        $('.cat3 a').addClass('active');
      }
      if (prod>0 && prod < 4) {
        $('.cat1 a').addClass('active');
      }
      return false;
    }
  );

  $('.prodMenu a').click(
    function () {
      prod = parseInt($(this).attr('rel'));                 
      _gaq.push(['_trackPageview', prod]);
      $('.bottleImage').fadeOut(speed, function(){
        $('.bottleImage').css({ 'background-image': 'url(images/products/'+prod+'.png)' });
      });
      $('.prodDesc').fadeOut(speed, function() {
        $('.prodDesc').load('produkty.php' + ' .prod'+prod, function(){
          $('.prodDesc').fadeIn(speed);
        });
      });
      $('.bottleImage').fadeIn(speed);
      $('.prodMenu a').removeClass();
      $(this).addClass('active');
      return false;
    }
  );

  $('#spots a').live('click',
    function () {
               
      _gaq.push(['_trackPageview', 'video']);
      var newVideo = '.'+$(this).attr('rel')+' .spotStorage';
      $('#spots h5').removeClass('active');
      $('.layerVideo').html($(newVideo).html());
      $('.'+$(this).attr('rel')+' h5').addClass('active');
      return false;
    }
  );

});