$(document).ready(function(){   

    /*var myForm = $('#myForm');
    myForm.validation();*/

//preload images
                $('a[rel=swapimage]').each(function(){
                    $('<img/>')[0].src = $(this).attr('href');
                });
                $('a[rel=swapimage]').click(function(){
                    var link = $(this).attr('href');
                    $('#imagen-principal img').fadeOut(1500, function(){
                        $('#imagen-principal img').attr('src',link);
                        $('#imagen-principal img').fadeIn(1500);
                    });
                });
                $('a[rel=swapimage]').click(function(event){
                    event.preventDefault();
                });

    $('input').click(function(){
        this.select();
    });

    /*validar numeros */
    $(".vNumber").keydown(function(event) {
        if ( event.keyCode == 46 || event.keyCode == 8 ) {
        } else {
                if (event.keyCode < 95) {
                    if (event.keyCode < 48 || event.keyCode > 57 ) {
                        event.preventDefault();
                    }
                    } else {
                            if (event.keyCode < 96 || event.keyCode > 105 ) {
                                event.preventDefault();
                            }
                    }
                }
           });
   /*validar numeros*/
   /*TODO validar formulario*/
   $('#publicar').click(function(){
  /*Validar formulario*/
   if(1!=1){
       alert('El formulario contiene errores, corrijalos para continuar con el proceso de publicacion de su vehiculo');
   }else{
       var maskHeight = $(document).height();
       var maskWidth = $(window).width();

       $('#mask').css({'width':maskWidth,'height':maskHeight});
       
       $('#mask').fadeIn(1000);
       $('#mask').fadeTo('slow', 0.7);

       var winH = $(window).height();
       var winW = $(window).width();

       $('#confirmar').css('top',  winH/2-$('#confirmar').height()/2);
       $('#confirmar').css('left', winW/2-$('#confirmar').width()/2);
       $('#confirmar').fadeIn(2000);
   }
   });
   $('#pubPaso2').click(function(){
       var cedula = isNaN(parseFloat($('#fCedula').val()));
       if(cedula){
           alert('Debe ingresar un numero de cedula valido.')
           $('#fCedula').focus();
           $('#fCedula').select();
       }else{
           $('.identidad').hide();
           $('.imagen').fadeIn(1000);

           $('#hPaso1').removeClass('hActive');
           $('#hPaso1').empty();
           $('#hPaso1').addClass('hInactive');
           $('#hPaso1').append('<img src="images/confirm_pass1_inactive.png" alt="Paso 1" />');

           $('#hPaso2').removeClass('hInactive');
           $('#hPaso2').empty();
           $('#hPaso2').addClass('hActive');
           $('#hPaso2').append('<img src="images/confirm_pass2_active.png" alt="Paso 2" />');
       }       
   });
   /*Agregar con imagenes*/
   $('#pubAddImagen').click(function(){
       $('.imagen').hide();
       $('.agregarImagen').fadeIn(1000);
       $('#confirmar').css('height', $('.agregarImagen').height() + 45);
   });
   /*Solicitar fotografo*/
   $('.pubFotografo').click(function(){
       var iniNombre = $('#fNombre').val().substring(0,1);
       var iniApellido = $('#fApellido').val().substring(0,1);
       var iniEstado = $('#fEstado').val().substring(0,1);
       var iniCiudad = $('#fCiudad').val().substring(0,1);
       var cedula = parseFloat($('#fCedula').val());

       var randNumber = Math.floor(Math.random()*cedula);

       var randCode = iniNombre+iniApellido+randNumber+iniEstado+iniCiudad+'-1';

       $('.codImagenes').append(randCode);
       $('#randCode').val(randCode);
       
       $('.codImagenes').fadeIn(1000);
       $('.notaImagenes').fadeIn(1000);

       $('#confirmar').css('height', $('.agregarImagen').height() + 45);

       $(this).attr('disabled', 'disabled');
       $('.pubSubImagenes').attr('disabled', 'disabled');
       $('#pubPaso4').removeAttr('disabled');

   });
   /*Subir imagenes*/
   $('.pubSubImagenes').click(function(){
       var iniNombre = $('#fNombre').val().substring(0,1);
       var iniApellido = $('#fApellido').val().substring(0,1);
       var iniEstado = $('#fEstado').val().substring(0,1);
       var iniCiudad = $('#fCiudad').val().substring(0,1);
       var cedula = parseFloat($('#fCedula').val());

       var randNumber = Math.floor(Math.random()*cedula);

       var randCode = iniNombre+iniApellido+randNumber+iniEstado+iniCiudad+'-2';

       $('.codImagenes').append(randCode);
       $('#randCode').val(randCode);

       $('.codImagenes').fadeIn(1000);
       $('.notaImagenes').fadeIn(1000);

       $('#confirmar').css('height', $('.agregarImagen').height() + 45);

       $(this).attr('disabled', 'disabled');
       $('.pubFotografo').attr('disabled', 'disabled');
       $('#pubPaso4').removeAttr('disabled');
   });
   /*Cancelar imagen*/
   $('.pubCanImagen').click(function(){

       $('.codImagenes').empty();
       $('.codImagenes').hide();
       $('.notaImagenes').hide();

       $('.pubFotografo').removeAttr('disabled');
       $('.pubSubImagenes').removeAttr('disabled');
       $('#pubPaso4').attr('disabled', 'disabled');

       $('.agregarImagen').hide();
       $('.imagen').fadeIn(1000);

       $('#confirmar').css('height', $('.imagen').height() + 45);

   });
   /*Agregar sin imagenes*/
   $('#pubPaso3').click(function(){
            
       $('.imagen').hide();
       $('.publicar').fadeIn(1000);

       $('#hPaso2').removeClass('hActive');
       $('#hPaso2').empty();
       $('#hPaso2').addClass('hInactive');
       $('#hPaso2').append('<img src="images/confirm_pass2_inactive.png" alt="Paso 2" />');

       $('#hPaso3').removeClass('hInactive');
       $('#hPaso3').empty();
       $('#hPaso3').addClass('hActive');
       $('#hPaso3').append('<img src="images/confirm_pass3_active.png" alt="Paso 3" />');

       $('#randCode').val('Sin imagenes');

       var fields = $('#myForm').serializeArray();
       jQuery.each(fields, function(i, field){
            $('.datosConfirmar').append('<li>' + field.value + '</li>');
       });
        $('#scImagenes').append('Sin imagenes!');
        $('#pubAddImagen2').fadeIn(1000);
        $('#confirmar').css('height', $('.publicar').height() + 45);

   });
   /*Agregar con imagenes*/
   $('#pubPaso4').click(function(){
       $('.agregarImagen').hide();
       $('.publicar').fadeIn(1000);

       $('#hPaso2').removeClass('hActive');
       $('#hPaso2').empty();
       $('#hPaso2').addClass('hInactive');
       $('#hPaso2').append('<img src="images/confirm_pass2_inactive.png" alt="Paso 2" />');

       $('#hPaso3').removeClass('hInactive');
       $('#hPaso3').empty();
       $('#hPaso3').addClass('hActive');
       $('#hPaso3').append('<img src="images/confirm_pass3_active.png" alt="Paso 3" />');

       var fields = $('#myForm').serializeArray();
       jQuery.each(fields, function(i, field){
            $('.datosConfirmar').append('<li>' + field.value + '</li>');
       });
       $('#scImagenes').append('Con imagenes!');
       $('#confirmar').css('height', $('.publicar').height() + 45);
   });
   /*boton cancelar*/
   $('.pubCancelar').click(function(){
       
       $('.datosConfirmar').empty();
       $('#scImagenes').empty();
       $('#pubAddImagen2').hide();

       $('.codImagenes').empty();
       $('#randCode').val('');
       $('.codImagenes').empty();
       $('.codImagenes').hide();
       $('.notaImagenes').hide();

       $('.pubFotografo').removeAttr('disabled');
       $('.pubSubImagenes').removeAttr('disabled');
       $('#pubPaso4').attr('disabled', 'disabled');
       
       $('#hPaso1').empty();
       $('#hPaso2').empty();
       $('#hPaso3').empty();

       $('#hPaso1').append('<img src="images/confirm_pass1_active.png" alt="Paso 1" />');
       $('#hPaso2').append('<img src="images/confirm_pass2_inactive.png" alt="Paso 2" />');
       $('#hPaso3').append('<img src="images/confirm_pass3_inactive.png" alt="Paso 3" />');


       $('#hPaso1').removeClass('hInactive');
       $('#hPaso2').removeClass('hActive');
       $('#hPaso3').removeClass('hActive');

       $('#hPaso3').addClass('hInactive');
       $('#hPaso2').addClass('hInactive');
       $('#hPaso1').addClass('hActive');

       $('.identidad').show();
       $('.imagen').hide();
       $('.publicar').hide();

       $('#mask').hide();
       $('#confirmar').hide();
       $('#confirmar').css('height', '300px');
       
   });
});