$(document).ready(function(){
	HideBlock = function() {
		$("#potreb").hide();
		$("#zalog-nedvig").hide();
		$("#zalog-avto").hide();
		$("#ipotek").hide();
		$("#biz").hide();
	}
	HideBlock();
	TurnCredit = function(){
		if(val == "potreb") {
			HideBlock();
			$("#potreb").show();
			//$("#txt-main").html(potreb);
		}
		if(val == "zalog-nedvig") {
			HideBlock();
			$("#zalog-nedvig").show();
		}
		if(val == "zalog-avto") {
			HideBlock();
			$("#zalog-avto").show();
		}
		if(val == "ipotek") {
			HideBlock();
			$("#ipotek").show();
		}
		if(val == "biz") {
			HideBlock();
			$("#biz").show();
		}
	}
	showBtn = function() {
		$(".error-text").fadeOut(200, function(){
			$(".btn-send").fadeIn(200);
		});
	}
	$("select").css("display","none");
	var selectAll = $("select");
	var lenSelect = selectAll.length;
	var selectArray = new Array();
	
	for (i = 0; i < lenSelect; i++) {
		selectArray[i] = [selectAll.eq(i).find("option:selected").text()];
		selectAll.eq(i).before("<div class='select'>"+ selectArray[i] +"</div><div class='option' id="+ i +"></div>");
		lenOption = selectAll.eq(i).find("option").length;
		for (a = 0; a < lenOption; a++) {
			selectArray[i][a] = [selectAll.eq(i).find("option").eq(a).text()];
			if (selectAll.eq(i).find("option").eq(a).attr("selected") == "selected") {
				$(".option").eq(i).append("<div id="+ i +" class='selected'>"+ selectArray[i][a] +"</div>");
			}
			else {
				$(".option").eq(i).append("<div id="+ i +">"+ selectArray[i][a] +"</div>");
			}			
		}
	}
	
	$(".select").eq(0).next(".option").attr("id","credits");
	
	$(".select").click(function(){
		if ($(this).hasClass("active") == true) {
			$(this).next(".option").slideUp(200);
			$(this).removeClass("active");
		}
		else {
			$(".select").removeClass("active");
			$(".option").slideUp(200);			
			$(this).next(".option").slideDown(200);
			$(this).addClass("active");
		}
	});
	$(".option div").click(function(){
		num = $(this).attr("id");
		$(".option").eq(num).find("div").removeClass("selected");
		$(this).addClass("selected");
		index = $(this).index();
		selectAll.eq(num).find("option").removeAttr("selected");
		selectAll.eq(num).find("option").eq(index).attr("selected","selected");
		$(".select").eq(num).text($(this).text());
		$(".option").slideUp();	
		$(".select").removeClass("active");
		$(".select").removeClass("error");
		showBtn();
	});
	$(".option[id='credits'] div").click(function() {
		num = $(this).attr("id");
		$(".option").eq(num).find("div").removeClass("selected");
		$(this).addClass("selected");
		index = $(this).index();
		selectAll.eq(num).find("option").removeAttr("selected");
		selectAll.eq(num).find("option").eq(index).attr("selected","selected");
		val = selectAll.eq(num).find("option").eq(index).val();
		TurnCredit();
		$(".select").eq(num).text($(this).text());
		$(".option").slideUp(200);	
		$(".select").removeClass("active");
		$(".select").removeClass("error");
		showBtn();
	});
});