Videos = {

	list : function(config) {

		listaVideos = config.lista;

		var loading = $(config.output).find(".carregando");
		var indice  = $(config.output).find(".bloco-indice");

		$(loading).show();
		$(loading).css("top", indice[0].offsetTop + "px" );
		$(loading).css("height", indice[0].offsetHeight + "px" );

		// pega o vídeo a partir de [inicio] e vai até [fim]
		var inicio = config.pagina * config.quantidade;
		var fim    = inicio + config.quantidade - 1;


		var lastYear = listaVideos[inicio].ano
		
		if(!config.thumb)
			var HTML  = "<h3>" + listaVideos[inicio].ano + "</h3>";
		else
			var HTML = "";

    HTML += "<ul>";
		for(var x = inicio; x <= fim; x++) {
			if(listaVideos[x].ano == null) {
				break;
			}
			if(!config.thumb) {
				if( lastYear != listaVideos[x].ano ) {
					lastYear = listaVideos[x].ano;
	
					HTML += "</ul>";
	  			HTML += "<h3>" + listaVideos[x].ano + "</h3>";
					HTML += "<ul>";
				}
	
				HTML += "  <li><span>&gt;</span><a href='" + listaVideos[x].link + "'>" + listaVideos[x].titulo + "</a></li>";
			}
			else {
				HTML += "  <li" + (x%2 == 0 ? " class='last'" : "") + ">";
				HTML += "    <a href='" + listaVideos[x].link + "'><img src='" + listaVideos[x].thumb + "' /></a>";
				HTML += "    <p><a href='" + listaVideos[x].link + "'>" + listaVideos[x].titulo + "</a></p>";
				HTML += "  </li>";
			}
		}
		HTML += "</ul>";

/*
											<li>
												<a href=""><img src="http://ci.i.uol.com.br/album/finalistas_premio_paulista_f_003.jpg" /></a>
												<p><a href="">T. Neves comenta mudança no seu estilo de jogo</a></p>
											</li>
*/

		$(indice).empty().html( HTML );
		$(loading).hide();
		
		this.eventClickVideo( indice );
		
    this.pagination( config );
	},

	eventClickVideo : function(bloco) {
		$(bloco).find("a").click(function() {
			if(this.href.indexOf("http://sobre.uol") > -1) {
				Videos.play(this.href);
				//window.location.hash = this.href.replace(/http:\/\/sobre\.uol\.com\.br\/(.*?)\/(memoria|campanhas)\/(.*)/, "$3");
				return false;
			}
			
			$(this).attr("target", "blank");
		});
	},
	
	play : function(url) {
		$("#codigoVideo").empty().html( "<p class='aviso'>Aguarde, carregando vídeo.</p>" );
		$(window).scrollTop(140);
		$.ajax({
			type: "GET",
			url: url,
			cache: false,
			dataType: "text/html",
			success : function(data) {
				$("#codigoVideo").empty().html( data );
				$("#codigoVideo").show();
			}
		});
	},
	
	
	pagination : function(config) {
		
		var mount = $(config.output).find("div.paginacao");
		$(mount).empty();

		// total de páginas
		var total_paginas = Math.ceil((config.lista.length-1) / config.quantidade);
		
    var HTML = '<span>PÁGINAS:</span>';

		// lista as páginas
		for(var x = 1; x <= total_paginas; x++) {
			HTML += '<a href="javascript:void(0);" rel="'+(x-1)+'" class="pag' + (x == parseInt(config.pagina)+1 ? " atual" : "") + '">'+x+'</a>';
		}

	  HTML += '<div class="nav">';

		if( config.pagina > 0 )
			HTML += '  <a href="javascript:void(0);" rel="'+(parseInt(config.pagina) - 1)+'">ANTERIOR</a>';
		HTML += '  <span>|</span>';
		
		if( parseInt(config.pagina)+1 < total_paginas )
			HTML += '  <a href="javascript:void(0);" rel="'+(parseInt(config.pagina) + 1)+'">PRÓXIMO</a>';
	  HTML += '</div>';

		$(mount).html( HTML );
		
		this.eventClickPagination( config );
		
	},
	
	eventClickPagination : function( config ) {
	
		$(config.output).find("div.paginacao a").click(function(){
			config.pagina = $(this).attr("rel");
			Videos.list( config )
			return false;
		});
	}

}