$( document ).ready(function() {
  localStorage.clear();
  $.get('./tabs/news.html', function (data) {
    window.localStorage.setItem('news', data);
    $(".zakladki> div").html(data);
  });
  $('.nav_zakladki').eq(0).addClass('class-for-border');

  function loadContent(element){
    if(window.localStorage.getItem(element)){
      $(".zakladki> div").html(window.localStorage.getItem(element));
    }
    else{
      $.get("./tabs/"+element+'.html', function (data) {
        window.localStorage.setItem(element, data);
        $(".zakladki> div").html(data);
    });


    }
  };

$('nav ul > li > ul > li > ul > li').hover(function() {
    $( this ).parent().parent().children('a').css('color','#7cccb6');
    $( this ).parent().parent().parent().parent().children('a').css('color','#7cccb6');
  }, function() {
    $( this ).parent().parent().children('a').css('color','black');
    $( this ).parent().parent().parent().parent().children('a').css('color','black');
  }
);
$('nav ul > li > ul > li').hover(function() {
    $ (this).css('color','#7cccb6');
    $( this ).parent().parent().children('a').css('color','#7cccb6');
  }, function() {
    $ (this).css('color','black');
    $( this ).parent().parent().children('a').css('color','black');

  }
);
$('nav ul > li ').hover(function() {
    $ (this).children('a').css('color','#7cccb6');
  }, function() {
    $ (this).children('a').css('color','black');
  }
);

$('.navi').click(function(){
  var elementId = $(this).index();
  $('div ul li img').fadeOut();
  $('div ul li img').eq(elementId).fadeIn();
  $('.navi').css('background-color', 'white');
  $('.navi').eq(elementId).css('background-color', '#7cccb6');
});

$('.nav_zakladki').click(function(){
  var elementId = $(this).index();
  var element = $(this).text().toLowerCase().replace(" ","_");
  loadContent(element);

  $('.nav_zakladki').removeClass('class-for-border');
  $('.nav_zakladki').eq(elementId).addClass('class-for-border');


})


});