$(document).ready(function()
{
	
	/*******************
		  LOAD XML
	*******************/
	
	$.ajax(
	{
		type: "GET",
		url: "xml/conteudo.xml",
		dataType: "xml",
		success: function(xml) 
		{
			var count = 0;
			
			$(xml).find('campanha').each(function()
			{
				var nome = $(this).attr('name');
				var cliente = $(this).attr('cliente');
				var label = $(this).attr('label');
				var url = $(this).attr('thumb');
				count++
				
				var html = "";
				
				html += ( count%3 == 0 ) ? '<div class="thumb last">' : '<div class="thumb">';
					html += '<p class="imgWrapper"><a href="interna.html#'+ nome +'" class="linkthumb"><img src="'+ url +'" id="imagem" /></a></p>';
					html += '<p class="info"><span class="name">'+ label +' •</span> <span class="desc">' + cliente +'</span></p>';
				html += '</div>';
				
				$('#thumbList').append(html);
				
			});
			
			$(".imgWrapper img").load( function()
			{ 
				$( this ).parent().parent().fadeIn(500);
				Pixastic.process( this , "desaturate", { average : true }) 
			});
			
			$(".imgWrapper a").hover(
			  function () 
			  {
				Pixastic.revert( this.childNodes[0] );
			  },
			  function () 
			  {
				 Pixastic.process( this.childNodes[0] , "desaturate", { average : true });
			  }
			);
			
			Cufon.replace('span.name, span.desc');
		}
	});
	
});