// JavaScript Document
// name: Thumbnail Hover Effect
// zalozen na: http://www.sohtanaka.com/web-design/fancy-thumbnail-hover-effect-w-jquery/

$(document).ready(function(){
  //Larger thumbnail preview 
  $("div.vzkaz div.miniram").hover(function() {
    $(this).css('z-index','10');
  	$(this).find('img').stop()
  		.animate({
  			marginTop: '-110px', 
  			marginLeft: '-110px',
        borderWidth: '10px', 
  			top: '50%', 
  			left: '50%', 
  			width: '192px', 
  			height: '144px'
  		}, 200);
  	
  	} , function() {
  	var ob = $(this);
  	$(this).css('z-index','5');
  	$(this).find('img').stop()
  		.animate({
  			marginTop: '11', 
  			marginLeft: '7',
  			borderWidth: '0px',
  			top: '0', 
  			left: '0', 
  			width: '64px', 
  			height: '48px'
  			
  		}, 400,  function(){ //callback function to make css run AFTER shrink
  			ob.css('z-index','0');
        }     
      ); 
    }
  );
});