// JavaScript Document

$(function(){

    $('ul.estrela li').css({backgroundPosition: "-10px -60px"})
.hover(function(){
        $(this).stop().animate({backgroundPosition: '-10px -20px'});
    }, function(){
        $(this).stop().animate({backgroundPosition: '-10px -60px'});
    })
    

    $('ul.estrela1 li').css({backgroundPosition: "-10px -60px"})
.hover(function(){
        $(this).stop().animate({backgroundPosition: '0px -30px'},200).animate({backgroundPosition: '-10px -20px'},200);
    }, function(){
        $(this).stop().animate({backgroundPosition: '-10px -60px'});
    })

    
    $('ul.tarja li').css({backgroundPosition: "-400px 0"})
.hover(function(){
        $(this).stop().animate({backgroundPosition: '0 0px', paddingLeft:'20px'});
    }, function(){
        $(this).stop().animate({backgroundPosition: '-400px 0', paddingLeft:0});
    })
    
    $('ul.tarja1 li').css({backgroundPosition: "0 -100px"})
.hover(function(){
        $(this).stop().animate({backgroundPosition: '0 0'});
    }, function(){
        $(this).stop().animate({backgroundPosition: '0 -100px'});
    })

    $('ul.redimensiona li').hover(function(){
        $(this).stop().animate({fontSize:'150%'}, 300);
    }, function(){
        $(this).stop().animate({fontSize:'100%'},300);
    })

    $('ul.seta li').css({backgroundPosition: "-50px 10px"})
.hover(function(){
        $(this).stop().animate({backgroundPosition: '0 5px'},200);
    }, function(){
        $(this).stop().animate({backgroundPosition: '-50px 0', paddingLeft:'10px'});
    })
    
    $('ul.transicao li').css({backgroundPosition: "0 0"})
.hover(function(){
        $(this).stop().animate({backgroundPosition: '0px -150px'});
    }, function(){
        $(this).stop().animate({backgroundPosition: '0 0'});
    })
    


})