// JavaScript Document

/*var marginLeft = {lyzar: '0px', bezkar: '70px', turista: '124px', kolo: '178px', sauna: '232px', 
			  sprcha: '286px', wc: '340px', pes: '394px'};*/
  
var lastId = 50;
var aktNumber;

$(document).ready(function() {
  	$('div#servicesCedule').hover(function() {
  		  $('div#servicesCedule').show();
  	}, function() {
        $('div#servicesCedule').hide();
    });

  	$('ul.services li').hover(function() {
    		var popis = $(this).find('span.popis').text();     		
    		aktNumber = $(this).prevAll().size();    //index od 0..
    		var marginLeft = aktNumber == 0 ? '0px' : (55+56*(aktNumber-1)) +'px';  
    		
    		if(lastId == aktNumber){  //osetreni jednoho pripadu
            $('div#servicesCedule p').hide();
        }   
    		$('div#servicesCedule').show().stop()
    			.animate({marginLeft: marginLeft}, 300, function() {
             if(lastId == 50){
    			     $('div#servicesCedule p').text(popis).fadeIn('slow',function(){lastId = aktNumber;});
    			   }
    			   else if(lastId == aktNumber){
                $('div#servicesCedule p').text(popis).fadeIn('slow',function(){lastId = aktNumber;});
             }
             else{
               $('div#servicesCedule p').fadeOut('slow', function(){
                  $(this).text(popis).fadeIn('slow', function(){lastId = aktNumber;});
               });  
             } 
          });                  
    },function() {
        $('div#servicesCedule').hide();
    });	
});