jQuery(document).ready(function(){
    jQuery(".circulo").click(function(ev) {
        if(!jQuery(this).hasClass('activo')) {
            var id=jQuery(this).attr('id');
            var idImaxen = "#"+jQuery(this).attr('id').substr(8);
            var antiguoBoton = jQuery('.circulo.activo');
            var antiguoCaso = jQuery('.caso.activo');
            var nuevoCaso = jQuery(idImaxen);
            var nuevoBoton =jQuery(this);
            antiguoCaso.css('z-index',1);
            nuevoCaso.css('z-index',0);
            nuevoCaso.toggleClass('activo');
            antiguoCaso.animate({
                width: 'toggle'
            }, 1000, function() {
                nuevoBoton.toggleClass('activo');
                antiguoCaso.toggleClass('activo');
                antiguoBoton.toggleClass('activo');
                antiguoCaso.css('z-index',0);
                nuevoCaso.css('z-index',0);
                antiguoCaso.removeAttr("style");
                nuevoCaso.removeAttr("style");
            });

        }
    });
    jQuery("#casos").everyTime(20000, function() {
            var siguiente = jQuery('.circulo.activo').next();
            if(siguiente.length==0) {
                siguiente = jQuery(".circulo:nth-child(1)")
            }
            siguiente.trigger("click");
    });   
    jQuery("#frmKWAFLogIn").submit(function() {
        return SELF_ValLogin();
    });
});