/**
 * @author Lucas Zerma MindsetFilms dev Team
 * @copyright 2008 - Wise Up Group
 * 
 * Responsavel pela interativadade com a pagina de campanhas.
 */

var fade = false;

/**
 * Ajax que retorna a campanha indicada pelo id
 * 
 * @return void
 * @param {Int} id Id da campanha a ser buscada 
 */
function getCampaignById(id)
{
	// Objeto ajax.
	var enviaAjax = new Ajax(baseurl+"/ajax/getfotomidiaexterior/" + id, 
		{
			// Metodo (post|get)
			method: 'get',
			// Quando completar o ajax faz:
			
			onComplete: function (r)
			{	
				var quebra=id.split("|");
				
				//document.getElementById("imagem-grande").innerHTML = "<img id='bigImage' src='" + moduleaddress +"http://wiseup.tecnologia.ws/assets/WUP/images/campanhas/midiaExterior/"+ quebra[0]+"'  >"
				document.getElementById("imagem-grande").innerHTML = "<img id='bigImage' src='http://wiseup.tecnologia.ws/assets/WUP/images/campanhas/midiaExterior/"+ quebra[0]+"'  >"				
				document.getElementById("imgInfo").innerHTML = " <p><span>PE&Ccedil;A:</span>"+ quebra[1]+" </p><p><span>T&Iacute;TULO:</span> "+ quebra[2]+".</p><p><span>PRA&Ccedil;A:</span>"+ quebra[3]+". </p>";
				
				
				// Chamando a funcao que montara o html.
				//mountHtmlCampaign(id,quebra[1],quebra[2],quebra[3]);		
			}
		});
	
	// Requisicao do ajax.
	enviaAjax.request();
}

/**
 * Cria o html da info da campanha na midia-exteriors
 * 
 * return void
 * @param {JsonObject} list Objeto que contem as informacoes da campanha a ser montada.
 */
function mountHtmlCampaign(id,peca,titulo,praca)
{	
	// Contera o html.
	var html = "";
	
	// Contem o elemento html da view.
	var imgInfo = $("imgInfo");
	
	// Contem o elemento html da view. 
	var img = $("bigImage");
	

		// Montando o html.
		html += "<p><span>PE&Ccedil;A:</span> " + peca + "<p>"
		html += "<p><span>T&Iacute;TULO:</span> " + titulo + "<p>"
		html += "<p><span>PRA&Ccedil;A:</span> " + praca + "<p>";


	// Escrevendo no elemento. 
	imgInfo.innerHTML = "";

	imgInfo.innerHTML = html;
	
	if(!fade)
	{
		fadeIn(img, baseurl + 'http://wiseup.tecnologia.ws/assets/WUP/images/campanhas/midiaExterior/"+ id+"');		
	}
}

/**
 * Faz um fadeIn no elemento <img>
 * 
 * @return void
 * @param {Object} Elemento <img> que tera o efeito.
 * @param {String} Caminho da imagem
 */
function fadeIn(element, src)
{
	// Variavel de controle do efeito.
	fade = true;
	
	// Novo objeto Fx.Style da mootools.
    var fx = new Fx.Styles(element, {
       
	    // Duraca do efeito.
		duration: 100,
		
		// Ao completar o efeito.
		onComplete: function ()
		{
			// Seta o caminho da imagem no elemento <img>
			element.src = src;

			// Faz o fade Out do elemento.
			fadeOut(element, src);			
		}
    });
	
	// Inicia o efeito.
	fx.start({
		"opacity": '0.0'
	});
}

/**
 * Faz um fadeOut no elemento <img>
 * 
 * @return void
 * @param {Object} Elemento <img> que tera o efeito.
 * @param {String} Caminho da imagem
 */
function fadeOut(element, src)
{
	// Novo Objeto Fx.Styles da mootools 
	 var fx = new Fx.Styles(element, {
        
		// Duracao do efeito.
		duration: 700,
		
		// Ao completer o efeito.
		onComplete: function (){
			
			// Seta a variavel de controle como false.
			fade = false;
		}
    });
	
	// Inicia o efeito.
	fx.start({
		"opacity": '1.0'
	});
}

function init()
{
}

window.addEvent("load", init);