var Display =
{
	totalItens	: 0,
	delay		: 0,
	timerCount	: 0,
	cIndex		: null,
	xml			: null,
	intrlID		: null,
	imgOb		: null,
	tipo		: null,
	itemLista	: new Array(),
	
	
	load : function(tipo)
	{
		Display.tipo = tipo;
		
		jQuery.ajax({
			url		: '_xmldata/destaque-'+idRegiao+'.xml',
			cache	: false,
			type	: 'POST',
			data:
			{
				idRegiao:idRegiao
			},
			dataType: 'xml',
			error	: function()
			{
				
			},
			success	: function(data)
			{
				//Montagem dos botões
				Display.xml = data;
				Display.totalItens = jQuery(data).find('destaque').length;
				
				if(Display.totalItens > 0)
				{
					jQuery('.holder-tv-home .loader').hide();
					jQuery('.holder-tv-home .sombra').show();
					ht = '';
					
					jQuery(data).find('destaque').each(function(){
						if (idOrigemIncorporadora == '' || idOrigemIncorporadora == jQuery(this).attr('idIncorporadora')){
							if ((isMobile && jQuery(this).children('imagem').text() != '') || (!isMobile)){
								Display.itemLista.push(jQuery(this));
								
								ht += '<li class="visivel"><a href="javascript:;">aaa</a><span></span></li>';
							}
						}
					});
					
					jQuery('.itens-tv').append(ht);
					jQuery('.itens-tv > li').each(function(w) {
						jQuery(this).find('a').bind('click', { index: w }, Display.setItem);
					});
					jQuery('.itens-tv > li:eq(0)').find('a').trigger('click');
				}
				else
				{
					$('.holder-tv-home').hide();
				}
				
				Display.totalItens = Display.itemLista.length;
			}
		});
	},
	setItem	: function(ev)
	{
		//cleaning old elements
		jQuery('.itens-tv > li').each(function(y)
		{
			//var element = jQuery(Display.xml).find('destaque').get(y);
			var element = Display.itemLista[y];
			jQuery(this).removeClass('ativo');
			jQuery(this).find('a').find(".timer").remove();
			jQuery(this).find('a').html(jQuery(element).children('title').text());
		});
		jQuery(ev.currentTarget).parent().addClass('ativo');
		
		var larguraHolder = jQuery(ev.currentTarget).parent().width();
		var largura = $(".itens-tv").width();
		$(".itens-tv").css('margin-left', ((962-largura)/2)+"px");
		
		//var xmlElement		= jQuery(Display.xml).find('destaque').get(ev.data.index);
		var xmlElement		= Display.itemLista[ev.data.index];
		Display.cIndex		= ev.data.index;
		Display.delay		= parseInt(jQuery(xmlElement).attr('tempo')) * 1000;
		Display.timerCount	= 0;
		
		//Se for mobile
		if( Display.tipo == 1 )
		{
			Display.imgOb			= new Image();
			Display.imgOb.src		= jQuery(xmlElement).children('imagem').text();
			Display.imgOb.onload	= Display.showImage;
			Display.imgOb.alt		= jQuery(xmlElement).children('title').text();
			Display.imgOb.width		= '964';
			Display.imgOb.height	= '280';
			/*
			//jQuery('.borda-banner').attr('name',jQuery( xmlElement ).attr('idDestaque'));
			jQuery('.borda-banner').attr('name',jQuery(xmlElement).children('url').text());
			Display.showImage();
			*/
			
			//jQuery('.tv').html('<div class="borda-banner" name="'+jQuery(xmlElement).children('url').text()+'"></div><div class="content-embed"></div>');
			jQuery('.tv').html('<div class="borda-banner" name="'+jQuery(xmlElement).attr('idDestaque')+'"></div><div class="content-embed"></div>');
			
			jQuery('.content-embed').append(Display.imgOb);
			
			
		}
		else //Se não, apenas embeda o swf
		{
			
			//jQuery('.tv').html('<div class="borda-banner" name="'+jQuery(xmlElement).children('url').text()+'"></div><div class="content-embed"></div>');
			jQuery('.tv').html('<div class="borda-banner" name="'+jQuery(xmlElement).attr('idDestaque')+'"></div><div class="content-embed"></div>');
			
			var strPath = jQuery(xmlElement).children('src').text();
			
			var contentSWF  = '<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="964" height="280" id="content-embed-swf" align="middle">';
				contentSWF += '<param name="movie" value="'+strPath+'" />';
				contentSWF += '<param name="quality" value="high" />';
				contentSWF += '<param name="bgcolor" value="#ffffff" />';
				contentSWF += '<param name="play" value="true" />';
				contentSWF += '<param name="loop" value="true" />';
				contentSWF += '<param name="wmode" value="transparent" />';
				contentSWF += '<param name="scale" value="showall" />';
				contentSWF += '<param name="menu" value="true" />';
				contentSWF += '<param name="devicefont" value="false" />';
				contentSWF += '<param name="salign" value="" />';
				contentSWF += '<param name="allowScriptAccess" value="sameDomain" />';
				contentSWF += '<object type="application/x-shockwave-flash" data="'+strPath+'" width="964" height="280">';
				contentSWF += '	<param name="movie" value="'+strPath+'" />';
				contentSWF += '	<param name="quality" value="high" />';
				contentSWF += '	<param name="bgcolor" value="#ffffff" />';
				contentSWF += '	<param name="play" value="true" />';
				contentSWF += '	<param name="loop" value="true" />';
				contentSWF += '	<param name="wmode" value="transparent" />';
				contentSWF += '	<param name="scale" value="showall" />';
				contentSWF += '	<param name="menu" value="true" />';
				contentSWF += '	<param name="devicefont" value="false" />';
				contentSWF += '	<param name="salign" value="" />';
				contentSWF += '	<param name="allowScriptAccess" value="sameDomain" />';
				contentSWF += '	<a href="http://www.adobe.com/go/getflash">';
				contentSWF += '		<img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />';
				contentSWF += '	</a>';
				contentSWF += '</object>';
			
			//alert(contentSWF);
			jQuery('.content-embed').html(contentSWF);			
			
		}
		
		Display.showSWF();
			
		jQuery('.content-embed').css('display', 'block');
		
		// Nesse momento vai chamar um AJAX para inserir uma visita no banner
		//alert( jQuery(xmlElement).attr('idDestaque') );
		jQuery.ajax({
			url		: '_services/AJAX-banner-visitas.php',
			cache	: false,
			type	: 'POST',
			data:
			{
				idDestaque:jQuery( xmlElement ).attr('idDestaque')
			},
			dataType: 'html',
			error	: function(x,y)
			{
			},
			success	: function(data)
			{
			}
		});
		
		clearInterval(Display.intrlID);
		
		if(Display.totalItens > 1)
		{
			
			ht =  ' <div class="timer">';
			ht += '		<div class="fill-timer" style="width:1%;">&nbsp;</div>';
			ht += '		<div class="mask-timer">&nbsp;</div>';
			ht += '	</div>';
			
			var bolinhas 		= Math.ceil(jQuery( xmlElement ).attr('tempo') / 2 );
			var tamanhoTimer 	= Math.ceil(jQuery( xmlElement ).attr('tempo') / 2) * 9;
			
			if( bolinhas >= jQuery( xmlElement ).children('title').text().length )
			{				
				var resto = bolinhas - jQuery( xmlElement ).children('title').text().length;
				if(resto > 0)
				{
					tamanhoTimer = (Math.ceil(jQuery( xmlElement ).attr('tempo') / 2) - 2 - resto) * 9;
				}
				else
				{
					tamanhoTimer = (Math.ceil(jQuery( xmlElement ).attr('tempo') / 2) - 1) * 9;
				}
				bolinhas = jQuery( xmlElement ).children('title').text().length - 2;
			}
			
			if( bolinhas + 1 == jQuery( xmlElement ).children('title').text().length )
			{
				bolinhas = jQuery( xmlElement ).children('title').text().length - 1;
				tamanhoTimer = (Math.ceil(jQuery( xmlElement ).attr('tempo') / 2) - 1) * 9;
			}
			
			if( jQuery( xmlElement ).children('title').text().length  < 15 && jQuery( xmlElement ).children('title').text().length  > 10 )
			{
				if( bolinhas == 10){
					bolinhas = 8;
					tamanhoTimer = (Math.ceil(jQuery( xmlElement ).attr('tempo') / 2) - 2) * 9;
				}
			}
			 
			jQuery('.fill-timer').css('width','1%');
			jQuery( ev.currentTarget ).append(ht);
			
			var marginTimer = (larguraHolder - tamanhoTimer)/2;
			
			jQuery('.timer').css('width',tamanhoTimer+'px');
			jQuery('.timer').css('margin-left',marginTimer+'px');
			jQuery('.mask-timer').css('width',tamanhoTimer+'px');
			
			jQuery('.mask-timer').css("backgroundImage","url('_images/timer-" + bolinhas + ".gif')");
			jQuery('.mask-timer').css("backgroundRepeat","no-repeat");
		}
	},
	showImage: function() {
		jQuery('#content-banner > img').hide();
		jQuery('#content-banner > object').hide();
		
		setTimeout(function()
		{
			
			jQuery('#content-banner').append(Display.imgOb);
			jQuery('#content-banner').css('display','none');
			
			jQuery('#content-banner').fadeIn();
			
			if( Display.totalItens > 1 )
			{
				clearInterval(Display.intrlID);
				Display.intrlID = setInterval(Display.progress,500);
			}
		},300);
	},
	showSWF	: function()
	{
		setTimeout(function()
		{
			jQuery('.borda-banner').css('cursor','pointer');
			jQuery('.borda-banner').bind('click',function(){
				document.location = 'destaque-contaclique.php?idDestaque='+jQuery(this).attr('name');
				//document.location = jQuery(this).attr('name');
			});
			
			if( Display.totalItens > 1 )
			{
				clearInterval(Display.intrlID);
				Display.intrlID = setInterval(Display.progress,500);
			}
		},1000);
	},
	progress: function(ev)
	{
		Display.timerCount += 500;
		
		var width = (((Display.timerCount+500)/Display.delay) * 100);
		
		jQuery('.fill-timer').css('width',(width) + '%');
		
		if( Display.timerCount >= Display.delay )
		{
			clearInterval(Display.intrlID);
			
			Display.cIndex ++;
			if( Display.cIndex > Display.totalItens-1 ) Display.cIndex = 0;
			
			jQuery('.itens-tv > li:eq(' + Display.cIndex + ')').find('a').trigger('click');
		}
	}
}
