/*===============================================================================================================================
Author: Luthium™
Author URL: www.luthium.com
Copyright reserverd: 2010 - Luthium™
===============================================================================================================================*/

function InitializeJCarousel() {
    jQuery('.mycarousel').jcarousel({
        auto: 3,
        wrap: 'circular'
    });
}

function InitializeAccordion() {
    $('.accord-content').hide();
    $('.accord-header').click(function() {
        $(this).next('div.accord-content').css("display", "block").siblings('div.accord-content').css("display", "none");
        $(this).addClass('selected').siblings('div.accord-header').removeClass('selected');
    });
    $('.accord-header:first').addClass('selected');
    $('.accord-content:first').css("display", "block");
}

function ShowImage(url, width, height) {
    $("#imgZoomedImage").attr('src', url);
    $("#imgZoomedImage").attr('width', width);
    $("#imgZoomedImage").attr('height', height);
    $('#pnlZoomImageModal').modal();
}

var defaultName = "your name...";
var defaultEmail = "your email...";
var defaultRequest = "let us know your requirements...";

function ResetContactFields() {
    $(".name").val(defaultName);
    $(".email").val(defaultEmail);
    $(".request").val(defaultRequest);
    $('#btn-contact').fadeIn('fast');
}

function VerifyContactFields() {
    var name = $(".name");
    var email = $(".email");
    var request = $(".request");

    name.css("background-color", "#FFFFFF");
    name.css("border", "1px solid #84C225");

    email.css("background-color", "#FFFFFF");
    email.css("border", "1px solid #84C225");

    request.css("background-color", "#FFFFFF");
    request.css("border", "1px solid #84C225");

    if ((name.val() == "") || (name.val() == defaultName)) {
        name.css("background-color", "#F1E4E4");
        name.css("border", "1px solid #BD2025");
        name.val("");
        name.focus();
        return false;
    }

    if ((email.val() == "") || (email.val() == defaultEmail)) {
        email.css("background-color", "#F1E4E4");
        email.css("border", "1px solid #BD2025");
        email.val("");
        email.focus();
        return false;
    }
    if ((request.val() == "") || (request.val() == defaultRequest)) {
        request.css("background-color", "#F1E4E4");
        request.css("border", "1px solid #BD2025");
        request.val("");
        request.focus();
        return false;
    }
    return true;
}

var targets;
var actuals;
var canvas;

function DrawCaptcha() {
    targets = new Array();
    actuals = new Array();

    if (canvas != null) {
        $('#canvas').empty();
    }

    canvas = Raphael("canvas", 430, 200);
    var circles = new Array();

    circles[0] = canvas.circle(50, 50, 20).animate({ fill: "#FFFFFF", stroke: "#4E4E4E", "stroke-width": 8 }, 1000);
    circles[1] = canvas.circle(50, 150, 20).animate({ fill: "#FFFFFF", stroke: "#4E4E4E", "stroke-width": 8 }, 1000);
    circles[2] = canvas.circle(125, 100, 20).animate({ fill: "#FFFFFF", stroke: "#4E4E4E", "stroke-width": 8 }, 1000);
    circles[3] = canvas.circle(200, 50, 20).animate({ fill: "#FFFFFF", stroke: "#4E4E4E", "stroke-width": 8 }, 1000);
    circles[4] = canvas.circle(200, 150, 20).animate({ fill: "#FFFFFF", stroke: "#4E4E4E", "stroke-width": 8 }, 1000);
    circles[5] = canvas.circle(275, 100, 20).animate({ fill: "#FFFFFF", stroke: "#4E4E4E", "stroke-width": 8 }, 1000);
    circles[6] = canvas.circle(350, 50, 20).animate({ fill: "#FFFFFF", stroke: "#4E4E4E", "stroke-width": 8 }, 1000);
    circles[7] = canvas.circle(350, 150, 20).animate({ fill: "#FFFFFF", stroke: "#4E4E4E", "stroke-width": 8 }, 1000);

    var randomIndex = 0;
    var randomIndexes = "";
    while (targets.length < 3) {
        randomIndex = Math.floor(Math.random() * 8);
        if (randomIndexes.indexOf(randomIndex + ",") == -1) {
            var target = circles[randomIndex];
            targets[targets.length] = target;
            randomIndexes += randomIndex + ",";
            target.animate({ fill: "#FFFFFF", stroke: "#A3CB26", "stroke-width": 11 }, 1000);
            target.attr({ cursor: "hand" });
            target.click(function() {
                var circle = this;
                var actualsCount = actuals.length;
                if (actualsCount > 0) {
                    for (var index = 0; index < actualsCount; index++) {
                        if (actuals[index] != circle) {
                            AddActual(circle);
                        }
                    }
                }
                else {
                    AddActual(circle);
                }
            });
        }
    }
    $('#captcha').slideDown('fast');
}

function AddActual(object) {
    actuals[actuals.length] = object;
    object.animate({ fill: "#FFFFFF", stroke: "#4E4E4E", "stroke-width": 10 }, 300);
    object.attr({ cursor: "default" });
    if (actuals.length == 3)
        $("#pnlSend").slideDown("slow");
}

function SendRequest() {
    $(".btnSend").css("display", "none");
    $(".sending").css("display", "block");

    var guestNames = $(".guests_names").val();
    var numberOfGuests = $(".number_of_guests").val();
    var numberOfRooms = $(".number_of_rooms").val();
    var dateOfArrival = $(".date_in").val();
    var dateOfDeparture = $(".date_out").val();
    var timeOfArrival = $(".time_of_arrival").val();
    var transferRequired = $("#lstTranfer").val();
    var email = $(".email_address").val();
    var contactNumber = $(".contact_number").val();
    var companyName = $(".company").val();
    var VATNumber = $(".vat_number").val();
    var additionalInfo = $(".additional_information").val();
    var dinnerRequired = $("#lstDinner").val();
    var dietaryRequirements = $(".diet_requirements").val();

    GlendowerView.Web.services.ServiceInterface.SendRequest(guestNames, numberOfGuests, numberOfRooms, dateOfArrival, dateOfDeparture, timeOfArrival, transferRequired, email, contactNumber, companyName, VATNumber, additionalInfo, dinnerRequired, dietaryRequirements, OnSendRequestDone);
}

function OnSendRequestDone() {
    $(".sending").css("display", "none");
    $(".thanks").fadeIn("slow");
    $('#canvas').empty();
    window.setTimeout("$('#pnlEnquiryModal').fadeOut('slow', function(){ResetContactFields(); $.modal.close();})", 2000);
}

function InitiateCaptcha() {
    $("#input-form").slideUp('slow', function() { DrawCaptcha(); });
}