/// <reference path="includes/jquery.intelisense.js" />
$(document).ready(function() {
    inicioBarraVideos();
});

function inicioBarraVideos() {
    listaVideosDestaqueBarraVideos();
}

function listaVideosDestaqueBarraVideos() {
    WebService("Ws/wsVideo.asmx/listaVideosDestaqueBarraVideos", listaVideosDestaqueBarraVideos_CallBack);
}
function listaVideosDestaqueBarraVideos_CallBack(json) {
    var imagemExibir = "";
    var contador = 0;
    
    if (json.length > 0) {
        $(json).each(function() {
            if (contador < 13) {
                if (this.urlFrameImagem == "") {
                    imagemExibir = "semimgVideo.jpg";
                } else {
                imagemExibir = this.urlFrameImagem;
                }
                $("#ulBarraVideos").append("<li><a href='video.aspx?id=" + this.codigo + "&aovivo=1&banda=0'><img src='" + strCaminhoImagem + imagemExibir + "' alt='" + this.nome + "'/></a></li>");
            }
            contador++;
        });
    }
    carregaBarraVideos();
}

//Carrega a barra de vídeos
function carregaBarraVideos() {
    var div = $('div.barradevideos');
    ul = $('ul.barradevideos');
	$('ul.barradevideos img').hover(
		function(e){
			$("#nomevideodestaque").text($(this).attr("alt"));
			},
		function(e){
			$("#nomevideodestaque").text("");
		});
    ulPadding = 15;
    var divWidth = div.width();
    div.css({ overflow: 'hidden' });
    var lastLi = ul.find('li:last-child');
    div.mousemove(function(e) {
        var ulWidth = lastLi[0].offsetLeft + lastLi.outerWidth() + ulPadding;
        var left = (e.pageX - div.offset().left) * (ulWidth - divWidth) / divWidth;
        div.scrollLeft(left);
    });
}