$(document).ready(function(){
	// Замена элементов форм
	// Чекбоксы
	var checkboxes = $("input:checkbox:not(#metromapimg input:checkbox)");
	
	checkboxes.each(function(){
		
		var nattr = 'chb'+Math.random();
		$(this).css({
			"display":"none"
		}).attr('chbox', nattr);
		
		if (this.checked){
			$(this).before("<img src='/imgs/galkax.jpg' chimg="+nattr+" class='checkBoxImg'>");
		}
		else { 
			$(this).before("<img src='/imgs/galka.jpg' chimg="+nattr+" class='checkBoxImg'>");
		}
	});
	// 	Замена радиобатонов
	
	var radios = $("input:radio:not(#metromapimg input:radio)");
	radios.each(function(){
		
		var nattr = 'chb'+Math.random();
		$(this).css({
			"display":"none"		
		}).attr('rad', nattr);
		
		var name = this.name;
		if (this.checked)
			$(this).before("<img src='/imgs/radiox.png' radimg="+nattr+" class='radioImg' name='"+name+"'>");
		else 
			$(this).before("<img src='/imgs/radio.png' radimg="+nattr+" class='radioImg' name='"+name+"'>");
	});
	
	$("label:not(#metromapimg)").click(function(){
		var $id = $(this).attr("for");
		var element = $("#"+$id); 
		var type = element.attr("type");
		var name = element.attr("name");
		if(type== 'radio'){			
			var rad = element.attr('rad');
			$(".radioImg[name="+name+"]").attr("src","/imgs/radio.png");
			$(".radioImg[radimg="+rad+"]").attr("src","/imgs/radiox.png");;
		} else if(type == 'checkbox'){
			var chimg = element.attr('chbox');
			if (element.attr("checked")) {
				$(".checkBoxImg[chimg="+chimg+"]").attr('src','/imgs/galka.jpg');
			} else {
				$(".checkBoxImg[chimg="+chimg+"]").attr('src','/imgs/galkax.jpg');
				
			}			
		}
		
	});
	
	$(".checkBoxImg:not(#metromapimg .checkBoxImg)").click(function(){
		
		var iden = $(this).attr('chimg');
		var chBox = $("input:checkbox[chbox="+iden+"]");
		if (!chBox.is(":checked")) {
			$(this).attr('src','/imgs/galkax.jpg');
			chBox.attr("checked","checked");
		} else {
			$(this).attr('src','/imgs/galka.jpg');
			chBox.removeAttr("checked");
		}
		chBox.trigger("click");
		if (!chBox.is(":checked")) {
			chBox.attr("checked","checked");
		} else {
			chBox.removeAttr("checked");
		}

				
	});	
	
	$(".radioImg:not(#metromapimg .radioImg)").click(function(){
		
		var iden = $(this).attr('radimg');
		var rad = $("input:radio[rad="+iden+"]");
		var name = rad.attr('name');		
		var ch = rad.attr('checked');		
		if (!ch) {
			$("img[name="+name+"]").attr('src','/imgs/radio.png')
			$(this).attr('src','/imgs/radiox.png');
			rad.attr('checked','checked');
			
		}
		rad.click();		
	});
	

	
	
	

});