/*!
 *  Radiocheck v.1.0b
 */


/* CSS
.radbox {width:15px; height:15px; position:relative;}
.radbox input {position:absolute; left:-20000px;}
.radbox span {display:block;width:15px; height:15px;background:url('../images/radbox.png') no-repeat 0 0; cursor:pointer;}
.chek_box span {background-position:0 0;}
.radio_box span {background-position:0 -17px;}
.chek_box.select_box span {background-position:-17px 0;}
.radio_box.select_box span {background-position:-17px -17px;} 

Layout
	<div class="radbox radio_box">
		<span></span>
		<input type="radio" id="rad_7" name="rad">
	</div>
	
	<div class="radbox chek_box">
		<span></span>
		<input type="checkbox" id="chek">
	</div>
*/
jQuery.fn.radcheck = function() {
	this.each(function(index) {
		var $this = $(this);
		var $input = $this.find('input');
		var $check = $this.hasClass('chek_box');
		$('input:checked', $this).each(function(){$this.addClass('select_box');}); 
		if($check) {
			$input.change(function() {
				var n = $(this);
				ch(n);
			});
		} else {
			$input.change(function() {
   				$('input[name="'+$(this).attr('name')+'"]').each(function() {
					var n = $(this);
					ch(n);
   				});
			});
		}
		$('span', $this).die().live('click', function(){
			$input.click();
			$input.change();
		});
		function ch(tis){tis.is(':checked') == true ? tis.parent().addClass('select_box') : tis.parent().removeClass('select_box');}
	});
};
$(document).ready(function(){
	$('.radbox').radcheck();
});