$(document).ready(function () {
		
		$('#ver li a').hover(
			function () {
				width = $(this).width() * (-1);
				$(this).stop().animate({'backgroundPosition':'(' + width + ' 0)'}, {duration:200});	
			}, 
			
			function () {
				$(this).stop().animate({'backgroundPosition':'(0 0)'}, {duration:200});	
			}
		);

		$('#hor li a').hover(
			function () {
				height = $(this).height() * (-1);
				$(this).stop().animate({'backgroundPosition':'(0 ' + height + ')'}, {duration:200});	
			}, 
			
			function () {
				$(this).stop().animate({'backgroundPosition':'(0 0)'}, {duration:200});	
			}
		);
		
	});

$(document).ready(function(){
      $('#menu').spritemenu({
        grid:"images/menu.png",
        buttonwidth: 110,
        buttonheight: 80,
        speed: 'slow',
        easing: 'easeOutBounce',  //You need the easing plugin for anything other than 'swing' or 'linear'
        animate: 'height'
      });
      $('#ver').spritemenu({
        grid:"images/menubr.png",
        buttonwidth: 310,
        buttonheight: 56
      });
    });