// 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);
	});
}

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

		$(this).prev('.radio-fake').click(function(){
			$(this).closest('ul').find('.radio-fake').removeClass('radio-ativo');
			$(this).next('.radio-padrao').click();
			if($(this).hasClass('radio-ativo')){
				$(this).next('.radio-fake').click();
				$(this).removeClass('radio-ativo');
			}else{
				$(this).next('.radio-fake').click();
				$(this).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).prev('.checkbox-fake').click(function(){
			if($(this).hasClass('checkbox-ativo')){
				$(this).next('.checkbox-fake').click();
				$(this).removeClass('checkbox-ativo');
			}else{
				$(this).next('.checkbox-fake').click();
				$(this).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>\
			<a class="bt-fake replace" href="javascript:void(0)"></a>\
			<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);
    });
}