var hoverImgAnimatStatus=0;
teaser = {
	'p':null,
	'b':teasers,
	'load':function()
	{
		$(".hoverImg").hover(
		
				function () {
					if (hoverImgAnimatStatus) return;
					hoverImgAnimatStatus++;
						
					$(this).animate({
								top:-30,
								marginLeft:24,
								width:290,
								height:195
						}, 150, function(){ hoverImgAnimatStatus=0; }
						);
				}, 

			function () {
				
					$(this).animate({
								marginLeft:0,
								top:0,
								width:195,
								height:131,
								left:0
						}, 150, function(){  }
						);
				}
		);
		jQuery(this.p).css('display','block');
		
	},
	'render':function()
	{
		window.document.write('<div class="zoomItemsBox" id="teaser" style="display:none;"></div>');
		this.p = document.getElementById('teaser');
		for(var i=0;i<this.b.length;i++)
		{
			var d = document.createElement('DIV');
			d.className = 'itemZoom';
			var a = document.createElement('A');
			jQuery(a).attr({'href':this.b[i][2], 'target':'_blank'});
			var y = document.createElement('IMG');
			jQuery(y).attr({'src':this.b[i][1], 'class':'hoverImg', 'alt':''}).appendTo(a);
			var e = document.createElement('DIV');
			jQuery(e).attr({'class':'imgPlaceHolder'});
			var f = document.createElement('DIV');
			var g = document.createElement('A');
			jQuery(g).attr({'href':this.b[i][2],'target':'_blank'}).html(this.b[i][3]);
			jQuery(f).attr('class','zoomImgCaption').append(g);
			jQuery(d).append(a).append(e).append(f);
			jQuery(this.p).append(d);
		}
	}
};
teaser.render();
jQuery(function(){
	teaser.load();
});