$(document).ready(function () {
    var g = $(".gdt[type=gallery]");

    //comprobamos si la pagina tiene galeria
    if (g.length > 0) {
        //nos conectamos para ver sis tenemos galleria
        $("head").append('<link href="../../Content/galleryThemes/blackone.css" rel="stylesheet" type="text/css" />');

        g.css("display", "block").html("<div class='load'></div>")

        jQuery.ajax({
            data: "id=" + $(".gdt[type=gallery]").attr("id"),
            type: "POST",
            url: "../../Images/ggallery",
            success: function (response) {

                $("head").append(' <script src="../../Scripts/jquery.onImagesLoad.js" type="text/javascript"></script>');
                g.html("<div class='title' style='display:none'><span></span><div class='sidebar'><div class='prev'></div><div class='nxt'></div><ul id='thumbs'>" + response + "</ul></div></div>").find("li").click(callimage)
                g.append("<img id='main' style='display:none' src='" + g.find("#thumbs  li:first").attr("alt") + "' />");
                g.find(".title span").html(g.find("#thumbs  li:first").attr("dsc"));
                g.find("#thumbs  li:first img").addClass("selected");

                g.onImagesLoad({
                    selectorCallback: function () {
                        g.find("li").each(function (i) {
                            if (i > 5) { $(this).css("display", "none") }

                        });
                        var h = g.height()
                        var t = g.find(".title").height()
                        g.find(".title").css({ "margin-top": 500 /*(h - t)*/, "width": g.width() })
                        g.find(".sidebar").css({ "width": g.width() })
                        g.find(".title").fadeIn("slow", function () {

                            var frame = g.width();
                            var picture = g.find("#main").width();
                            var h = g.find("#main").height();
                            //  alert(h)
                            var top = 0;
                            if (h < 500) {

                                top = (500 - h) / 2;
                            }
                            var center = ((picture - frame) / 2);
                            g.find("#main").css({ "margin-left": -center + "px", "margin-top": top + "px" }).fadeIn();
                            g.find("#main").click(ligth)
                        });
                        cordinacion();
                    }
                });

            }

        });

    }


    function cordinacion() {
        var handler = function () {
            var c = $(this);
            if (c.next("li").html() != null) {

                g.find("#thumbs li:visible:first").stop().hide("drop", { direction: "left" }, 500, function () {
                    c.unbind('click', handler);
                    c.next("li").stop().show("drop", { direction: "right" }, 500).bind('click', handler)

                    $(this).next("li").bind('click', first);
                });
            }
        };

        var first = function () {
            var c = $(this);
            if (c.prev("li").html() != null) {

                g.find("#thumbs li:visible:last").stop().hide("drop", { direction: "right" }, 500, function () {
                    c.unbind('click', first);
                    c.prev("li").stop().show("drop", { direction: "left" }, 500).bind('click', first)

                    $(this).prev("li").bind('click', handler);
                })
            }
        };

        g.find("#thumbs li:visible:last").bind('click', handler);
        g.find("#thumbs li:visible:first").bind('click', first);

        g.find(".prev").click(function () {
            //   g.find(".selected").removeClass("selected").parents("li").next("li").addClass("selected")
            g.find(".selected").parents("li:first").prev("li").click()
        })

        g.find(".nxt").click(function () {
            g.find(".selected").parents("li:first").next("li").click()
        })

    }
    function callimage() {
        g.prepend("<div class='load' style='position:absolute; margin-left:250px'></div>")
        //  g.find(".title").topZIndex({ increment: 10 });
        var li = $(this)

        g.find("#main").hide("drop", { direction: "up" }, "fast", function () {


            var frame = g.width();
            $(this).attr("src", li.attr("alt"))
            //glioad
            g.onImagesLoad({
                selectorCallback: function () {
                    g.find(".load").css("display", "none").remove();
                    var picture = $(this).find("#main").width();
                    var h = $(this).find("#main").height();
                  //  alert(h)
                    var top = 0;
                    if (h < 500) {

                        top = (500 - h) / 2;
                    }

                    var center = ((picture - frame) / 2);
                    g.find("#main").css({ "margin-left": -center + "px", "margin-top": top + "px" }).show("drop", { direction: "up" }, "fast");
                    $(".sidebar").find("li img").removeClass("selected");
                    $(".sidebar").find(".selector").remove();
                    var lw = ((li.width() / 2) - 8)
                    li.prepend("<div class='selector' style='margin-left:" + lw + "px'></div>").find("selector").topZIndex({ increment: 10 })
                    g.find(".title span").html(li.attr("dsc"));
                    li.find('img').addClass("selected");

                    g.find("#main").click(ligth)
                }
            });
            //gload

        })
        //
    }

    function ligth() {

        $.fancybox({
            //'orig'			: $(this),
            'padding': 0,
            'href': $(this).attr("src"),
            'transitionIn': 'elastic',
            'transitionOut': 'elastic'
        });

    }


    ///injeccion formulario contacto///
    var c = $(".cnt[type=contact]");
    c.css("display", "none")

    //comprobamos si la pagina tiene galeria
    if (c.length > 0) {

        jQuery.ajax({
            data: "id=" + c.attr("id"),
            type: "POST",
            url: "../../booking/PageContents/scontact",
            success: function (responseJSON) {
                c.html(responseJSON.id).find('#fields').removeAttr("style").after("<div><div class='loader' style='position:absolute; margin-left:4px'></div><div class='envoyer'>" + responseJSON.alert + "</div></div><div id='message' style='display:none' >" + responseJSON.template + "</div><div id='alert' style='display:none; font-family:arial:font-size:11px; padding:9px; '>" + responseJSON.button + "<br/><div class='trt'></div></div>")
                c.css("display", "block")
                var email = "";
                var destino = "";

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

                    $('#fields tr').each(function (i) {

                        var field = $(this).find("input, textarea").val()
                        var $fields = $(this).clone()

                        $fields.find("input, textarea").parent().append(field).find("input, textarea").remove()

                        email += "<tr>" + $fields.html() + "</tr>"

                    });

                    var validado = "true";
                    $('[id*="mail"]').each(function () {
                        var filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;

                        if (filter.test($(this).val()) != false) {
                            validado = "true";
                            destino += $(this).val() + ","
                        } else {
                            validado = "false";
                            $(this).effect("bounce", { times: 3 }, 500).css({ color: '#684848' });

                        };
                        if (jQuery.trim($(this).val()) == "") {
                            $(this).effect("bounce", { times: 3 }, 300);
                            validado = "false";
                        }
                    })

                    $(".validated").each(function (i) {
                        if (jQuery.trim($(this).val()) == "") {
                            $(this).effect("bounce", { times: 3 }, 300);
                            validado = "false";
                        } else {
                            //                            if ($(this).attr("id").search("mail") != -1) {
                            //                               

                            //                                var filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;

                            //                                if (filter.test($(this).val()) != false) {
                            //                                    validado = "true";
                            //                                    destino = $(this).val() + ","
                            //                                } else {
                            //                                    validado = "false";
                            //                                    $(this).effect("bounce", { times: 3 }, 500).css({ color: '#684848' });

                            //                                };
                            //                            }

                        }
                    });

                  
                    if (validado != "false") {
                        $(".loader").css("display", "block")
                       //  alert(email+"-"+responseJSON.template+"-"+destino);

                        var data = { formulary: email, template: responseJSON.template, name: destino };

                        $.ajax({
                            url: '../../booking/PageContents/SendEmail', 
                            data: JSON.stringify(data),
                           type: 'POST',
                           contentType: 'application/json, charset=utf-8',
                            dataType: 'json',
                            success: function (msg) {
     
                                $("#fields").find("td:first").css("width", "82px"); //fix for ie
                                $("#fields").find("input, textarea").val("")
                                $(".loader").css("display", "none")



                                $("#fields, .envoyer").css("display", "none")
                                $("#alert").css("display", "block")
                            },
                            error: function (e) {
                            alert(e)
                            }

                        });
                        email = "";
                        c.find(".trt").click(function () {

                            $("#alert").css("display", "none")
                            $("#fields input,#fields textarea").css("margin-left", "0px")
                            $("#fields, .envoyer").css("display", "block")


                        });
                    }
                });
            }

        });

    }

});

/*function log(message) {
    if (typeof console == "object") {
        console.log(message);
    }
}*/