//##############################
// 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
jQuery.fn.extend({
dgStyle: function()
{
	// Initialize with initial load time control state
	$.each($(this), function(index){
		var elm	=	$(this).children().get(0);
		elmType = $(elm).attr("type");
		$(this).data('type',elmType);
		$(this).data('checked',$(elm).attr("checked"));
		$(this).dgClear();
	});
        $(this).unbind("mousedown");
        $(this).unbind("mouseup");
	$(this).mousedown(function() {$(this).dgEffect();});
	$(this).mouseup(function() {$(this).dgHandle();});	
},
dgClear: function()
{
    if($(this).data("checked") == true)
    {
        $(this).css("backgroundPosition","center -"+(elmHeight*2)+"px");
    }
    else
    {
        $(this).css("backgroundPosition","center 0");
    }
},
dgEffect: function()
{
    if($(this).children("input[disabled]").length==0)
    {
        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){
        $(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)
{
    if($(div).children("input[disabled]").length==0)
    {
        $(div).children().attr("checked",true);
        $(div).children().click();
        $(div).data('checked',true).css({backgroundPosition:"center -"+(elmHeight*2)+"px"});
    }
},
dgUncheck: function(div)
{
    $(div).children().attr("checked",false);
    $(div).children().click();
    if(div != -1){
        $(div).data('checked',false).css({backgroundPosition:"center 0"});
    }else{
        $(this).parent().data("checked",false).css({backgroundPosition:"center 0"});
    }
}
});