//##############################
// 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(){
        var elm =   $(this).children().get(0);
        elmType = $(elm).attr("type");
        $(this).data('type',elmType);
        $(this).data('checked',$(elm).attr("checked"));
        $(this).dgClear();
    });
    $(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).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)
{
    $(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"});
}
});