// One-page site

$(document).ready(function() {

  var bgImages     = ["images/bg_1.jpg", "images/bg_2.jpg", "images/bg_3.jpg"],
      bgImageIndex = Math.floor(Math.random() * bgImages.length);

  function setNewBgImage() {
    bgImageIndex += 1;
    if (bgImageIndex == bgImages.length) bgImageIndex = 0;
    $("img.bg").attr("src", bgImages[bgImageIndex]);
  }

  setNewBgImage();

  // initialise navigation based on initial hash
  var pageHashes = $('#nav li a').map(function(){ return $(this).attr('href'); }),
      currentHash = document.location.hash;

  // default to first page hash if missing/invalid hash
  if ($.inArray(currentHash, pageHashes) == -1) {
    currentHash = pageHashes[0];
    document.location.hash = pageHashes[0];
  }

  var currentPageHash = '#page_' + currentHash.substring(1);
  $('#nav a[href="' +currentHash+ '"]').addClass('activeMenu');
  $(currentPageHash).addClass('active');


  $('#header a.title').click(function(event) {
    // remove shine from active element
    $("#nav a.activeMenu").removeClass("activeMenu", 0);

    // add shine to new, current active
    $(this).toggleClass("activeMenu", 200);

    var targetID = 'page_' + $(this).attr("href").split('#')[1];
    if ($('#jsContainer section.active').length > 0) {
      $('#jsContainer section.active').stop(true, true);
      $('#jsContainer section.active').fadeOut('normal', function() {
        $('#'+targetID).fadeIn('normal').addClass('active');
      }).removeClass('active');
    }
    else {
      $('#'+targetID).fadeIn('normal').addClass('active');
    }

    setNewBgImage();
  });
});

// Inception clicks

$(document).ready(function() {

  // $("#abtNav li.ba img").fadeIn('fast');

  $('#abtNav a.navjs').click(function() {
    // $("#abtNav li.ba img").fadeOut('slow').parent().removeClass("ba");
    //
    // $(this).children("img").fadeIn('normal').parent().addClass("ba");

    $("li.bluearrow").removeClass("bluearrow");
    $(this).parents("li").addClass("bluearrow");

    var targetnavID = $(this).attr("id").replace("subNav_", "navText_");

    if ($('#navContainer section.activeNav').length > 0) {
      $('#navContainer section.activeNav').fadeOut('normal', function() {
        $('#'+targetnavID).fadeIn('normal').addClass('activeNav');
      }).removeClass('activeNav');
    }
    else{
      $('#'+targetnavID).fadeIn('normal').addClass('activeNav');
    }

    return false;
  });
});

// Double Inception nav

// $(document).ready(function() {
//   $("li.x").click(function(){
//       $("li.y").removeClass("yshown").addClass("yhidden");
//     $("li.z").removeClass("zshown").addClass("zhidden");
//       $(this).addClass("xshown");
//   });
// });
//
// $(document).ready(function() {
//   $("li.y").click(function(){
//       $("li.x").removeClass("xshown").addClass("xhidden");
//     $("li.z").removeClass("zshown").addClass("zhidden");
//       $(this).addClass("yshown");
//   });
// });

// Double Inception clicks

  $(document).ready(function() {

  $('a.navjs2').click(function(){
    $("li.bluearrow2").removeClass("bluearrow2");
    $(this).parents("li").addClass("bluearrow2");

    var targetdoublenavID = $(this).attr("id").replace("subNav2_", "navText2_");

    if ($('#navContainer2 section.activeNav2').length > 0) {
      $('#navContainer2 section.activeNav2').fadeOut('normal', function() {
        $('#'+targetdoublenavID).fadeIn('normal').addClass('activeNav2');
      }).removeClass('activeNav2');
    }
    else {
      $('#'+targetdoublenavID).fadeIn('normal').addClass('activeNav2');
    }

    return false;
  });

  // and another one !
  // that's really not pretty...

  $('a.navjs3').click(function(){
    $("li.bluearrow3").removeClass("bluearrow3");
    $(this).parents("li").addClass("bluearrow3");

    var targetdoublenavID = $(this).attr("id").replace("subNav3_", "navText3_");

    if ($('#navContainer3 section.activeNav3').length > 0) {
      $('#navContainer3 section.activeNav3').fadeOut('normal', function() {
        $('#'+targetdoublenavID).fadeIn('normal').addClass('activeNav3');
      }).removeClass('activeNav3');
    }
    else {
      $('#'+targetdoublenavID).fadeIn('normal').addClass('activeNav3');
    }

    return false;
  });
});