$(document).ready(function(){
$(".thumbTabella li").hover(function(){
$(this).css({
'z-index':'10'
});
$(this).find('img').addClass("hover").stop()
.animate({
marginTop:'-62px',
marginLeft:'-90px',
top:'50%',
left:'50%',
width:'160px',
height:'120px',
padding:'2px'
},300);
{
var a=$(this).find("img").attr("alt");
if(a.length!=0){
$(this).prepend('<span class="tooltip">'+a+'</span>');
$('.tooltip').animate({
width:'156px',
marginLeft:'-81px',
marginTop:'109px',
opacity:'1',
fontSize:'1em',
lineHeight:'1.5em',
float:'left',
},300).css({
'z-index':'10',
'position':'absolute',
'float':'left'
});
$('.tooltip p').animate({
fontSize:'1.375em',
lineHeight:'1.063em'
},300)
}
}
},function(){
$(this).css({
'z-index':'0'
});
$(this).find('img').removeClass("hover").stop()
.animate({
marginTop:'0',
marginLeft:'0',
top:'0',
left:'0',
width:'120px',
height:'90px',
padding:'0'
},300);
$(this).find('.tooltip').remove()
});
$(".polaroid li").hover(function(){
$(this).css({
'z-index':'10'
});
$(this).find('img').addClass("hover").stop()
.animate({
marginTop:'-110px',
marginLeft:'-110px',
top:'50%',
left:'50%',
width:'200px',
height:'240px',
},300);
},function(){
$(this).css({
'z-index':'0'
});
$(this).find('img').removeClass("hover").stop()
.animate({
marginTop:'0',
marginLeft:'0',
top:'0',
left:'0',
width:'160px',
height:'192px'
},300);
});
});