    function ani()
    { 

		for(i=1; i<=4; i++)
		{
			var temp = "lab" + i;
			var temp1 = "p" + i;
			cssAni(document.getElementById(temp1),document.getElementById(temp),7,i);
		
		}
    } 

    function cssAni(osrc,otarget,num,tempnum,duration)
    { 	   
	    var t=null,c=1,d=0,n=0,i=Math.floor((duration||300)/num); 
        var r=/over/; 
        var a=[0,0,51,101,153,205,257,309];
        otarget.onmouseover=otarget.onmouseout=function(e)
        { 
            n=r.test((e||event).type)?1:-1; 
            if(!t) t=setInterval(function()
            { 
                if((c==1||c==num)&&((d==n||c+n<1)||!(d=n))) 
                return clearInterval(t),t=null; 				
         otarget.style.backgroundPosition = (0 - a[(c+=d)]) + 'px' + ' ' + (0-(tempnum-1)*37) +'px';
            },i); 
        }; 
        osrc.onmouseover=osrc.onmouseout=function(e)
        { 
            n=r.test((e||event).type)?1:-1; 
            if(!t) t=setInterval(function()
            { 
                if((c==1||c==num)&&((d==n||c+n<1)||!(d=n))) 
                return clearInterval(t),t=null; 				
          otarget.style.backgroundPosition = (0 - a[(c+=d)]) + 'px' + ' ' + (0-(tempnum-1)*37) +'px';
            },i); 
        }; 
    } 

