var infoHeight = "165";
var karieraHeight = "114"
 

var i = 1;

    $('.slideBox').each(function () {
                
                
                
                var current = $(this);
                var height = '';
                if ( current.attr('class') == 'info slideBox' ) {
                    height = infoHeight;
                }else if ( current.attr('class') == 'kariera slideBox' ){
                     height = karieraHeight;
                }
                if (current.height() > height){
                 /*  current.prepend('<div class="fade"></div><div class="fade2"></div>');*/
                
                
                
                current.attr("box_h", current.height());
                current.attr("no", i);
              
                     current.css("height", height +"px");
               
                current.parents('div.box').find('.btm a').attr("no",i);
                 current.parents('div.box').find('.btm a').click(function() { openSlider(current.parents('div.box').find('.btm a').attr("no"));return false; })
                i++;
               
                
 /* current.children('.fade').animate({ 
        opacity: 0.7,
        height:"12px"
      }, 1 );
 current.children('.fade2').animate({ 
        opacity: 0.4,
        height:"14px"
      }, 1 );*/
             
                }
         }
               

     );
    

 function openSlider(nr){
   
    var current = $(".slideBox[no=" + nr + "]");
   var open_height = current.attr("box_h") + "px";
   
  
    current.animate({"height": open_height}, {duration: "slow" });
    
     current.parents('div.box').find('.more').html('<a href="#" onclick="return false;">mniej</a>');
     current.parents('div.box').find('.btm a').click(function() { closeSlider(nr);return false; })
     

      
 /*current.children('.fade').css("display","none");
  current.children('.fade2').css("display","none");*/
}


function closeSlider(nr){
   var current = $(".slideBox[no=" + nr + "]");
  
   var height = '';
                if ( current.attr('class') == 'info slideBox' ) {
                    height = infoHeight;
                }else if ( current.attr('class') == 'kariera slideBox' ){
                     height = karieraHeight;
                }
  
    current.animate({"height": height +"px"}, {duration: "slow" });
     current.parents('div.box').find('.more').html('<a href="#" onclick="return false;">wiêcej</a>');
     current.parents('div.box').find('.btm a').click(function() { openSlider(nr);return false; })
/*current.children('.fade').animate({ 
        opacity: 0.7,
        height:"12px"
      }, 1 );
 current.children('.fade2').animate({ 
        opacity: 0.3,
        height:"14px"
      }, 1 );*/
                                                                                                                                                                                                                                                            
}