$(document).ready(function(){
	$("div.BoxProcurar input").click(function(){
		$(this).val("");
	});

	$("div..BoxProcurar input").click(function(){
		$(this).val("");
	});

    $(".menu-principal li.fl").hover(function(){
        $(this).children(".sub").show();
        $(this).addClass("over");
    },function(){
        $(this).children(".sub").hide();
        $(this).removeClass("over");
    })
	
    $(".menu-principal li .sub a:has(img)").hover(function(){
        //if($('.menu-principal li .sub a:has(img)'){
        $(".menu-principal li .sub a").removeClass("ativo");
        $(this).addClass("ativo");
    //}
    },function(){
		
        });
		
    $("div.list-shows-hm").hover(function(){
        $(this).addClass("ativo");
    },function(){
        $(this).removeClass("ativo");
    })
	
    $("div.list-loja-hm").hover(function(){
        $(this).addClass("ativo");
    },function(){
        $(this).removeClass("ativo");
    })
	
    jQuery('#listVideos').jcarousel({
        vertical: true,
        visible: 2,
        scroll: 2
    });
    jQuery('#listVideosYouTube').jcarousel({
        vertical: true,
        visible: 2,
        scroll: 2
    });
	
    jQuery('#listTweets').jcarousel({
        vertical: true,
        visible: 2,
        scroll: 2
    });
	
    jQuery('#listArtistasDestaque').jcarousel({
        auto: 4,
		wrap: 'last',
		animation: 'slow',
        vertical: false,
        visible: 4,
        scroll: 1
    });
	
    jQuery('#lista-de-fotos-artista').jcarousel({
        vertical: false,
        visible: 3,
        scroll: 3
    });
    jQuery(' #lista-comentarios').jcarousel({
        vertical: true,
        visible: 2,
        scroll: 2
    });
   
    
    jQuery('#lista-de-albuns-artista').jcarousel({
        vertical: false,
        visible: 3,
        scroll: 3
    });
	
    /*$("#listArtistasDestaque li a").click(function(){
        var nome = $(this).attr('name');
        var endereco = $(this).attr('rel');
        var descricao = $(this).attr('desc');
		
        $('.destaquerodape h2').html(nome);
        $('#scrollerdestaquehome p').html(descricao);
        $('#destaquehome img.imagem-destaque-home').attr('src',endereco);

    });*/
	
    $("#listArtistasDestaque li a").click(function(){
        var nome = $(this).children(".name").html();
        var endereco = $(this).children(".rel").html();
        var descricao = $(this).children(".desc").html();
		
        $('.destaquerodape h2').html(nome);
        $('#scrollerdestaquehome p').html(descricao);
        $('#destaquehome img.imagem-destaque-home').attr('src',endereco);

    });
	
	$("#listArtistasDestaque li a").hover(function(){
        var nome = $(this).children(".name").html();
        var endereco = $(this).children(".rel").html();
        var descricao = $(this).children(".desc").html();
        var link = $(this).children(".link").html();
		
        $('.destaquerodape h2').html(nome);
        $('#scrollerdestaquehome p').html(descricao);
        $('#destaquehome img.imagem-destaque-home').attr('src',endereco);
        $('a#link-destaque').attr('href',link);

    });
    $( ".slider-vertical" ).each(function() {
        // read initial values from markup and remove that
        var value = parseInt( $( this ).text(), 10 );
        $( this ).empty().slider({
            value: 50,
            min: 0,
            max: 100,
            range: "min",
            animate: true,
            orientation: "vertical",
            slide: function( event, ui ) {
                if( ui.value == 0){
                    $(this).parent().children('p').children('.volume').css('background-position','0px -104px');
                }else if(ui.value > 0 && ui.value < 30){
                    $(this).parent().children('p').children('.volume').css('background-position','0px -60px');
                }else if(ui.value >= 30 && ui.value < 65){
                    $(this).parent().children('p').children('.volume').css('background-position','0px -40px');
                }else if(ui.value >= 65 && ui.value < 100){
                    $(this).parent().children('p').children('.volume').css('background-position','0px -19px');
                }
                if( ui.value == 100){
                    $(this).parent().children('p').children('.volume').css('background-position','0px 1px');
                }
            }
        });
    });


    $( ".slider-horizontal" ).each(function() {
        // read initial values from markup and remove that
        var value = parseInt( $( this ).text(), 10 );
        $( this ).empty().slider({
            value: 50,
            min: 0,
            max: 100,
            range: "min",
            animate: true,
            slide: function( event, ui ) {
                if( ui.value == 0){
                    $(this).parent().children('p').children('.volume').css('background-position','0px -104px');
                }else if(ui.value > 0 && ui.value < 30){
                    $(this).parent().children('p').children('.volume').css('background-position','0px -60px');
                }else if(ui.value >= 30 && ui.value < 65){
                    $(this).parent().children('p').children('.volume').css('background-position','0px -40px');
                }else if(ui.value >= 65 && ui.value < 100){
                    $(this).parent().children('p').children('.volume').css('background-position','0px -19px');
                }
                if( ui.value == 100){
                    $(this).parent().children('p').children('.volume').css('background-position','0px 1px');
                }


            }
        });
    });
	
    $(".player-mini").hover(function(){
        if(!($(".player-mini .play").hasClass('ativo'))){
            $(this).addClass("over");
        }
    },function(){
        $(this).removeClass("over");
    });

    $(".info").hover(function(){
        if(!($(".info").hasClass('ativo'))){
            $(this).addClass("over");
        }
    },function(){
        $(this).removeClass("over");
    });
	
    $(".player-mini .play").click(function(){
        if($(this).parent().parent('.player-mini').hasClass('ativo')){
            $(this).parent().parent('.player-mini').removeClass('ativo');
            $(this).parent().parent().children('.slider-horizontal').hide();
            $(this).parent().parent().children('.slider-vertical').hide();
        }
        else{
            $(this).parent().parent('.player-mini').addClass('ativo');
        }
        if($(this).parent().parent('.player-mini').next().hasClass('ativo')){
            $(this).parent().parent('.player-mini').next().removeClass('ativo');
        }else{
            $(this).parent().parent('.player-mini').next().addClass('ativo');
        }
    });
	
    /*** Posicionamento dinâmico da barra de volume ***/
    $(".volume").toggle(function(){
        var offset = $(this).offset();
        $(this).parent().parent().children('.slider-vertical').css('left',offset.left + 8);
        $(this).parent().parent().children('.slider-vertical').css('top',offset.top - 125);
        $(this).parent().parent().children('.slider-vertical').css('position', 'absolute');
        $(this).parent().parent().children('.slider-vertical').show();
    },function(){
        $(this).parent().parent().children('.slider-vertical').hide();
    });

    /*** Posicionamento dinâmico da barra de volume HORIZONTAL***/
    $(".volume").toggle(function(){
        var offset = $(this).offset();
        $(this).parent().parent().children('.slider-horizontal').css('left',offset.left + 43);
        $(this).parent().parent().children('.slider-horizontal').css('top',offset.top + 8);
        $(this).parent().parent().children('.slider-horizontal').css('position', 'absolute');
        $(this).parent().parent().children('.slider-horizontal').show();
    },function(){
        $(this).parent().parent().children('.slider-horizontal').hide();
    })
})


function active(id) {
    var abas = [];
    for(i=0; i<3;i++){
        abas[i] = 'aba'+i;
        $('#'+abas[i]).removeClass('active');
    }
    for(i=0;i<abas.length;i++){
        if(abas[i]== id){
            $('#'+abas[i]).addClass('active');
        }
    }
}
function filtro(id) {
   $('#'+id).toggleClass('hidden');
}
function filtroValue(input, valor, id) {
    $('#'+input).val(id);
    $('#'+valor).html(id);
}

function showBox(id, abas) {
    var aba = [];
    for(i=0; i<4;i++){
        aba[i] = 'aba'+i;
        $('#'+aba[i]).removeClass('active');
    }
    for(i=0;i<aba.length;i++){
        if(aba[i]== abas){
            $('#'+aba[i]).addClass('active');
        }
    }
    var box = [];
    nome_padrao = "box";
    total_ids = 30;
    for(j=0; j<4;j++){
        box[j] = 'box'+j;
        $('#'+box[j]).addClass('hidden');
    }
    for(j=0;j<box.length;j++){
        if(box[j] == id){
        $('#'+box[j]).removeClass('hidden');
    }
  }
}
	
function showModal(id) {
    $.scrollTo({
        top:0,
        left:0
    }, 500, {
        onAfter : function(){
            $('body').toggleClass('noScroll');
            $('#'+id).slideToggle('normal');
            $(this).toggleClass('show');

            //armazena a largura e a altura da tela
            var maskHeight = $(document).height();
            var maskWidth = $(window).width();

            //Define largura e altura do div#mask iguais ?s dimens?oes da tela
            $('#mask').css({
                'width':maskWidth,
                'height':maskHeight
            });

            //efeito de transi??o
            $('#mask').fadeIn(1000);
            $('#mask').fadeTo("slow",0.8);

            //efeito de transi??o
            $(id).fadeIn(2000);
        }
    });
}

function closeModal(id) {
    $('body').toggleClass('noScroll');
    $('#'+id).slideToggle('normal');
    $(this).toggleClass('show');

    //armazena a largura e a altura da tela
    var maskHeight = $(document).height();
    var maskWidth = $(window).width();

    //Define largura e altura do div#mask iguais ?s dimens?oes da tela
    $('#mask').css({
        'width':maskWidth,
        'height':maskHeight
    });

    $('#mask').fadeOut(1000);
    $('#mask').fadeOut("slow",0.8);

    //efeito de transi??o
    $(id).fadeOut(2000);
}