destVideos = {
	load: function(url) {
		$.getJSON(url, function(data){
			destVideos.build(data);
		});
	},

	build: function(data) {
		estilo="bxEsq";
		$("#ltmDestaques").html('');
		$.each(data.data, function(i, val) {
			dt = val.publicationDate.split("T")[0].split("-");
			url_vid = location.protocol + "//" + location.host + "/" + location.pathname.split('/')[1] + "/" + val.json_video_url;
			chapeu = val.subtitle == "" ? getCateg.cat[val.category_id] : val.subtitle ;
            exibDesc = val.views != 1 ? "exibições" : "exibição" ;
			$("#ltmDestaques").append('<div class="blocoVideo ' + estilo + '"> <a href="' + url_vid + '"><div class="imgVideo"><img width="143" height="80" border="0" src="' + val.thumbnail + '"/><div class="tempoVideo">' + formatDuration(val.duration) + ' </div></div><div class="textoVideo"><h3>' + chapeu + '</h3><h2><b>' + val.title + '</b></h2><p class="dataVideos">' + dtExt(dt[0]+'/'+dt[1]+'/'+dt[2]) +'</p><p><span class="bold333">' + val.views + '</span> ' + exibDesc + '</p></div></a></div>');
			if (i==1) {$("#ltmDestaques").append('<div style="width:590px;float:left;" class="sepHorz"></div>')}
			estilo = (estilo == "bxEsq" ) ? "bxDir" : "bxEsq"; 
		} )
	}
		
}

listVideos = {
	load: function(url,obj) {
		$.getJSON(url, function(data){
			listVideos.build(data,obj);
		});
	},

	build: function(data,trg) {

		$("#"+trg).html('');
		
		$.each(data.data, function(i, val) {
			//if(i>0) $("#"+trg).append('<div class="sepHorz"></div>') ;
			//dt = val.publicationDate.split("T")[0].split("-");
			url_vid = location.protocol + "//" + location.host + "/" + location.pathname.split('/')[1] + "/" + val.json_video_url;
			chapeu = getCateg.cat[val.category_id];
            exibDesc = val.views != 1 ? "exibi&ccedil;&otilde;es" : "exibi&ccedil;&atilde;o" ;

			//$("#"+trg).append('<div class="blocoVideo"> <a href="' + url_vid + '"><div class="imgVideo"><img width="143" height="80" border="0" src="' + val.thumbnail + '"/><div class="tempoVideo">' + formatDuration(val.duration) + ' </div></div><div class="textoVideo"><h3>' + chapeu + '</h3><h2><b>' + val.title + '</b></h2><p class="dataVideos">' + dtExt(dt[0]+'/'+dt[1]+'/'+dt[2]) +'</p><p><span class="bold333">' + val.views + '</span> ' + exibDesc + '</p></div></a></div>');

			$("#"+trg).append('<div id="mais1" style="margin:5px 0;"><div id="mais-img"><a href="' + url_vid + '"><img src="' + val.thumbnail + '" border="0" width="143"></a></div><div id="mais-txt"><div id="tit-mais">' + chapeu + '<br></div><div id="info-mais"><a href="' + url_vid + '" class="link-azul12">' + val.title + '</a><br></div><div id="num-mais">' + val.views + '<span> ' + exibDesc + '</span></div></div></div>');
		} )
	}
}


listCategoria = {
	catStart: "",
	parentStart: "",
	url: "",
	data: "",
	load: function(url){
		listCategoria.url = url
		$.getJSON(listCategoria.url, function(data){
			listCategoria.data = data
			listCategoria.build()
		});
	},
	build: function() {
		$('#listaCategorias').html('')
		$('#listaCategorias').append('<ul>')
		$.each(listCategoria.data, function(i, val) {
			if (val.total_videos>0) {
				$('#listaCategorias').append('<li>' + val.description + '</li>')
			}
		});
		$('#listaCategorias').append('</ul>')
		$('#atCol1 .navMenu .menuSecoes').click(function() {
			$('#atCol1 .navMenu li').css({'background-color' : '#FFF', 'color' : '#000'})
			$(this).css({'background-color' : '#5595b6', 'color' : '#FFF'})
			if(!$(this).parent().hasClass("float_menu")) {
				$('#atCol1 .navMenu .float_menu').css({'display': 'none'})
				$('#' + this.value).css({'display': 'block'})
			}
			$('#listTitleSection').html(this.title)
			shVideos.load('/tv-boa-forma/json/medias?category='+this.value+'&callback=?')
			$('#ltmNoticias').html('Carregando...')
		})
		if (listCategoria.parentStart != "") { $('#m_' + listCategoria.parentStart).trigger('click')}
		$('#m_' + listCategoria.catStart).trigger('click')
	}
}


shVideos = {
	vidStart: 0,
	vidEnd: 0,
	totVideos: 0,
	espacos: 5,
	url: "",
	data: "",
	query: "",
    sizeBlock: 4,
	currBlock: 1,
	totBlocks: 0,
	paginaTotal: 1,
	paginaAtual: 1,
	

	load: function(url) {
		shVideos.url = url
		$('#lstVideos').html('Carregando...')
		$('#pag-busca').html('')
		$("#ltCountIni").html('')
		$("#ltCountEnd").html('')
		$("#ltCountVideos").html('')

		$.getJSON(this.url, function(data){
			shVideos.data = data.data ;
			shVideos.totVideos = data.total_medias ;
			shVideos.build() ;
		});
	},
	
	build: function() {
		$('#pag-busca').html('')
		$('#lstVideos').html('')

		shVideos.paginaTotal = Math.ceil(shVideos.totVideos/shVideos.espacos)
		shVideos.totBlocks = Math.ceil(shVideos.paginaTotal / shVideos.sizeBlock)
		
        $("#ltCountVideos").html(shVideos.totVideos)
		
		if (shVideos.totVideos<1) {
			$("#ltCountIni").html("")
			$("#ltCountEnd").html("")
			$('#lstVideos').html('Nenhum v&iacute;deo encontrado.') 
		} else {
			shVideos.formatVideo()
			shVideos.mkPageControl(shVideos.paginaAtual)
		}

	},


    mkPageControl: function(pag) {

		$("#ltCountIni").html(shVideos.vidStart + 1)
		$("#ltCountEnd").html(shVideos.vidEnd)

		if (shVideos.paginaTotal < 2) return 
        
		$('#pag-busca').html('<div id="num-pag">')
		
		startPage = (shVideos.currBlock * shVideos.sizeBlock) - shVideos.sizeBlock 
		endPage = (shVideos.currBlock * shVideos.sizeBlock)
		
		if (shVideos.currBlock > 1)
				$('#pag-busca').append('<a href="javascript:shVideos.gotoBlock(' + (shVideos.currBlock - 1) + ');" class="link-azul12"><< anterior</a>&nbsp;&nbsp;&nbsp;' );

		
		for (i=0;i<shVideos.paginaTotal;i++) {
		   if ( ( i >= startPage ) && (i < endPage ) ) {
				status = (pag == i + 1) ? 'class="link-azul12" style="font-weight:bold;color:#FD48C1;"' : '' ;
				$('#pag-busca').append('<a ' + status + ' href="javascript:shVideos.gotoPage(' + (i + 1) + ');" class="link-azul12">' + (i + 1) + '</a>' );
	           if (i < shVideos.paginaTotal - 1 ) $('#pag-busca').append('&nbsp;&nbsp;|&nbsp;&nbsp;') ;
		   }

		}

		if (shVideos.currBlock < shVideos.totBlocks) 
			$('#pag-busca').append('<a href="javascript:shVideos.gotoBlock(' + (shVideos.currBlock + 1) + ');" class="link-azul12">pr&oacute;ximo >> </a>' );
		

		$('#pag-busca').append('</div>');

	},

   gotoBlock: function(block) {
       shVideos.currBlock = block ;
	   shVideos.gotoPage( (block * shVideos.sizeBlock) - (shVideos.sizeBlock - 1) ) 

   },

   gotoPage: function(n) {
		shVideos.paginaAtual = n 
		shVideos.vidStart = (n - 1) * shVideos.espacos  ;
        shVideos.vidEnd = shVideos.vidStart ;
		$('#lstVideos').html('') ;
		shVideos.load('/tv-boa-forma/json/medias?start=' + shVideos.paginaAtual + '&limit='+shVideos.espacos + shVideos.query + '&callback=?')
		shVideos.mkPageControl(n)
	},

    formatVideo: function() {
		
		$.each(shVideos.data, function(i, val) {
			dt = val.publicationDate.split("T")[0].split("-");
			url_vid = location.protocol + "//" + location.host + "/" + location.pathname.split('/')[1] + "/" + val.json_video_url; 
			//chapeu = val.subtitle == "" ? getCateg.cat[val.category_id] : val.subtitle ;
			chapeu =  getCateg.cat[val.category_id];
            exibDesc = val.views != 1 ? "exibi&ccedil;&otilde;es" : "exibi&ccedil;&atilde;o" ;

			//$('#lstVideos').append('<div class="blocoVideo"><a href="' + url_vid + '"><div class="imgVideo"><img width="143" height="80" border="0" src="' + val.thumbnail + '"/><div class="tempoVideo">' + formatDuration(val.duration) + '</div></div><div class="textoVideo"><h3>' + chapeu + '</h3><h2><b>' + val.title + '</b></h2><p class="dataVideos">' + dtExt(dt[0]+'/'+dt[1]+'/'+dt[2]) + '</p><p><span class="bold333">' + val.views + '</span> ' + exibDesc + '</p></div></a></div>') 

			$('#lstVideos').append('<div class="maisresultado1" style="float:left;height:80px;margin:0 0 12px;margin-top:15px;text-align:left;width:282px;"><div id="mais-img"><a href="' + url_vid + '"><img src="' + val.thumbnail + '" border="0" width="143"></a></div><div id="mais-txt"><div id="tit-mais" style="display:block;">' + chapeu + '</div><div id="info-mais"><a href="' + url_vid + '" class="link-azul12" style="margin-bottom:0;">' + val.title + '</a></div><div id="num-mais" style="display:block;margin-top:-10px;">' + val.views + '<span> ' + exibDesc + '</span></div></div></div>') 


			$('#lstVideos').append('');

			shVideos.vidEnd = shVideos.vidEnd + 1 ;
		})
	
	}
}


dtExt = function(dtNum) {
  var Meses     = new Array("Janeiro","Fevereiro","Mar&ccedil;o","Abril","Maio","Junho","Julho","Agosto","Setembro","Outubro","Novembro","Dezembro");
  nwDate = new Date(dtNum) ;
  return (nwDate.getDate() + " de " + Meses[nwDate.getMonth()].toLowerCase() + " de " + nwDate.getFullYear());
}

getVideos = function (idCat, desc, item) {
	if (idCat!=0){
		showMsg('cat', desc);
	    shVideos.query="&category="+idCat;
		shVideos.gotoPage(1);
    } else {
        $('#tit-resultado').html('');
		shVideos.query="";
		shVideos.gotoPage(1);
	}
    chColor(item) ; 	
}

getVideosByTag = function (tag, desc) {
    chColor(-1) ; 
	document.location.href = "#navVideos";
	shVideos.query="&tag="+tag;
	shVideos.gotoPage(1);
	showMsg('tag', desc);
}

getTagByMenu = function (tag, desc, item) {
    getVideosByTag(tag, desc);
    chColor(item) ; 
}


chColor = function (item) {
    $("#opMenu a").each ( function (i) { 
       ( i == item ) ? $(this).addClass("categoriaSelected") : $(this).removeClass("categoriaSelected");
	} )    
}

replaceLink = function (id) {
   $(id + ' a').each ( function() { 
	   tag=this.href.substring(this.href.lastIndexOf("/") + 1);
       this.href="javascript:getVideosByTag('" + tag + "', '" + this.innerHTML + "')"; 
       this.innerHTML = this.innerHTML + ((id == ".listaTags") ? " "  : "") ;
    } )
}

showMsg = function(type, msg) {
    tAux = type == 'tag' ? "pela TAG " : "por " ;
	$('#tit-resultado').html('');
	$('#tit-resultado').append('Resultado da busca ' + tAux + ': <span>' + msg.toUpperCase() + '</span>');
}



altText = function() {
    document.getElementById('boxBusca').value = '' ;
}

searchVideo = function () {
    shVideos.query = "&title=" + document.getElementById('boxBusca').value + "" ;
    showMsg('cat', document.getElementById('boxBusca').value);
	shVideos.gotoPage(1);
}

formatDuration = function (val) {
	 return (val.substring(val.indexOf(':')+1));
}

getCateg = {
    cat:[],
	load: function() {
		$.getJSON("/tv-boa-forma/json/categories?listchildren=true", function(data){
			$.each(data, function(i, val) {
				getCateg.cat[val.id]=val.name ;
			})
		});
	}
}


$(document).ready(function() {
	getCateg.load();

//	destVideos.load("/tv-boa-forma/json/medias?highlighted=true&limit=4&callback=?")

//	listVideos.load("/tv-boa-forma/json/medias?limit=4&callback=?","ltmRecent")

	listVideos.load("/tv-boa-forma/json/medias?order=views&limit=4&callback=?","mais-dir")

	listVideos.load("/tv-boa-forma/json/medias?category="+currentCat+"&limit=4&callback=?","mais-esq")

	getVideos(0,'',0)
	replaceLink('.listaTags');
	replaceLink('#tags-video');
});