  $(document).ready(function() {
       function updateTips(t) {
        tips
        .text(t)
        .addClass('ui-state-highlight');
        setTimeout(function() {
            tips.removeClass('ui-state-highlight', 1500);
        }, 3500);
    }

    function checkLength(o,n,min,max) {

        if ( o.val().length > max || o.val().length < min ) {
            o.addClass('ui-state-error');
            updateTips("Longitud de  " + n + " debe estar entre  "+min+" y "+max+".");
            return false;
        } else {
            return true;
        }

    }

    function checkRegexp(o,regexp,n) {

        if ( !( regexp.test( o.val() ) ) ) {
            o.addClass('ui-state-error');
            updateTips(n);
            return false;
        } else {
            return true;
        }

    }


    function enviamail(cfname,mail,mensaje,area) {
	var dataString = 'nombre='+ cfname + '&correo=' + mail + '&mensaje=' + mensaje ;

	$.ajax({
      type: "POST",
      url: "./include/enviamail.php",
      data: dataString,
      success: function(datos) {
                                var $dialog = $('<div></div>')
                               .html(datos)
                               .dialog({
                                  autoOpen: false,
                                  title: 'Mensaje',
                                  height:200,
                                  closeText:'ok',
                                  modal: true,
                                  buttons: {
                                   'Cerrar': function() {
                                            $(this).dialog('close');
                                            $(".post").show();
                                               }
                                   }
                               });
                              $dialog.dialog('open');
      }
     });

    }




      var cfname = $("#cfname"),  // apellido del formulario de contacto
    mail = $("#mail"), // mail del formulario de contacto
    mensaje=$("#mensaje"),  // mensaje del formulario de contacto
     tips = $(".validateTips"),
    allFieldscf = $([]).add(cfname).add(mail).add(mensaje);

$("#contact-form").dialog({
        autoOpen: false,
        height: 550,
        width: 450,
        modal: true,
        buttons: {
            'Enviar': function() {
                var bValid = true;
                allFieldscf.removeClass('ui-state-error');
                bValid = bValid && checkLength(cfname,"apellido",3,50);
bValid = bValid && checkRegexp(mail,/^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?$/i,"ingrese su mail, p.ej. aa@algo.com");
bValid = bValid && checkLength(mensaje,"mensaje",10,200);

                if (bValid) {

                   enviamail(cfname.val(),mail.val(),mensaje.val());

                    $(this).dialog('close');
                }
            },
            'Cancelar': function() {

                $(this).dialog('close');
                 $(".post").show();
            }
        },
        close: function() {
            allFieldscf.val('').removeClass('ui-state-error');
        }
    });

     $('#contacto')
    .button({icons: {primary:'ui-icon-mail-closed'}})
    .click(function() {

     $('#contact-form').dialog('open');
            });


     $('#contactoinferior')
    .click(function() {
     $('#contact-form').dialog('open');
            });
     $("#sidebar").accordion({ header: "h3",
                                       active:false,
                                       collapsible:true});  


   $('#usuarios')           //boton de acceso  login
    .button( {icons: {primary:'ui-icon-locked'}})
    .click(function(){
        if ($("embed").length) {$("#cpdfdiv").hide();} // si hubo consulta de pdf, lo oculta
        $('#dialog-form').dialog('open');
        $("#name").focus();
       });
           
 
    function login(n,p) {
        $.post(postFile, {
            u: n,
            p: p
        }, function(data) {
            if(data.status=="true"){               
                window.location=data.url;
            } else {
                updateTips(data.message);
                $(name).focus();
            }
        }
        ,'json');
    }
    var postFile='./include/login.post.php',  // para el login
    name = $("#name"),  // id del selector del  usuario de login
    password = $("#password"), // id del selector de la clave
    allFields = $([]).add(name).add(password);
   
   
   
  $("#dialog-form").dialog({   // para el login
        autoOpen: false,
        height: 300,
        width: 350,
        modal: true,

        buttons: {
            'Ingresar': function() {
                var bValid = true;
                allFields.removeClass('ui-state-error');

                bValid = bValid && checkLength(name,"usuario",4,16);

                bValid = bValid && checkLength(password,"clave",4,16);

                bValid = bValid && checkRegexp(name,/^([0-9a-z_])+$/i,"El nombre del usuario puede consistir de: a-z, 0-9, guion bajo.");
                bValid = bValid && checkRegexp(password,/^([0-9a-zA-Z])+$/,"La Clave solo admite : a-z 0-9");

                if (bValid) {
                    login (name.val(),password.val());


                //$(this).dialog('close');
                }
            },
            'Cancelar': function() {
                
                $(this).dialog('close');
                $("#cpdfdiv").show();
            }
        },
        close: function() {
            allFields.val('').removeClass('ui-state-error');
            $("#contenido").show();
        }
    });
          
 $('#salir')  // boton salida
    .button({icons: {primary:'ui-icon-unlocked'}})
    .click(function(){
        window.location= 'index.php?logoff=1';
    });           

         // 
$("#sede").fadeIn(1500);
$('#vvirtual').button();
$('#vvirtual,#fotosede').click(function() {
$("#caption,#cierro1").show();

    $('.slideshow').show().cycle({
 fx:  'fade,zoom,curtainX,curtainY,fade',    // galeria fotos club
  randomizeEffects:false,
height:'auto',
speed:700,
timeout:3000,
delay: -1,
after:     function() {
            $('#caption').html(this.alt);
        }
   });
});
//
$("#cierro1").click(function() {
 $('.slideshow').cycle('destroy');
 $("#caption,#cierro1,.slideshow").hide();
});
$('#inst1').button().click(function() {
    $("#hist,#auto,#tari,#conta").fadeOut(300);
    $("#sede").fadeIn(1000);
      	    });


$('#inst2').button().click(function() {
$('.slideshow').cycle('destroy');
$('.slideshow,#caption').hide() ;

     $("#sede,#auto,#tari,#conta").fadeOut(300);
     $("#hist").fadeIn(1000);
});




$('#inst4').button().click(function() {
$('.slideshow').cycle('destroy');
$('.slideshow,#caption').hide() ;
    $("#sede,#hist,#tari,,#conta").fadeOut(300);
     $("#auto").fadeIn(1000);
});


$('#inst5').button().click(function() {
$('.slideshow').cycle('destroy');
$('.slideshow,#caption').hide() ;
     $("#sede,#hist,#conta,#auto").fadeOut(300);
     $("#tari").fadeIn(1000);
});
$('#inst6').button().click(function() {
$('.slideshow').cycle('destroy');
$('.slideshow,#caption').hide() ;
     $("#sede,#hist,#tari,#auto").fadeOut(300);
     $("#conta").fadeIn(4000);
});
//
//	  $('#n1').cycle({            // columna con novedades y noticias y cursos animadas , en col2colegio.php
//    fx:    'scrollRight',
//    delay: -1000
//     });


$('#ims').cycle({
 fx:  'scrollRight' 
   });
//$(".menutop li").hover(
//  function () {
//    $(this).addClass("hover");
//  },
//  function () {
//    $(this).removeClass("hover");
//  }
//);

// galeria imagenes de los torneos anteriores
$("a[rel=foto_gal1]").fancybox({'titlePosition': 'outside',
                                 'transitionIn'		: 'easeInElastic',
				'transitionOut'		: 'jswing',
				'overlayColor'		: '#000',
				'overlayOpacity'	: 0.9
                            
                        });
                        
function ImgCargaShow(id) {
    $("#"+id).show().append('<img src="imagenes/loading.gif" alt="Cargando.." id="loading" />');
}

function ImagenCargaBorra() {
 //   $('#loading').remove();
 $('#loading').fadeOut(1000, function() {
                $(this).remove();
                });
}                        
                        
}); // fin 


