document.write('<style type="text/css">input.MonoCheck { display: none; } span.checkbox {width: 34px;height: 34px;background: url(Template/Images/Design/Form/CheckBox/checkbox-unchecked.gif) no-repeat;display: block;float: left} span.radio {width: 34px;height: 34px;background: url(Template/Images/Design/Form/CheckBox/radio-unchecked.gif) no-repeat;display: block;float: left;}</style>');
var MonoCheck = {
	init: function() 
	{
		var inputs = document.getElementsByTagName("input"), span = Array();
		for(a = 0; a < inputs.length; a++) 
		{
			//Checkbox veya Radio Butonları Bul
			if((inputs[a].type == "checkbox" || inputs[a].type == "radio") && inputs[a].className == "MonoCheck") 
			{
				//Span Element Tanımla
				span[a] = document.createElement("span");
				//Spanın classını tipi ile aynı yap (class=checkbox)
				span[a].className = inputs[a].type;
				if(inputs[a].checked == true)  //Eğer Element Saçilmişle
				{
					if(inputs[a].type == "checkbox") //Eğer Element Checkbox ise 
					{
						span[a].style.backgroundImage ="url(Template/Images/Design/Form/CheckBox/checkbox-checked.gif)"; //Spanın arka plan resmini  checkbox-checked.gif yap
					} 
					else  //Eğer Element Radio ise 
					{
						span[a].style.backgroundImage = "url(Template/Images/Design/Form/CheckBox/radio-checked.gif)"; //Spanın arka plan resmini  radio-checked.gif yap
					}
				}
				//Spanı  inputun önüne bas
				inputs[a].parentNode.insertBefore(span[a], inputs[a]);
				//İnput değiştirildiği anda clearı çalıştır
				inputs[a].onchange = MonoCheck.clear;
				//Resim üzerine tıklandığı anda (span)
				span[a].onmousedown = MonoCheck.pushed;
				//Resim üzerine tıklama işlemi tamamlandığında
				span[a].onmouseup = MonoCheck.check;
				//span[a].onmouseup = MonoCheck.clear;
				document.onclick = MonoCheck.clear;
			}
		}
	},
	pushed: function() 
	{
		//Input u tanımla (doğal olarak sonraki element)
		element = this.nextSibling;
		//Input işaretlenmiş ve tipi checkbox ise 
		if(element.checked == true && element.type == "checkbox") 
		{
			this.style.backgroundImage = "url(Template/Images/Design/Form/CheckBox/checkbox-unchecked.gif)" //
		}
		//Input işaretlenmiş ve tipi radio ise  
		else if(element.checked == true && element.type == "radio") 
		{
			this.style.backgroundImage = "url(Template/Images/Design/Form/CheckBox/radio-checked.gif)"
		} 
		//Input işaretlenmemiş ve tipi checkbox ise  
		else if(element.checked != true && element.type == "checkbox") 
		{
			this.style.backgroundImage ="url(Template/Images/Design/Form/CheckBox/checkbox-unchecked.gif)";
		} 
		//Input işaretlenmemiş ve tipi radio ise  
		else 
		{
			this.style.backgroundImage = "url(Template/Images/Design/Form/CheckBox/radio-unchecked.gif)";
		}
	},
	check: function() 
	{
		//Input u tanımla (doğal olarak spandan  sonraki element input)
		element = this.nextSibling;
		
		//Input işaretlenmiş ve tipi checkbox ise 
		if(element.checked == true && element.type == "checkbox") 
		{
			this.style.backgroundImage = "url(Template/Images/Design/Form/CheckBox/checkbox-unchecked.gif)";  //Spanın arka plan resmini  checkbox-unchecked.gif yap
			element.checked = false;
		} 
		else  //Input işaretlenmemiş ise 
		{
			if(element.type == "checkbox")  //ve checkbox ise 
			{
				this.style.backgroundImage ="url(Template/Images/Design/Form/CheckBox/checkbox-unchecked.gif)"; //Spanın arka plan resmini  checkbox-unchecked.gif yap
			} 
			else //ve radio ise işaretlenmemişlerse işaretli olmayanları bul
			{
				this.style.backgroundImage ="url(Template/Images/Design/Form/CheckBox/radio-unchecked.gif)";
				group = this.nextSibling.name;
				inputs = document.getElementsByTagName("input");
				for(a = 0; a < inputs.length; a++) 
				{
					//Inputun adının spanın yanındaki input adı ile aynı olanları bul ama bu üzerinde işlem yaptığım olmasın
					if(inputs[a].name == group && inputs[a] != this.nextSibling && inputs[a].previousSibling.tagName == "SPAN") 
					{
						inputs[a].previousSibling.style.backgroundImage = "url(Template/Images/Design/Form/CheckBox/radio-unchecked.gif)"; //Spanın arka plan resmini  radio-unchecked.gif yap
					}
				}
			}
			//Üzerinde uraştığım elemanı checked yap
			element.checked = true;
		}
	},
	clear: function() 
	{
		//Form elementlerini çek
		inputs = document.getElementsByTagName("input");
		for(var b = 0; b < inputs.length; b++) 
		{
			// Element checkbox , işaretlenmiş ve classı MonoCheck ise 
			if(inputs[b].type == "checkbox" && inputs[b].checked == true && inputs[b].className == "MonoCheck") 
			{
				// Element checkbox , işaretlenmemiş ve classı MonoCheck ise  
				inputs[b].previousSibling.style.backgroundImage = "url(Template/Images/Design/Form/CheckBox/checkbox-checked.gif)"; //Spanın arka plan resmini  checkbox-checked.gif yap
			}
			
			else if(inputs[b].type == "checkbox" && inputs[b].className == "MonoCheck") 
			{
				//Spanın arka plan resmini  checkbox-unchecked.gif yap
				inputs[b].previousSibling.style.backgroundImage = "url(Template/Images/Design/Form/CheckBox/checkbox-unchecked.gif)"; 
			}
			// Element radio , işaretlenmiş ve classı MonoCheck ise   
			else if(inputs[b].type == "radio" && inputs[b].checked == true && inputs[b].className == "MonoCheck") 
			{
				//Spanın arka plan resmini  radio-checked.gif yap
				inputs[b].previousSibling.style.backgroundImage = "url(Template/Images/Design/Form/CheckBox/radio-checked.gif)"; 
			}
			// Element radio , işaretlenmemiş ve classı MonoCheck ise    
			else if(inputs[b].type == "radio" && inputs[b].className == "MonoCheck") 
			{
				//Spanın arka plan resmini  radio-unchecked.gif yap
				inputs[b].previousSibling.style.backgroundImage = "url(Template/Images/Design/Form/CheckBox/radio-unchecked.gif)"; 
			}
		}
	}
}
window.onload = MonoCheck.init;