$(document).ready(function () {

    $(".imagen_galeria").click(function() {

        $('html, body').animate({scrollTop:0}, 'fast');

        var image = $(this).attr("rel");
        var id_image_now = idImagenSeleccionada();
        if (!(id_image_now)){
            id_image_now = 'exito';
        }
        $('#'+id_image_now+'_content').hide();
        $('#'+id_image_now).removeClass('imagen_seleccionada');
        $('#'+image+'_content').fadeIn(1200);
        $('#'+image).addClass('imagen_seleccionada');

    });

    $('#boton_info').click(function(){

        //Fade in Background
        $('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
        $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer


        $('#formulario').css('display','block');
    });

    $('#close_formulario').click(function(){
       $('#fade').fadeOut(); //fade them both out
       $('#formulario').css('display','none');
       $('#fade').remove();

    });

    $('#enviar_formulario').click(function(){
        var valid_telefono = /^[0-9]{9,14}$/;
        var valid_email = /^[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,4}$/;
        /*var valid_numero = /^[0-9]{2,9}$/;*/
        var ok_email = false;
        var ok_telefono = false;
        var ok_numero = false;
        var ok_nombre = false;
        var ok_acepto = false;

        var email = $('#email').attr('value');
        var telefono = $('#telefono').attr('value');
        /*var local = $('#local').attr('value');*/
        var nombre = $('#nombre').attr('value');
        var poblacion = $('#poblacion').attr('value');

        if ( (email) && ((email).match(valid_email)) ) {
            ok_email = true;
            $('#email').css('background-color','#FFFFFF');
        }
        else {
            $('#email').css('background-color','#EECCCC');
            ok_email = false;
        }

        if ( (telefono) && ((telefono).match(valid_telefono)) ) {
            ok_telefono = true;
            $('#telefono').css('background-color','#FFFFFF');
        }
        else {
            $('#telefono').css('background-color','#EECCCC');
            ok_telefono = false;
        }

        
        ok_numero = true;

        if ( (nombre) ) {
            ok_nombre = true;
            $('#nombre').css('background-color','#FFFFFF');
        }
        else {
            $('#nombre').css('background-color','#EECCCC');
            ok_nombre = false;
        }

        if ( (poblacion) ) {
            ok_poblacion = true;
            $('#poblacion').css('background-color','#FFFFFF');
        }
        else {
            $('#poblacion').css('background-color','#EECCCC');
            ok_poblacion = false;
        }
        
        if($('#aceptocondiciones').is(':checked')) {
            ok_acepto = true;
            $('#textoacepto').css('background-color','#FFFFFF');
        }
        else {
            $('#textoacepto').css('background-color','#EECCCC');
            ok_acepto = false;
        }

        var ok_form = ok_email && ok_numero && ok_telefono && ok_nombre && ok_poblacion && ok_acepto;

        if (ok_form){
            $('#enviando').css('display','block');
            $("#enviando").load("home/form_ajax",{'nombre':$('#nombre').attr('value'),'poblacion':$('#poblacion').attr('value'),'telefono':$('#telefono').attr('value'),'email':$('#email').attr('value'),'poblacion_interes':$('#poblacion_interes').attr('value'),'local':$('#local').attr('value'),'observaciones':$('#observaciones').attr('value')}, function(){
                    $('#nombre').attr('value','');
                    $('#poblacion').attr('value','');
                    $('#email').attr('value','');
                    $('#telefono').attr('value','');
                    $('#poblacion_interes').attr('value','');
                    $('#local').attr('value','');
                    $('#observaciones').attr('value','');
                    $('#aceptocondiciones').attr('checked', false);
                    $('#enviando').css('display','block').delay(3000).fadeOut();
            });

        }

    });

    $('#observaciones').click(function(){
        $(this).attr('value','');
    });

    $('#boton_info').hover (
        function(){
            var elem = $(this).find('img');
            $(elem).attr('src','http://www.elranchoargentino.com/media/images/boton_info-b.png');
        },
        function(){
            var elem = $(this).find('img');
            $(elem).attr('src','http://www.elranchoargentino.com/media/images/boton_info.png');
        }
    );
        
    $('a#boton_reserva').hover (
        function(){
            $(this).css('background','url(http://www.elranchoargentino.com/media/images/boton_reserva-b.png) no-repeat 0 0');
        },
        function(){
            $(this).css('background','url(http://www.elranchoargentino.com/media/images/boton_reserva.png) no-repeat 0 0');
        }
    );

    if($.browser.msie){
        $('.wraper_rest_link').hover(
            function () {
                var elem = $(this).find('div');
                var elem2 = $(this).find('a');
                $(elem).css('background','url(http://www.elranchoargentino.com/media/images/fondo_numero_rest_hover.png) no-repeat 0 0');
                $(elem2).css('background','url(http://www.elranchoargentino.com/media/images/fondo_texto_rest_hover.png) no-repeat 0 0');
            },
            function () {
                var elem = $(this).find('div');
                var elem2 = $(this).find('a');
                $(elem).css('background','url(http://www.elranchoargentino.com/media/images/fondo_numero_rest.png) no-repeat 0 0');
                $(elem2).css('background','url(http://www.elranchoargentino.com/media/images/fondo_texto_rest.png) no-repeat 0 0');
            }
        );
    }
    else {
        $('.wraper_rest_link').hover(
          function () {
            //$(elem).css('background-color','#086c91');
            var elem = $(this).find('div');
            $(elem).css('background-color','#086c91');
            $(elem).css('border-color','#086c91');
            var elem2 = $(this).find('a');
            $(elem2).css('background-color','#086c91');
            $(elem2).css('border-color','#086c91');
          },
          function () {
            var elem = $(this).find('div');
            $(elem).css('background-color','#0D9ED4');
            $(elem).css('border-color','#0D9ED4');
            var elem2 = $(this).find('a');
            $(elem2).css('background-color','#0D9ED4');
            $(elem2).css('border-color','#0D9ED4');
          }
        );

    }



});


function idImagenSeleccionada(){
    var elem = $('div').find('.imagen_seleccionada');

    return elem.attr('id');
}