$(document).ready( function() {
  $("#top").click(function() {
    var divOffset = $('#clanok').offset().top;
    var pOffset = $('#clanok #pridat').offset().top;
    var pScroll = pOffset - divOffset;
    $('html, body').animate({scrollTop:pScroll}, 500);
    return false;
  } );
  
 
  $("#ryby").click(function() {
    $("#ryby").addClass("aktivne");
    $(".ryby").removeClass("hidden");
    document.cookie="znamenie=ryby";

    $("#baran").removeClass("aktivne");
    $(".baran").addClass("hidden");
    $("#byk").removeClass("aktivne");
    $(".byk").addClass("hidden");
    $("#blizenci").removeClass("aktivne");
    $(".blizenci").addClass("hidden");
    $("#rak").removeClass("aktivne");
    $(".rak").addClass("hidden");
    $("#lev").removeClass("aktivne");
    $(".lev").addClass("hidden");
    $("#panna").removeClass("aktivne");
    $(".panna").addClass("hidden");
    $("#vahy").removeClass("aktivne");
    $(".vahy").addClass("hidden");
    $("#skorpion").removeClass("aktivne");
    $(".skorpion").addClass("hidden");
    $("#strelec").removeClass("aktivne");
    $(".strelec").addClass("hidden");
    $("#kozorozec").removeClass("aktivne");
    $(".kozorozec").addClass("hidden");
    $("#vodnar").removeClass("aktivne");
    $(".vodnar").addClass("hidden");
  } );
  
  $("#baran").click(function() {
    $("#baran").addClass("aktivne");
    $(".baran").removeClass("hidden");
    document.cookie="znamenie=baran";
    
    $("#ryby").removeClass("aktivne");
    $(".ryby").addClass("hidden");
    $("#byk").removeClass("aktivne");
    $(".byk").addClass("hidden");
    $("#blizenci").removeClass("aktivne");
    $(".blizenci").addClass("hidden");
    $("#rak").removeClass("aktivne");
    $(".rak").addClass("hidden");
    $("#lev").removeClass("aktivne");
    $(".lev").addClass("hidden");
    $("#panna").removeClass("aktivne");
    $(".panna").addClass("hidden");
    $("#vahy").removeClass("aktivne");
    $(".vahy").addClass("hidden");
    $("#skorpion").removeClass("aktivne");
    $(".skorpion").addClass("hidden");
    $("#strelec").removeClass("aktivne");
    $(".strelec").addClass("hidden");
    $("#kozorozec").removeClass("aktivne");
    $(".kozorozec").addClass("hidden");
    $("#vodnar").removeClass("aktivne");
    $(".vodnar").addClass("hidden");

  } );
  
  $("#byk").click(function() {
    $("#byk").addClass("aktivne");
    $(".byk").removeClass("hidden");
    document.cookie="znamenie=byk";
    
    $("#baran").removeClass("aktivne");
    $(".baran").addClass("hidden");
    $("#ryby").removeClass("aktivne");
    $(".ryby").addClass("hidden");
    $("#blizenci").removeClass("aktivne");
    $(".blizenci").addClass("hidden");
    $("#rak").removeClass("aktivne");
    $(".rak").addClass("hidden");
    $("#lev").removeClass("aktivne");
    $(".lev").addClass("hidden");
    $("#panna").removeClass("aktivne");
    $(".panna").addClass("hidden");
    $("#vahy").removeClass("aktivne");
    $(".vahy").addClass("hidden");
    $("#skorpion").removeClass("aktivne");
    $(".skorpion").addClass("hidden");
    $("#strelec").removeClass("aktivne");
    $(".strelec").addClass("hidden");
    $("#kozorozec").removeClass("aktivne");
    $(".kozorozec").addClass("hidden");
    $("#vodnar").removeClass("aktivne");
    $(".vodnar").addClass("hidden");
  } );
  
  $("#blizenci").click(function() {
    $("#blizenci").addClass("aktivne");
    $(".blizenci").removeClass("hidden");
    document.cookie="znamenie=blizenci";
    
    $("#baran").removeClass("aktivne");
    $(".baran").addClass("hidden");
    $("#ryby").removeClass("aktivne");
    $(".ryby").addClass("hidden");
    $("#byk").removeClass("aktivne");
    $(".byk").addClass("hidden");
    $("#rak").removeClass("aktivne");
    $(".rak").addClass("hidden");
    $("#lev").removeClass("aktivne");
    $(".lev").addClass("hidden");
    $("#panna").removeClass("aktivne");
    $(".panna").addClass("hidden");
    $("#vahy").removeClass("aktivne");
    $(".vahy").addClass("hidden");
    $("#skorpion").removeClass("aktivne");
    $(".skorpion").addClass("hidden");
    $("#strelec").removeClass("aktivne");
    $(".strelec").addClass("hidden");
    $("#kozorozec").removeClass("aktivne");
    $(".kozorozec").addClass("hidden");
    $("#vodnar").removeClass("aktivne");
    $(".vodnar").addClass("hidden");
  } );

  $("#rak").click(function() {
    $("#rak").addClass("aktivne");
    $(".rak").removeClass("hidden");
    document.cookie="znamenie=rak";
    
    $("#baran").removeClass("aktivne");
    $(".baran").addClass("hidden");
    $("#ryby").removeClass("aktivne");
    $(".ryby").addClass("hidden");
    $("#byk").removeClass("aktivne");
    $(".byk").addClass("hidden");
    $("#blizenci").removeClass("aktivne");
    $(".blizenci").addClass("hidden");
    $("#lev").removeClass("aktivne");
    $(".lev").addClass("hidden");
    $("#panna").removeClass("aktivne");
    $(".panna").addClass("hidden");
    $("#vahy").removeClass("aktivne");
    $(".vahy").addClass("hidden");
    $("#skorpion").removeClass("aktivne");
    $(".skorpion").addClass("hidden");
    $("#strelec").removeClass("aktivne");
    $(".strelec").addClass("hidden");
    $("#kozorozec").removeClass("aktivne");
    $(".kozorozec").addClass("hidden");
    $("#vodnar").removeClass("aktivne");
    $(".vodnar").addClass("hidden");
  } );
  
  $("#lev").click(function() {
    $("#lev").addClass("aktivne");
    $(".lev").removeClass("hidden");
    document.cookie="znamenie=lev";
    
    $("#baran").removeClass("aktivne");
    $(".baran").addClass("hidden");
    $("#ryby").removeClass("aktivne");
    $(".ryby").addClass("hidden");
    $("#byk").removeClass("aktivne");
    $(".byk").addClass("hidden");
    $("#blizenci").removeClass("aktivne");
    $(".blizenci").addClass("hidden");
    $("#rak").removeClass("aktivne");
    $(".rak").addClass("hidden");
    $("#panna").removeClass("aktivne");
    $(".panna").addClass("hidden");
    $("#vahy").removeClass("aktivne");
    $(".vahy").addClass("hidden");
    $("#skorpion").removeClass("aktivne");
    $(".skorpion").addClass("hidden");
    $("#strelec").removeClass("aktivne");
    $(".strelec").addClass("hidden");
    $("#kozorozec").removeClass("aktivne");
    $(".kozorozec").addClass("hidden");
    $("#vodnar").removeClass("aktivne");
    $(".vodnar").addClass("hidden");
  } );
   
  $("#panna").click(function() {
    $("#panna").addClass("aktivne");
    $(".panna").removeClass("hidden");
    document.cookie="znamenie=panna";
    
    $("#baran").removeClass("aktivne");
    $(".baran").addClass("hidden");
    $("#ryby").removeClass("aktivne");
    $(".ryby").addClass("hidden");
    $("#byk").removeClass("aktivne");
    $(".byk").addClass("hidden");
    $("#blizenci").removeClass("aktivne");
    $(".blizenci").addClass("hidden");
    $("#lev").removeClass("aktivne");
    $(".lev").addClass("hidden");
    $("#rak").removeClass("aktivne");
    $(".rak").addClass("hidden");
    $("#vahy").removeClass("aktivne");
    $(".vahy").addClass("hidden");
    $("#skorpion").removeClass("aktivne");
    $(".skorpion").addClass("hidden");
    $("#strelec").removeClass("aktivne");
    $(".strelec").addClass("hidden");
    $("#kozorozec").removeClass("aktivne");
    $(".kozorozec").addClass("hidden");
    $("#vodnar").removeClass("aktivne");
    $(".vodnar").addClass("hidden");
  } );
    
  $("#vahy").click(function() {
    $("#vahy").addClass("aktivne");
    $(".vahy").removeClass("hidden");
    document.cookie="znamenie=vahy";
    
    $("#baran").removeClass("aktivne");
    $(".baran").addClass("hidden");
    $("#ryby").removeClass("aktivne");
    $(".ryby").addClass("hidden");
    $("#byk").removeClass("aktivne");
    $(".byk").addClass("hidden");
    $("#blizenci").removeClass("aktivne");
    $(".blizenci").addClass("hidden");
    $("#lev").removeClass("aktivne");
    $(".lev").addClass("hidden");
    $("#panna").removeClass("aktivne");
    $(".panna").addClass("hidden");
    $("#rak").removeClass("aktivne");
    $(".rak").addClass("hidden");
    $("#skorpion").removeClass("aktivne");
    $(".skorpion").addClass("hidden");
    $("#strelec").removeClass("aktivne");
    $(".strelec").addClass("hidden");
    $("#kozorozec").removeClass("aktivne");
    $(".kozorozec").addClass("hidden");
    $("#vodnar").removeClass("aktivne");
    $(".vodnar").addClass("hidden");
  } );

  $("#skorpion").click(function() {
    $("#skorpion").addClass("aktivne");
    $(".skorpion").removeClass("hidden");
    document.cookie="znamenie=skorpion";
    
    $("#baran").removeClass("aktivne");
    $(".baran").addClass("hidden");
    $("#ryby").removeClass("aktivne");
    $(".ryby").addClass("hidden");
    $("#byk").removeClass("aktivne");
    $(".byk").addClass("hidden");
    $("#blizenci").removeClass("aktivne");
    $(".blizenci").addClass("hidden");
    $("#lev").removeClass("aktivne");
    $(".lev").addClass("hidden");
    $("#panna").removeClass("aktivne");
    $(".panna").addClass("hidden");
    $("#vahy").removeClass("aktivne");
    $(".vahy").addClass("hidden");
    $("#rak").removeClass("aktivne");
    $(".rak").addClass("hidden");
    $("#strelec").removeClass("aktivne");
    $(".strelec").addClass("hidden");
    $("#kozorozec").removeClass("aktivne");
    $(".kozorozec").addClass("hidden");
    $("#vodnar").removeClass("aktivne");
    $(".vodnar").addClass("hidden");
  } );
     
  $("#strelec").click(function() {
    $("#strelec").addClass("aktivne");
    $(".strelec").removeClass("hidden");
    document.cookie="znamenie=strelec";
    
    $("#baran").removeClass("aktivne");
    $(".baran").addClass("hidden");
    $("#ryby").removeClass("aktivne");
    $(".ryby").addClass("hidden");
    $("#byk").removeClass("aktivne");
    $(".byk").addClass("hidden");
    $("#blizenci").removeClass("aktivne");
    $(".blizenci").addClass("hidden");
    $("#lev").removeClass("aktivne");
    $(".lev").addClass("hidden");
    $("#panna").removeClass("aktivne");
    $(".panna").addClass("hidden");
    $("#vahy").removeClass("aktivne");
    $(".vahy").addClass("hidden");
    $("#skorpion").removeClass("aktivne");
    $(".skorpion").addClass("hidden");
    $("#rak").removeClass("aktivne");
    $(".rak").addClass("hidden");
    $("#kozorozec").removeClass("aktivne");
    $(".kozorozec").addClass("hidden");
    $("#vodnar").removeClass("aktivne");
    $(".vodnar").addClass("hidden");
  } );
 
  $("#kozorozec").click(function() {
    $("#kozorozec").addClass("aktivne");
    $(".kozorozec").removeClass("hidden");
    document.cookie="znamenie=kozorozec";
    
    $("#baran").removeClass("aktivne");
    $(".baran").addClass("hidden");
    $("#ryby").removeClass("aktivne");
    $(".ryby").addClass("hidden");
    $("#byk").removeClass("aktivne");
    $(".byk").addClass("hidden");
    $("#blizenci").removeClass("aktivne");
    $(".blizenci").addClass("hidden");
    $("#lev").removeClass("aktivne");
    $(".lev").addClass("hidden");
    $("#panna").removeClass("aktivne");
    $(".panna").addClass("hidden");
    $("#vahy").removeClass("aktivne");
    $(".vahy").addClass("hidden");
    $("#skorpion").removeClass("aktivne");
    $(".skorpion").addClass("hidden");
    $("#strelec").removeClass("aktivne");
    $(".strelec").addClass("hidden");
    $("#rak").removeClass("aktivne");
    $(".rak").addClass("hidden");
    $("#vodnar").removeClass("aktivne");
    $(".vodnar").addClass("hidden");
  } );
  
  $("#vodnar").click(function() {
    $("#vodnar").addClass("aktivne");
    $(".vodnar").removeClass("hidden");
    document.cookie="znamenie=vodnar";
    
    $("#baran").removeClass("aktivne");
    $(".baran").addClass("hidden");
    $("#ryby").removeClass("aktivne");
    $(".ryby").addClass("hidden");
    $("#byk").removeClass("aktivne");
    $(".byk").addClass("hidden");
    $("#blizenci").removeClass("aktivne");
    $(".blizenci").addClass("hidden");
    $("#lev").removeClass("aktivne");
    $(".lev").addClass("hidden");
    $("#panna").removeClass("aktivne");
    $(".panna").addClass("hidden");
    $("#vahy").removeClass("aktivne");
    $(".vahy").addClass("hidden");
    $("#skorpion").removeClass("aktivne");
    $(".skorpion").addClass("hidden");
    $("#strelec").removeClass("aktivne");
    $(".strelec").addClass("hidden");
    $("#kozorozec").removeClass("aktivne");
    $(".kozorozec").addClass("hidden");
    $("#rak").removeClass("aktivne");
    $(".rak").addClass("hidden");
  } );
   
  $("#login").click(function() {
    $("#loginForm").removeClass("hidden");
  } ); 
  $("#loginZavri").click(function() {
    $("#loginForm").addClass("hidden");
  } ); 
  
});