/*
    Document   : Efectos jQuery - JavaScript Hotel Arenal Kioro
    Created on : 20/08/2010, 10:50:40 AM
    Author     : Newiclus JMS
    Description:
        Efectos y metodos destinados para el Website de HOTEL ARENAL KIORO
*/


/* ============================================================================
                                 EFECTOS KIORO
============================================================================= */
 function setupDemos() {
        Shadowbox.setup("a.swf-gallery", {
            gallery:    "swf",
            continuous: true
        });
    }


$(document).ready(function() {
    /* ================= RENDERIZADO DE TEXTO CUFON =============== */
    Cufon.replace ('.cuf1, .cuf2', {fontFamily: 'Constantia'});
    Cufon.replace ('.cuf3, .cuf4', {fontFamily: 'Constantia', textShadow:'1px 1px #111', hover:{textShadow:'1px 1px #111'}});
    Cufon.replace ('.cuf5, .cuf6', {fontFamily: 'Constantia', hover:true, textShadow:'1px 1px #fff'});
    Cufon.replace ('.cuf7, .cuf8', {fontFamily: 'Constantia', hover:true, textShadow:'1px 1px #111'});
    Cufon.replace ('.cuf9', {fontFamily: 'Helvetica', hover:true, textShadow:'1px 1px #222'});


    /* ================= TAMAÑO DE LI DE ICONOS DEL PIE =============== */
    $("ul.icon-ul li:eq(0)").css('width', '172px');
    $("ul.icon-ul li:eq(1)").css('width', '132px');
    $("ul.icon-ul li:eq(2)").css('width', '152px');
    $("ul.icon-ul li:eq(3)").css('width', '172px');
    $("ul.icon-ul li:eq(4)").css('width', '180px');

    $(".hab-secc .secciones2:eq(1)").css('margin-left', '100px');
    $(".body-secciones .secciones:eq(0)").css('padding-right', '58px')


    /* ================= CAMBIOS DE FONDO DE INTERNAS =============== */
    function changeFondo() {        
        var idem=$('#idem').text();
        switch (idem) {
            case "Home":
                $('#back-slide img').attr('src', 'images/fondos/fondo_kioro1.jpg');                
                break;

            case "Habitaciones":
                $('#back-slide img').attr('src', 'images/fondos/fondo_kioro2.jpg');
                $('a.a-room').addClass('select-a1');
                break;

            case "Habitaciones2":
                $('#back-slide img').attr('src', 'images/fondos/fondo_kioro3.jpg');
                $('a.a-room').addClass('select-a1');
                break;

            case "Habitaciones3":
                $('#back-slide img').attr('src', 'images/fondos/fondo_kioro31.jpg');
                $('a.a-room').addClass('select-a1');
                break;

            case "Tarifas":
                $('#back-slide img').attr('src', 'images/fondos/fondo_kioro_32.jpg');
                $('a.a-room').addClass('select-a1');
                break;

            case "Facilidades":
                $('#back-slide img').attr('src', 'images/fondos/fondo_kioro4.jpg');
                $('a.a-faci').addClass('select-a2');
                break;

            case "Facilidades2":
                $('#back-slide img').attr('src', 'images/fondos/fondo_kioro5.jpg');
                $('a.a-faci').addClass('select-a2');
                break;

            case "Facilidades3":
                $('#back-slide img').attr('src', 'images/fondos/fondo_kioro41.jpg');
                $('a.a-faci').addClass('select-a2');
                break;

            case "Facilidades4":
                $('#back-slide img').attr('src', 'images/fondos/fondo_kioro7.jpg');
                $('a.a-faci').addClass('select-a2');
                break;

            case "Aguatermal":
                $('#back-slide img').attr('src', 'images/fondos/fondo_kioro8.jpg');
                $('a.a-spa').addClass('select-a3');
                break;

            case "Spa":
                $('#back-slide img').attr('src', 'images/fondos/fondo_kioro9.jpg');
                $('a.a-spa').addClass('select-a3');
                break;

            case "Spa2":
                $('#back-slide img').attr('src', 'images/fondos/fondo_kioro10.jpg');
                $('a.a-spa').addClass('select-a3');
                break;

            case "Spa3":
                $('#back-slide img').attr('src', 'images/fondos/fondo_kioro91.jpg');
                $('a.a-spa').addClass('select-a3');
                break;

            case "Paquetes":
                $('#back-slide img').attr('src', 'images/fondos/fondo_kioro11.jpg');
                $('a.a-pack').addClass('select-a4');
                break;

            case "Luna":
                $('#back-slide img').attr('src', 'images/fondos/fondo_kioro12.jpg');
                $('a.a-pack').addClass('select-a4');
                break;

            case "Bodas":
                $('#back-slide img').attr('src', 'images/fondos/fondo_kioro14.jpg');
                $('a.a-pack').addClass('select-a4');
                break;

            case "Promociones":
                $('#back-slide img').attr('src', 'images/fondos/fondo_kioro15.jpg');
                $('a.a-pack').addClass('select-a4');
                break;

            case "Titoku":
                $('#back-slide img').attr('src', 'images/fondos/fondo_kioro16.jpg');
                 $('a.a-agua').addClass('select-a5');
                break;

            case "Contacto":
                $('#back-slide img').attr('src', 'images/fondos/fondo_kioro17.jpg');
                break;

            case "Galeria":
                $('#back-slide img').attr('src', 'images/fondos/fondo_kioro18.jpg');
                break;

            case "Galeria2":
                $('#back-slide img').attr('src', 'images/fondos/fondo_kioro19.jpg');
                break;

            case "Galeria3":
                $('#back-slide img').attr('src', 'images/fondos/fondo_kioro20.jpg');
                break;

            case "Formulario":
                $('#back-slide img').attr('src', 'images/fondos/fondo_kioro21.jpg');
                break;

            case "Tour":
                $('#back-slide img').attr('src', 'images/fondos/fondo_kioro1.jpg');
                $('a.a-tour').addClass('select-a6');
                break;
        }
       
    }
    changeFondo();

    /* ================= SLIDER PARA AGUAS TERMALES TITOKU =============== */
    $("#slider").easySlider({
        //continuous: true
    });

    $("p.marco-titoku").animate({opacity: 0.8}, 0);

    $("p.marco-titoku").hover(
        function() {
            $(this).animate({opacity: 1}, 400);
        },
        function() {
            $(this).animate({opacity: 0.8}, 300);
        }
    );

    $("p.marco-titoku").bind("click", function() {
        var dir=$('.sub-imagen', this).attr('name');
        $('#img-tito').animate({opacity:0.0}, 1000, function() {
            $(this).attr('src', dir);
            $(this).fadeTo(500, 1);
        });
    });

    $("a.facil-img").click(function(e) {
        e.preventDefault();
        var dir=$(this).attr('name');
        $('#facil-picture').animate({opacity:0.0}, 1000, function() {
            $(this).attr('src', dir);
            $(this).fadeTo(500, 1);
        });
    });


    /* ================= SLIDER DE FACILIDADES =============== */
    $('#eslider').jcarousel({
        start: 3
    });

    /* ================= TABLA DE PRECIOS =============== */
    $('table.rate tr td:first-child').css({'width':'90px', 'padding':'0 0 0 21px', 'text-align':'left'});
    $('table.rate tr:even td').css('background-color', '#E8D7C5');


    /* ================= ESTILO DE FORMULARIO Y ESPACIADO =============== */
    $('.form-bodas li :text').addClass('form-input');    
    $('.form-bodas > li:odd').css({'width':'395px'});
    

    /* ================= Galeria de Imagenes =============== */
    $(function() {
            var galleries=$('.ad-gallery').adGallery();
            $('#toggle-slideshow').click(
            function() {
                galleries[0].slideshow.toggle();
                return false;
            });

     });


    /* ================= VALIDACION DE FORMULARIOS =============== */
    function validationForm() {
        $(':text').val('');
        $('textarea').val('');

        $('#form1 :submit').click(function(e){
            e.preventDefault();
            var nombre=$("#txt_name").val().length;
            var apellido=$("#txt_lastname").val().length;
            var mail=$("#txt_email").val();
            //var ruc=$("#cruc").val();
            var telefono=$("#txt_phone").val().length;
            var cmensaje=$("#txt_comment").val().length;

            //var er_ruc = /^([0-9]+)$/
            var er_email = /^(.+\@.+\..+)$/

            var error=0

            if ((cmensaje==0) || (cmensaje<=4) || (cmensaje>18)) {
                error+=1
                $("#txt_comment").parents("li").children("span").remove();
				$("#txt_comment").parents("li").append('<span class="sp-error">* Introduzca mensaje</span>');
				$("#txt_comment").addClass('cError');
                $("#txt_comment").focus();

            } else {
				$("#txt_comment").removeClass('cError');
				$("#txt_comment").parents("li").children("span").remove();
			}

            if((telefono == 0) || (telefono<=7) ) { // ****** VALIDACION DE TELEFONO ********
                error+=1;
                $("#txt_phone").parents("li").children("span").remove();
                $("#txt_phone").parents("li").append('<span class="sp-error">* Verificar Tel&eacute;fono</span>');
                $("#txt_phone").addClass("cError");
                $("#txt_phone").focus();
            } else {
                $("#txt_phone").removeClass("cError");
                $("#txt_phone").parents("li").children("span").remove();
            }

            if( !er_email.test(mail) ) {// ****** VALIDACION DEL EMAIL ********
                error+=1;
                $("#txt_email").parents("li").children("span").remove();
                $("#txt_email").parents("li").append('<span class="sp-error">* Verificar Email</span>');
                $("#txt_email").addClass("cError");
                $("#txt_email").focus();
            } else {
                $("#txt_email").removeClass("cError");
                $("#txt_email").parents("li").children("span").remove();
            }

            if((apellido == 0) || (apellido<=4) ) { // ****** VALIDACION DEL APELLIDO ********
                error+=1;
                $("#txt_lastname").parents("li").children("span").remove()
                $("#txt_lastname").parents("li").append('<span class="sp-error">* Verificar Apellido</span>');
                $("#txt_lastname").addClass("cError");
                $("#txt_lastname").focus();
            } else {
                $("#txt_lastname").removeClass("cError");
                $("#txt_lastname").parents("li").children("span").remove();
            }

            if((nombre == 0) || (nombre<=4) ) { // ****** VALIDACION DEL NOMBRE ********
                error+=1;
                $("#txt_name").parents("li").children("span").remove();
                $("#txt_name").parents("li").append('<span class="sp-error">* Verificar Nombre</span>');
                $("#txt_name").addClass("cError");
                $("#txt_name").focus();
            } else {
                $("#txt_name").removeClass("cError");
                $("#txt_name").parents("li").children("span").remove();
            }

            if (error==0) {
                $("#form1").submit();
            }
        });


        $('#form2 :submit').click(function(e){
            e.preventDefault();
            var nombre=$("#txt_name").val().length;
            var mail=$("#txt_email").val();
            var num=$("#personas").val();
            var telefono=$("#txt_phone").val().length;
            var cmensaje=$("#txt_comment").val().length;

            var er_num = /^([0-9]+)$/
            var er_email = /^(.+\@.+\..+)$/

            var error=0

            if ((cmensaje==0) || (cmensaje<=4) || (cmensaje>200)) {
                error+=1
                $("#txt_comment").addClass('cError');
                $("#txt_comment").html('introduzca un mensaje');
                $("#txt_comment").focus();

            } else {$("#txt_comment").removeClass('cError');}

            if((telefono == 0) || (telefono<=7) ) { // ****** VALIDACION DE TELEFONO ********
                error+=1;
                $("#txt_phone").parents("li").children("span").remove();
                $("#txt_phone").parents("li").append('<span class="sp-error">Verificar Tel&eacute;fono</span>');
                $("#txt_phone").addClass("cError");
                $("#txt_phone").focus();
            } else {
                $("#txt_phone").removeClass("cError");
                $("#txt_phone").parents("li").children("span").remove();
            }

            if( !er_email.test(mail) ) {// ****** VALIDACION DEL EMAIL ********
                error+=1;
                $("#txt_email").parents("li").children("span").remove();
                $("#txt_email").parents("li").append('<span class="sp-error">Verificar Email</span>');
                $("#txt_email").addClass("cError");
                $("#txt_email").focus();
            } else {
                $("#txt_email").removeClass("cError");
                $("#txt_email").parents("li").children("span").remove();
            }

            if( !er_num.test(num) ) {// ****** VALIDACION DEL EMAIL ********
                error+=1;
                $("#personas").parents("li").children("span").remove();
                $("#personas").parents("li").append('<span class="sp-error">Verificar Cantidad</span>');
                $("#personas").addClass("cError");
                $("#personas").focus();
            } else {
                $("#personas").removeClass("cError");
                $("#personas").parents("li").children("span").remove();
            }

            if((nombre == 0) || (nombre<=4) ) { // ****** VALIDACION DEL NOMBRE ********
                error+=1;
                $("#txt_name").parents("li").children("span").remove();
                $("#txt_name").parents("li").append('<span class="sp-error">Verificar Nombre</span>');
                $("#txt_name").addClass("cError");
                $("#txt_name").focus();
            } else {
                $("#txt_name").removeClass("cError");
                $("#txt_name").parents("li").children("span").remove();
            }

            if (error==0) {
                $("#form2").submit();
            }
        });

       
    }
    validationForm();


    /* ================= MENU PRINCIPAL DE KIORO =============== */   
        $('.menu-flotante li a.cuf7').hover(
            function() {                
		$(this).parent('li').children('ul').children('li').children('ul').css('display', 'block');
                $(this).addClass('lote')
            }, function() {}
        );

        $('.menu-flotante li.absoluto').hover (
            function() {},
            function() {
                $('ul.menu-content ul', this).css('display', 'none');
                $('.menu-flotante li a.cuf7').removeClass('lote')
            }
        );


    /* ================= ACORDION CST TEXTO =============== 
	$('.acordeon-texto p').slideUp(0);
	
	$('.acordeon-texto li').toggle(
		function() {			
			$('.acordeon-texto li p').slideUp(150);
			$('.acordeon-texto li').css('background-position','0 2px');
			$(this).css('background-position','0 -21px');
			$('p', this).slideDown();
		},
		
		function(e) {
			e.preventDefault();
			$(this).parent('li').css('background-position','0 2px');
			$(this).parent('li').children('p').slideUp('300');
	    }
	);*/
	
        $('#cst').attr('href','cst_esp.php');
        $('#cts').attr('href','cst_esp.php');


    /* ================= ANIMACION DEL TEXTO HOME =============== */
     

    

    /* ================= RENDERIZADO DE TEXTO CUFON =============== */

  

});