//##############################
// jQuery Custom Radio-buttons and Checkbox; basically it's styling/theming for Checkbox and Radiobutton elements in forms
// By Dharmavirsinh Jhala - dharmavir@gmail.com
// Date of Release: 13th March 10
// Version: 0.8
/*
 USAGE:
	$(document).ready(function(){
		$(":radio").behaveLikeCheckbox();
	}
*/

var elmHeight = "25";	// should be specified based on image size

// Extend JQuery Functionality For Custom Radio Button Functionality
(function($) {
	$.fn.extend({
		dgStyle: function()
		{
			// Initialize with initial load time control state
			$.each($(this), function(){
				var elm	=	$(this).children().get(0);
				elmType = $(elm).attr("type");
				$(this).data('type',elmType);
				$(this).data('checked',$(elm).attr("checked"));
				$(this).data('disabled',$(elm).attr("disabled"));
				$(this).dgClear();
			});
			$(this).mousedown(function() {
				if($(this).data("disabled") != true) {
					$(this).dgEffect();
				}
			});
			$(this).mouseup(function() {
				if($(this).data("disabled") != true) {
					$(this).dgHandle();
				}
			});
			$(this).each(function() {
				if($(this).data("disabled") != true) {
					var control = $(this);
					$("label[for*='" + this.id + "']").mousedown(function() {
						control.dgEffect();
					});
					$("label[for*='" + this.id + "']").mouseup(function() {
						control.dgHandle();
					});
				}
			})
		},
		dgClear: function()
		{
			if($(this).data("disabled") == true && $(this).data("checked") == true)
			{
				$(this).css("backgroundPosition","center -"+(elmHeight*3)+"px");
				}
			else if($(this).data("disabled") == true)
			{
				$(this).css("backgroundPosition","center -"+(elmHeight*1)+"px");
				}
			else if($(this).data("checked") == true)
			{
				$(this).css("backgroundPosition","center -"+(elmHeight*2)+"px");
				}
			else
			{
				$(this).css("backgroundPosition","center 0");
				}	
		},
		dgEffect: function()
		{
			if($(this).data("checked") == true)
				$(this).css({backgroundPosition:"center -"+(elmHeight*3)+"px"});
			else
				$(this).css({backgroundPosition:"center -"+(elmHeight)+"px"});
		},
		dgHandle: function()
		{
			var elm	=	$(this).children().get(0);
			if($(this).data("checked") == true && $(this).data('type') != 'radio')
				$(elm).dgUncheck(this);
			else
				$(elm).dgCheck(this);

			if($(this).data('type') == 'radio')
			{
				$.each($("input[name='"+$(elm).attr("name")+"']"),function()
				{
					if(elm!=this)
						$(this).dgUncheck(-1);
				});
			}
		},
		dgCheck: function(div)
		{
			$(this).attr("checked",true);
			$(div).data('checked',true).css({backgroundPosition:"center -"+(elmHeight*2)+"px"});
		},
		dgUncheck: function(div)
		{
			$(this).attr("checked",false);
			if(div != -1)
				$(div).data('checked',false).css({backgroundPosition:"center 0"});
			else
				$(this).parent().data("checked",false).css({backgroundPosition:"center 0"});
		}
	});
})(jQuery);