var x=0;
var y=0;
var z=0;
var p=0;
var elmHeight = "100";	// should be specified based on image size
jQuery.fn.extend({
  dgStyle: function() {
	x=0;
    $.each($(this), function(){
      var elm	=	$(this).children().get(1);
	  elmType = $(elm).attr("type");
      $(this).data('type',elmType);
      $(this).data('checked',$(elm).attr("checked"));
      $(this).dgClear();
    });
	
	    var a;
        a=$("#info");
        a.css("background-position","-190px 0px");
		a.css("cursor","auto");
		a.attr("disabled",true);
        var b;
        b=$("#hoja");
        b.css("background-position","-190px -36px");
 		b.css("cursor","auto");
		b.attr("disabled",true);
        var c;
        c=$("#ctas");
        c.css("background-position","-190px -72px");
     	c.css("cursor","auto");
	 	c.attr("disabled",true); 
		var d;
        d=$("#rtas");
        d.css("background-position","-190px -108px");
     	d.css("cursor","auto");
	    d.attr("disabled",true); 
		var e;
        e=$("#plan");
        e.css("background-position","-190px -144px");
       	e.css("cursor","auto");
	    e.attr("disabled",true); 
		var f;
        f=$("#comp");
        f.css("background-position","-190px -180px");
		f.css("cursor","auto");
		f.attr("disabled",true); 
		
		
    $(this).mousedown(function() {$(this).dgEffect(); });
    $(this).mouseup(function() { $(this).dgHandle();});
  },
  
  dgClear: function(){
    if($(this).data("checked") == true){
      $(this).css("borderColor","#FFFFFF");
    } else {
      $(this).css("borderColor","#FFFFFF");
    }
  },
  dgEffect: function(){
    if($(this).data("checked") == true){ //y=y+1
  
      $(this).css({borderColor:"#FFFFFF" });
    }//blanco
      
    else {
    //z=x-y;
    if ((x==0)||(x==1)){
      $(this).css({borderColor:"#CCCCCC"});//plomo
      z=0;
    }
	}
  },
  
  dgHandle: function(){
	
    var elm	=	$(this).children().get(1);
    if($(this).data("checked") == true) {
      $(elm).dgUncheck(this);
	 
	}
    else {
		z=x-y;
		if ((x==0)||(x==1)){
		  $(elm).dgCheck(this);
		  z=0;
		}
	}
    if($(this).data('type') == 'radio'){
      $.each($("input[name='"+$(elm).attr("name")+"']"),function(){
        if(elm!=this)
        $(this).dgUncheck(-1);
      });
	  }
  },
  
  dgLimpiar: function() {
	$.each($(this), function(i){

      var elm	= $(this).children().get(1);
	  $(this).data('checked',false);
	  $(this).parent().data("checked",false);
	  $('input[name="candidato[]"]').get(i).checked = false;
      $(this).dgClear();
    });
	  
	x=0;
	var a;
	a=$("#info");
	a.css("background-position","-190px 0px");
	a.css("cursor","auto");
	a.attr("disabled",true);
	var b;
	b=$("#hoja");
	b.css("background-position","-190px -36px");
	b.css("cursor","auto");
	b.attr("disabled",true);
	var c;
	c=$("#ctas");
	c.css("background-position","-190px -72px");
	c.css("cursor","auto");
	c.attr("disabled",true); 
	var d;
	d=$("#rtas");
	d.css("background-position","-190px -108px");
	d.css("cursor","auto");
	d.attr("disabled",true); 
	var e;
	e=$("#plan");
	e.css("background-position","-190px -144px");
	e.css("cursor","auto");
	e.attr("disabled",true); 
	var f;
	f=$("#comp");
	f.css("background-position","-190px -180px");
	f.css("cursor","auto");
	f.attr("disabled",true);
  },
  
  dgCheck: function(div){
	
    $(this).attr("checked",true);

    x=x+1;
    
    var vegeta;
    vegeta=$(document);
    vegeta.ready(goku);
    function goku(){
	   if (x==1){
        var a;
        a=$("#info");
        a.css("background-position","0px 0px");
        a.css("cursor","pointer");	
	    a.removeAttr("disabled");
		var b;
        b=$("#hoja");
        b.css("background-position","0px -36px");
        b.css("cursor","pointer");	
		b.removeAttr("disabled");
        var c;
        c=$("#ctas");
        c.css("background-position","0px -72px");
        c.removeAttr("disabled");
        c.css("cursor","pointer");
		var d;
        d=$("#rtas");
        d.css("background-position","0px -108px");
        d.css("cursor","pointer");
		d.removeAttr("disabled");
        var e;
        e=$("#plan");
        e.css("background-position","0px -144px");
        e.css("cursor","pointer");
		e.removeAttr("disabled");
        f=$("#comp");
        f.css("background-position","-190px -180px");
		f.css("cursor","auto");
		f.attr("disabled", true);
		
      } else {
		 var a;
        a=$("#info");
        a.css("background-position","-190px 0px");
		a.css("cursor","auto");
		a.attr("disabled",true);
        var b;
        b=$("#hoja");
        b.css("background-position","-190px -36px");
 		b.css("cursor","auto");
		b.attr("disabled",true);
        var c;
        c=$("#ctas");
        c.css("background-position","-190px -72px");
     	c.css("cursor","auto");
	 	c.attr("disabled",true); 
		var d;
        d=$("#rtas");
        d.css("background-position","-190px -108px");
     	d.css("cursor","auto");
	    d.attr("disabled",true); 
		var e;
        e=$("#plan");
        e.css("background-position","-190px -144px");
       	e.css("cursor","auto");
	    e.attr("disabled",true); 
		var f;
        f=$("#comp");
        f.css("background-position","0px -180px");
		f.css("cursor","pointer");
	    f.attr("disabled",false); 
		
      }
    }
    $(div).data('checked',true).css({borderColor:"#000000"});//negro
  },
  
  dgUncheck: function(div){
    $(this).attr("checked",false);
    if(div != -1) 
      $(div).data('checked',false).css({borderColor:"#FFFFFF"});
	else
      $(this).parent().data("checked",false).css({borderColor:"#FFFFFF"});		
  
    x--;
    var vegeta;
    vegeta=$(document);
    vegeta.ready(goku);
    function goku(){
	 if (x==1 ){
	  var a;
        a=$("#info");
        a.css("background-position","0px 0px");
        a.css("cursor","pointer");	
	    a.removeAttr("disabled");
		var b;
        b=$("#hoja");
        b.css("background-position","0px -36px");
        b.css("cursor","pointer");
		b.removeAttr("disabled");
        var c;
        c=$("#ctas");
        c.css("background-position","0px -72px");
        c.removeAttr("disabled");
        c.css("cursor","pointer");
		var d;
        d=$("#rtas");
        d.css("background-position","0px -108px");
        d.css("cursor","pointer");
		d.removeAttr("disabled");
        var e;
        e=$("#plan");
        e.css("background-position","0px -144px");
        e.css("cursor","pointer");
		e.removeAttr("disabled");
        f=$("#comp");
        f.css("background-position","-190px -180px");
		f.css("cursor","auto");
		f.attr("disabled",true);
      } else {
	   
	    var a;
        a=$("#info");
        a.css("background-position","-190px 0px");
		a.css("cursor","auto");
		a.attr("disabled",true);
        var b;
        b=$("#hoja");
        b.css("background-position","-190px -36px");
 		b.css("cursor","auto");
		b.attr("disabled",true);
        var c;
        c=$("#ctas");
        c.css("background-position","-190px -72px");
     	c.css("cursor","auto");
	 	c.attr("disabled",true); 
		var d;
        d=$("#rtas");
        d.css("background-position","-190px -108px");
     	d.css("cursor","auto");
	    d.attr("disabled",true); 
		var e;
        e=$("#plan");
        e.css("background-position","-190px -144px");
       	e.css("cursor","auto");
	    e.attr("disabled",true); 
		var f;
        f=$("#comp");
		if(x==0) {
			f.css("background-position","-190px -180px");
			f.css("cursor","pointer");
			f.attr("disabled",true); 
		} else {
			f.css("background-position","0px -180px");
			f.css("cursor","pointer");
			f.attr("disabled",false); 
			
		}
      }
    }
  
}});