;(function() {
	var TeaserAnim = function() {
		var anims = jQuery('ul.teaser-product-item li.teaser-product-anim-item a');				
		
		jQuery('ul.teaser-product-item li.teaser-product-anim-item.teaser-top a') .tipsy({gravity: 's',fade: true, html:true});
		jQuery('ul.teaser-product-item li.teaser-product-anim-item.teaser-bottom a') .tipsy({gravity: 'n',fade: true, html:true});


		var allowed_class = ["frame-0","frame-1","frame-2","frame-3","frame-4","frame-5","frame-6","frame-7","frame-8","frame-9","frame-10",]
		//jQuery.inArray
		
		var frames = 8;
		var period = 35;
		var frame = [];
		var t =[];
		
		jQuery.each(anims, function(i,e) {
			
			frame[i] = 0;
			t[i] = null;
					
			
			jQuery(e).mouseover(function(evt)  {
				clearInterval(t[i]);
				var fwd = function() {					
					frame[i] += 1;	
					if (jQuery(e)) jQuery(e).removeClass('frame-'+frame[i]-1).addClass('frame-'+frame[i]);				
					if (frame[i]>=(frames-2)) clearInterval(t[i]);					
				}			
				
				t[i] = setInterval(fwd,period);
				
			})
			
			jQuery(e).mouseout(function(evt) {
				clearInterval(t[i]);
				var rew = function() {					
					frame[i] -= 1;	
					if (jQuery(e)) jQuery(e).removeClass('frame-'+(frame[i]+1)).addClass('frame-'+frame[i]);				
					if (frame[i]<=0) {
						frame[i] = 0;
						clearInterval(t[i]);												
					}
				}
				
				t[i] = setInterval(rew,period);
			
			});
			
		});
		
		
	}
	jQuery(document).ready(TeaserAnim)
})();