jQuery(document).ready( function(){
    jQuery('.dealio_block').each( function(){
        var data = ({like : jQuery(this).attr('data')});
		var actual = jQuery(this);
	jQuery.ajax({
		dataType: 'jsonp',
                type: 'GET',
                data: data,
		jsonp: 'jsonp_callback',
		url: 'http://www.dealio.de/rabatt/get_extract_like/',
		success: function (response) {
			if( response.length > 0 ){
				var html ='';
					for (var i = 0; i < response.length; i++){
					var link = (response[i].pid).replace('@','/');
						html+='<div style="float: left; margin: 2px; margin-bottom: 10px;width:150px; height:200px;">';
							html+='<div style="position:absolute; width:150px; height:200px;border: 1px dotted #6B6B6B;" align="center">';
								html+='<a href="http://ufashion.de/dout/'+link+'" target="_blank">';
									html+='<div style="position:absolute; bottom:0px; clear:both; width:100%; margin:0 auto; font-size:9px;" align="center"><p>'+response[i].title+'</p></div>';
									html+='<img src="'+response[i].image+'" style="display: block; margin-left: auto; margin-right: auto; max-height:120px; max-width:150px;">';
								html+='</a>';
								html+='<div style="position:absolute; top:5px; right: 5px; background-color:rgba(100,100,100,.8);color:#FFFFFF;">'+response[i].pricePercentage+'%</div>';
								html+='<div style="position:absolute; top:5px; left: 5px; background-color:rgba(100,100,100,.8);color:#FFFFFF;">'+(response[i].price/100)+'€</div>';
							html+='</div>';
						html+='</div>';
					}
				actual.html(html);					
			}		
		},
	});
   });
});