$(document).ready(function () {
    $("#a-email").click(function () { $.scrollTo($('#contact'), 1200); return false; });
    $("#a-banqueting").click(function () { $.scrollTo($('#banqueting'), 1000); return false; });
    $("#a-visitors").click(function () { $.scrollTo($('#visitors'), 1200); return false; });
    $("#a-members").click(function () { $.scrollTo($('#members'), 1400); return false; });
    $("#li-banqueting").click(function () { $.scrollTo($('#banqueting'), 1000); return false; });
    $("#li-visitors").click(function () { $.scrollTo($('#visitors'), 1200); return false; });
    $("#li-members").click(function () { $.scrollTo($('#members'), 1400); return false; });
    $("#slides .scrollable").scrollable({
        circular: true,
        onSeek: function () {
            $("#li-banqueting").removeClass("highlight");
            $("#li-visitors").removeClass("highlight");
            $("#li-members").removeClass("highlight");
            switch (this.getIndex()) {
                case 1:
                    $("#li-banqueting").addClass("highlight");
                    break;
                case 2:
                    $("#li-visitors").addClass("highlight");
                    break;
                case 3:
                    $("#li-members").addClass("highlight");
                    break;
            }
        }
    }).autoscroll({ autoplay: true, interval: 10000, autopause: true });

    $("#events .scrollable .items div:nth-child(1)").addClass("first");
    $("#events .scrollable .items div:nth-child(3)").addClass("last");

    $("#events .scrollable").scrollable({
        circular: false,
        keyboard: false,
        speed: 200,
        onBeforeSeek: function (obj, i) {
            if (i == this.getSize() - 2)
                return false;
        },
        onSeek: function () {
            switch (this.getIndex()) {
                case 0:
                    $("#events #prev").addClass("hide");
                    $("#events #next").removeClass("hide");
                    break;
                case this.getSize() - 3:
                    $("#events #prev").removeClass("hide");
                    $("#events #next").addClass("hide");
                    break;
                default:
                    $("#events #prev").removeClass("hide");
                    $("#events #next").removeClass("hide");
                    break;
            }
            $("#events .scrollable .items div:nth-child(" + this.getIndex() + ")").removeClass("first");
            $("#events .scrollable .items div:nth-child(" + (this.getIndex() + 1) + ")").addClass("first");
            $("#events .scrollable .items div:nth-child(" + (this.getIndex() + 2) + ")").removeClass("first");

            $("#events .scrollable .items div:nth-child(" + (this.getIndex() + 2) + ")").removeClass("last");
            $("#events .scrollable .items div:nth-child(" + (this.getIndex() + 3) + ")").addClass("last");
            $("#events .scrollable .items div:nth-child(" + (this.getIndex() + 4) + ")").removeClass("last");

            if (this.getIndex() == this.getSize() - 6) {
                $.ajax({
                    url: '/content/getevents.aspx?i=' + this.getSize(),
                    success: function (data) {
                        if (data && data != "")
                            $("#events .scrollable .items").append(data);
                    }
                });
            }
        }
    });

    $("#events #prev").click(function () {
        $("#events .scrollable").data("scrollable").prev();
        return false;
    });

    $("#events #next").click(function () {
        $("#events .scrollable").data("scrollable").next();
        return false;
    });

    var latlng = new google.maps.LatLng(53.459585, -2.141894);
    var myOptions = { zoom: 10, center: latlng, mapTypeId: google.maps.MapTypeId.ROADMAP };
    var map = new google.maps.Map($("#map div:first")[0], myOptions);

    var image = '/images/img-google-maps-marker.png';
    var myLatLng = new google.maps.LatLng(53.459585, -2.141894);
    var marker = new google.maps.Marker({ position: myLatLng, map: map, icon: image });

    $("#map .button").click(function () {
        var saddr = $("input#saddr").val();
        if (saddr == "Your postcode...")
            $("input#saddr").val("");
    });

    $("#contact .button").click(function () {
        $("#contact .error").removeClass("error-show");
        var name = $("input#name").val();
        if (name == "" || name == "Your name...") {
            $("label#name_error").addClass("error-show");
            $("input#name").focus();
            return false;
        }
        var email = $("input#email").val();
        if (email == "" || email == "Your email...") {
            $("label#email_error").addClass("error-show");
            $("input#email").focus();
            return false;
        }
        var message = $("textarea#message").val().replace(/\n\r?/g, '<br />');
        if (message == "" || message == "Your message...") {
            $("label#message_error").addClass("error-show");
            $("textarea#message").focus();
            return false;
        }
        $.ajax({
            type: "GET",
            url: "/content/email.aspx",
            data: "name=" + escape(name) + "&email=" + escape(email) + "&message=" + escape(message),
            success: function () {
                $(".success").remove();
                $("#contact form fieldset").append("<p class=\"success\"><strong>Thanks!</strong> We will be in touch soon.</p>");
                $(".success").fadeIn(1000);
            }
        });
        return false;
    });
});