$(document).ready(function(){
   timer1 = null; 
   

   snoskaDotMig = function() {
      $('.snoskaDotColor').each(function(){
         $(this).data("cm", 0);
         initMig(this);
      });
   }

   initMig = function(obj) {
      $(obj).animate({backgroundColor: "#279bd6"}, 200, function(){
         
         $(this).animate({backgroundColor: "#B8200F"}, 200, endMig(this));
        });

   }
   
   endMig = function(obj) {
      var counter = "";
      if (!(counter = $(obj).data("cm"))) {
         counter = 1;
      } 
      
      if (counter > 7) {
         return false;
      } else {
         initMig(obj);
      }
      $(obj).data("cm", ++counter);
   }

   setInterval("snoskaDotMig()", 5000);

  

   
   $(".linkSnoska").mouseover(function(){
      if (!$(this).hasClass("act")) {
         displaySnoska($(this).attr("id"), true);
      } 
   });

   $(".linkSnoska, .headSnoska").mousemove(function() {
      clearTimeout(timer1);
   });

   $(".headSnoska").mouseover(function(){
      clearTimeout(timer1);
   });

   
   $(".linkSnoska").mouseout(function(event){
      if ($(this).hasClass("act")) {
         timer1 = setTimeout("displaySnoska('"+$(this).attr("id")+"', false);", 5000);
      }
   });

   
   $(".headSnoska").mouseout(function(event){
      var idTmp = $(this).prev(".linkSnoska:first").attr("id");
      timer1 = setTimeout("displaySnoska('"+idTmp+"', false);", 3000);
   });
      
   displaySnoska = function(id, flag) {
      if (flag) {
         clearTimeout(timer1);
         $(".linkSnoska:not(#"+id+")").each(function(){
            if ($(this).hasClass("act")) {
               displaySnoska($(this).attr("id"), false);
            }
         });
         $("#"+id).addClass("act");
         $(".headSnoska div.c").css({"display" :"none"});
         $("#"+id+"~.headSnoska:first").find("div.c").css({"display" :"block"});
         
      } else {
         $("#"+id).removeClass("act");
         $("#"+id+"~.headSnoska div.c").css({"display" :"none"});
      }
   }
   
});