// VARIÁVEIS QUE SÃO NECESSÁRIAS SETAR

// Select Fake
var tamanhoBorda = 5; // Setar a largura da borda-left
var paddingLeft = 0; // Setar o padding-left necessário pra completar o início do texto. (levar em consideração o tamanho da borda)

// File Fake
var caracteresFileFake = 22; // Setar a quantidade limite de caracteres que vão aparecer.


function selectFake(){
	$('.select-padrao2').each(function(){
		var valorInicial  = $(this).find('option:first-child').html();
		var selectContent = parseInt($(this).css('width'));
		var largura = selectContent - tamanhoBorda;
		$(this).addClass('select-hide2');
		$(this).before('\
		<div class="select-content" style="width:'+selectContent+'px">\
			<div class="borda-left2"></div>\
			<div class="select-fake2" style="width:'+largura+'px;padding-left:'+paddingLeft+'">'+valorInicial+'</div>\
			<div class="clear"></div>\
		</div>');
		$(this).appendTo( $(this).prev() );
		$(this).change(function(){
			var string = $(this).children('option:selected').text();
			$(this).prev('div').prev('.select-content').children('.select-fake2').html(string);
			$(this).parent('div').find('.select-fake2').html(string);
		});
			var string = $(this).children('option:selected').text();
			$(this).parent('div').find('.select-fake2').html(string);
	});

	$('.select-padrao3').each(function(){
		var valorInicial  = $(this).find('option:first-child').html();
		var selectContent = parseInt($(this).css('width'));
		var largura = selectContent - tamanhoBorda;
		$(this).addClass('select-hide2');
		$(this).before('\
		<div class="select-content-03" style="width:'+selectContent+'px">\
			<div class="borda-left2"></div>\
			<div class="select-fake03" style="width:'+largura+'px;padding-left:'+paddingLeft+'">'+valorInicial+'</div>\
			<div class="clear"></div>\
		</div>');
		$(this).appendTo( $(this).prev() );
		$(this).change(function(){
			var string = $(this).children('option:selected').text();
			$(this).prev('div').prev('.select-content').children('.select-fake03').html(string);
			$(this).parent('div').find('.select-fake03').html(string);
		});
			var string = $(this).children('option:selected').text();
			$(this).parent('div').find('.select-fake03').html(string);
	});
}

function radioFake(){
	$('.radio-padrao').each(function(){
		$(this).css({display: 'none'});
		var idRadio = $(this).attr('id')
		
		// Seta o Radio Button Feminino ativo.
		// Caso exista algum outro tipo de Radio Button que precise inciar marcado, adicionar.
		if( $(this).attr('id') == "fem" ){
			$(this).before('<div class="radio-'+idRadio+'"><span class="radio-fake radio-ativo replace"></span></div>');
			$(this).appendTo('div.radio-'+idRadio);
			$(this).parent('div').next('label').appendTo('div.radio-'+idRadio);
			$(this).click();
		} else{
			$(this).before('<div class="radio-'+idRadio+'"><span class="radio-fake replace"></span></div>');
			$(this).appendTo('div.radio-'+idRadio);
			$(this).parent('div').next('label').appendTo('div.radio-'+idRadio);
		}

		$(this).prev('.radio-fake').click(function(){
			if($(this).parent().closest('.tipo_filtro').hasClass('ft_genero') || $(this).parent().closest('.centro_filtro').hasClass('on_off')){
				if($(this).hasClass('radio-ativo')){
					$(this).removeClass('radio-ativo');
					$(this).next().attr('checked',false);
					if(typeof atualiza_produtos == 'function') {  atualiza_produtos(); }
					return false;
				
				}else{
						var labelFor = $(this).next().attr('id');
						var nameRadio = $('#'+labelFor).attr('name');
						$('input[name='+nameRadio+']').each(function(){
							$(this).prev('.radio-fake').removeClass('radio-ativo');
						});
						$('input:radio#'+labelFor).prev('.radio-fake').addClass('radio-ativo');
						$('input:radio#'+labelFor).click();
						if(typeof atualiza_produtos == 'function') {  atualiza_produtos(); }
				}
				
			}else{
				
			var labelFor = $(this).next().attr('id');
			var nameRadio = $('#'+labelFor).attr('name');
			$('input[name='+nameRadio+']').each(function(){
				$(this).prev('.radio-fake').removeClass('radio-ativo');
			});
			$('input:radio#'+labelFor).prev('.radio-fake').addClass('radio-ativo');
			$('input:radio#'+labelFor).click();
			}
		});
		
		if( $(this).is(':checked') ){
			$(this).prev().addClass('radio-ativo');
		}
	});
	$('label.radio').click(function(){
		var labelFor = $(this).attr('for');
		var nameRadio = $('#'+labelFor).attr('name');
		$('input[name='+nameRadio+']').each(function(){
			$(this).prev('.radio-fake').removeClass('radio-ativo');
		});
		$('input:radio#'+labelFor).prev('.radio-fake').addClass('radio-ativo');
		$('input:radio#'+labelFor).click();
		
	});
}

function checkboxFake(){
	$('.checkbox-padrao').each(function(){
		$(this).css({display:'none'});
		$(this).before('<span class="checkbox-fake replace"></span>');

		$(this).change(function(){

			if($(this).prev().hasClass('checkbox-ativo')){
				$(this).prev('.checkbox-padrao').click();
				$(this).prev().removeClass('checkbox-ativo');
			}else{
				$(this).prev('.checkbox-padrao').click();
				$(this).prev().addClass('checkbox-ativo');
			}
		});
		$(this).prev('.checkbox-fake').click(function(){

			if(!$(this).next('.checkbox-padrao').attr('disabled'))
			{
				if($(this).hasClass('checkbox-ativo')){
					$(this).next('.checkbox-padrao').click();
					$(this).removeClass('checkbox-ativo');
					if(typeof atualiza_produtos == 'function') {  atualiza_produtos(); }
				}else{
					$(this).next('.checkbox-padrao').click();
					$(this).addClass('checkbox-ativo');
					if(typeof atualiza_produtos == 'function') {  atualiza_produtos(); }
				}
			}
		});
		
    	if( $(this).is(':checked') ){
			$(this).prev().addClass('checkbox-ativo');
		}
  
	});
	$('label.checkbox').click(function(){
		var labelFor = $(this).attr('for');
		if( $('#'+labelFor).prev('.checkbox-fake').hasClass('checkbox-ativo') ){
			$('#'+labelFor).click();
			$('#'+labelFor).prev().removeClass('checkbox-ativo');
		}else{
			$('#'+labelFor).click();
			$('#'+labelFor).prev().addClass('checkbox-ativo');
		}
	});
}

function fileFake(){
	$('.file-padrao').each(function(){
		var input = $(this);
		var texto = '<div class="fundo-fake"><span class="content-campo-file"></span></div>\
			<div class="clear"></div>';
		$(this).before('\
		<div class="file-content">\
		</div>');
		$(this).appendTo('.file-content');
		$(texto).appendTo('.file-content');
	});
    $('.file-padrao').change(function(){
        var str = $(this).val()
        if(str.length >= caracteresFileFake){
            str = str.substring(0,caracteresFileFake)+"...";
        }
        $(this).next('.fundo-fake').children('.content-campo-file').text(str);
    });
}