// Define The Wall

window
		.addEvent(
				"domready",
				function() {
					var maxLength = 100; // Número máximo de imagens
					var counterFluid = 0;
					var jsonData = "";
					
					var wallFluid = new Wall(
							"wall",
							{
								"draggable" : true,
								"inertia" : true,
								"width" : 256,
								"height" : 177,
								"printCoordinates" : false,
								"rangex" : [ -100, 100 ],
								"rangey" : [ -100, 100 ],
								callOnUpdate : function(items) {
									var request = null;
									var cached = false;
									var j = 0;
									if (jsonData == "") {
										try {
											request = new XMLHttpRequest();
										} catch (trymicrosoft) {
											try {
												request = new ActiveXObject(
														"Msxml2.XMLHTTP");
											} catch (othermicrosoft) {
												try {
													request = new ActiveXObject(
															"Microsoft.XMLHTTP");
												} catch (failed) {
													request = null;
												}
											}
										}
										if (request == null)
											request == null;
										
										var url = "busca-imagens";
										request.open("GET", url, true);

										request.onreadystatechange = exibe;

										request.send(null);
									} else {
										cached = true;
										exibe();
									}
									function exibe() {
										if (cached
												|| (request.readyState == 4 && request.status == 200)) {
											
											if (!cached)
												jsonData = eval('('
														+ request.responseText
														+ ')');
											maxLength = jsonData.length - 1;
											
											items
													.each(function(e, i) {
														// alert(counterFluid);
														var b = new Element(
																"div[alt=teste]",
																{
																	html : '<p class="sumir"><span>'
																			+ jsonData[counterFluid]["title"]
																			+ '</span</p>'
																});
														b
																.inject(e.node)
																.setProperties(
																		{
																			style : 'background: url('
																					+ jsonData[counterFluid]["Image"]
																					+ ') no-repeat'
																		})
																.addClass(
																		'imagem');

														var teste = jsonData[counterFluid]["resumo"];
														teste = teste
																.replace(
																		/\r\n/g,
																		"<br />")
																.replace(/\n/g,
																		"<br />");
														var htmlImagem = "";
														if (jsonData[counterFluid]["ImageInterna"]!="")
														{
															htmlImagem = '<a href="busca-post/?descricao='
																	+ jsonData[counterFluid]["name"]
																	+ '" class="boxed" rel="{handler:\'iframe\',size:{x:650,y:800}}"><img src='
																	+ jsonData[counterFluid]["ImageInterna"]
																	+ '  /></a><br /><br />';
														}
														if(jsonData[counterFluid]["VideoInterna"]!=null)
														{
															htmlImagem+='<object width="675" height="590">'
																	+ '<param name="movie" value='
																	+ jsonData[counterFluid]["VideoInterna"]
																	+ ' ></param>'
																	+ '<param name="wmode" value="transparent"></param>'
																	+ '<embed src='
																	+ jsonData[counterFluid]["VideoInterna"]
																	+ ' type="application/x-shockwave-flash" wmode="transparent" width="675" height="590">'
																	+ '</embed>'
																	+ '</object><br /><br />';	
														}
														var resumo = new Element(
																"div",
																{

																	html : htmlImagem
																			+ '<div class="ambos"><div class="esquerdo"><p class="titulo">'
																			+ jsonData[counterFluid]["title"]
																			+ '</p><ul class="cliente">'
																			+ jsonData[counterFluid]["clientes"]
																			+ '</ul>'
																			+ '<br /> '
																			+ '<p class="resumo">'
																			+ teste
																			+ '</p><br //></div>'
																			+ '<div class="direito"><ul class="listapremios">'
																			+ jsonData[counterFluid]["premios"]
																			+ '</ul></div>'
																			+ ' </div><br/><div class="last"><a href="busca-post/?descricao='
																			+ jsonData[counterFluid]["name"]
																			+ '" class="boxed"'
																			+ '><span class=\"saibamais\"></span></a></div>'
																})
																.addClass('modal');

														resumo.inject(e.node);

														e.node
																.setProperties(
																		{
																			id : 'teste',
																			onclick : 'exibirDescricao(this);',
																			onmouseover : 'exibirTexto(this);',
																			onmouseout : 'esconderTexto(this);'
																		})
																.addClass(
																		jsonData[counterFluid]["Type"]
																				+ " "
																				+ jsonData[counterFluid]["classpremios"]);

														counterFluid++;

														if (counterFluid > maxLength)
															counterFluid = 0;
													
													})
											wallFluidCheck.updateAll();
										}
									}
								}
							});
					// Init Fluid Wall
					wallFluid.initWall();

					// }

				});

var wallFluidCheck = {
	update : function(element) {
		if (element.name == 'tif') {
			var imgs = $$('div.Plah');
			for ( var i = 0; i < imgs.length; i++) {
				if (element.hasClass('unchecked')) {
					imgs[i].style.opacity = 0.3;
					imgs[i].setProperties({
						onclick : 'void(null);',
						onmouseover : 'void(null);',
						onmouseout : 'void(null);'
					});
				} else {
					imgs[i].style.opacity = 1;
					imgs[i].setProperties({
						onclick : 'exibirDescricao(this);',
						onmouseover : 'exibirTexto(this);',
						onmouseout : 'esconderTexto(this);'
					});
				}
			}
		} else if (element.name == 'plah') {
			var imgs = $$('div.Tif');
			for ( var i = 0; i < imgs.length; i++) {
				if (element.hasClass('unchecked'))
					imgs[i].style.opacity = 0.3;
				else
					imgs[i].style.opacity = 1;
			}
		}
	},
	updateAll : function() {
		var checado = false;
		var imgs = $$('div.tile');
		for ( var i = 0; i < imgs.length; i++) {
			imgs[i].style.opacity = 0.1;
			imgs[i].style.filter = "alpha(opacity=10)";
			imgs[i].setProperties({
				onclick : 'void(null);',
				onmouseover : 'void(null);',
				onmouseout : 'void(null);'
			});
		}
		
		var label = $$('ul label.f_checkbox');
		for ( var i = 0; i < label.length; i++) {
			if (label[i].hasClass('checked')) {
				checado = true;
				var inputlabel = label[i].getElementsByTagName("input")[0];
				var imgslabel = $$('div.' + inputlabel.value + '');
				for ( var j = 0; j < imgslabel.length; j++) {
					imgslabel[j].style.opacity = 1;
					imgslabel[j].style.filter = "alpha(opacity=100)";
					imgslabel[j].setProperties({
						onclick : 'exibirDescricao(this);',
						onmouseover : 'exibirTexto(this);',
						onmouseout : 'esconderTexto(this);'
					});
				}
			}
		}
		
		if (!checado) {
			var imgs = $$('div.tile');
			for ( var i = 0; i < imgs.length; i++) {
				imgs[i].style.opacity = 1;
				imgs[i].style.filter = "alpha(opacity=100)";
				imgs[i].setProperties({
					onclick : 'exibirDescricao(this);',
					onmouseover : 'exibirTexto(this);',
					onmouseout : 'esconderTexto(this);'
				});
			}

			var labels = $$('div.multiCheck label.f_checkbox');
			for ( var j = 0; j < labels.length; j++) {
				element = labels[j];
				if (element.name == 'tif') {
					var imgs = $$('div.Plah');
					for ( var i = 0; i < imgs.length; i++) {
						if (element.hasClass('checked')) {
							imgs[i].style.opacity = 0.1;
							imgs[i].style.filter = "alpha(opacity=10)";
							imgs[i].setProperties({
								onclick : 'void(null);',
								onmouseover : 'void(null);',
								onmouseout : 'void(null);'
							});
						} else {
							imgs[i].style.opacity = 1;
							imgs[i].style.filter = "alpha(opacity=100)";
							imgs[i].setProperties({
								onclick : 'exibirDescricao(this);',
								onmouseover : 'exibirTexto(this);',
								onmouseout : 'esconderTexto(this);'
							});
						}
					}
				} else if (element.name == 'plah') {
					var imgs = $$('div.Tif');
					for ( var i = 0; i < imgs.length; i++) {
						if (element.hasClass('checked')) {
							imgs[i].style.opacity = 0.1;
							imgs[i].style.filter = "alpha(opacity=10)";
							imgs[i].setProperties({
								onclick : 'void(null);',
								onmouseover : 'void(null);',
								onmouseout : 'void(null);'
							});
						} else {
							imgs[i].style.opacity = 1;
							imgs[i].style.filter = "alpha(opacity=100)";
							imgs[i].setProperties({
								onclick : 'exibirDescricao(this);',
								onmouseover : 'exibirTexto(this);',
								onmouseout : 'esconderTexto(this);'
							});
						}
					}
				}
			}
		}
	},
	updatePremio : function() {
		// var input = element.getElementsByTagName("input")[0];
		var checado = false;
		var imgs = $$('div.tile');
		for ( var i = 0; i < imgs.length; i++) {
			imgs[i].style.opacity = 0.1;
		}

		var label = $$('ul label.f_checkbox');
		for ( var i = 0; i < label.length; i++) {
			if (label[i].hasClass('checked')) {
				checado = true;
				var inputlabel = label[i].getElementsByTagName("input")[0];
				var imgslabel = $$('div.' + inputlabel.value + '');
				for ( var j = 0; j < imgslabel.length; j++) {
					imgslabel[j].style.opacity = 1;
				}
			}
		}

		if (!checado) {
			var imgs = $$('div.tile');
			for ( var i = 0; i < imgs.length; i++) {
				imgs[i].style.opacity = 1;
			}
		}

	}
};

function exibirDescricao(o) {
	// alert('exibirDescricao');
	if (testedrop) {
		var tagbody = document.getElementsByTagName("body")[0];
		tagbody.className = "";
		var tagdiv = o.getElementsByTagName("div")[1];
		var tagcompatilhe = $$('div.divCompatilhe');
		var SM = new SimpleModal({
			"btn_ok" : "Confirm button"
		});

		SM.show({
			"model" : "modal",
			"title" : " ",
			"contents" : tagcompatilhe[0].innerHTML + '' + tagdiv.innerHTML
		});

		teste();
		/*var tagiframe = $$('a.addthis_button_facebook_like');
		var tagiframeGoogle = $$('a.addthis_button_google_plusone');
		for (i = 1; i < tagiframe[1].children.length; i++)
			tagiframe[1].children[i].style.visibility = "hidden";
		for (i = 1; i < tagiframeGoogle[1].children.length; i++)
			tagiframeGoogle[1].children[i].style.visibility = "hidden";*/
	}
	testedrop = true;
}

function exibirTexto(o) {
	// alert('exibirTexto');
	var tagdiv = o.getElementsByTagName("div")[0];
	var tagSpan = o.getElementsByTagName("p")[0];
	// tagdiv.className.replace("imagem","opaco");
	// tagdiv.className = "opaco";
	if (tagSpan != "undefined")
		tagSpan.className = "mostrar";
}

function esconderTexto(o) {
	var tagdiv = o.getElementsByTagName("div")[0];
	var tagSpan = o.getElementsByTagName("p")[0];
	// tagdiv.className.replace("opaco","imagem");
	if (tagSpan != "undefined")
		tagSpan.className = "sumir";
}