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

$.getScript("https://www.google.com/jsapi?sensor=false");
$.getScript("http://search.bookin1.com/js/date.js");
//$.getScript("http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/jquery-ui.min.js");
$.getScript("https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/jquery-ui.min.js");
$.getScript("http://search.bookin1.com/js/jquery.ui.datepicker.js");
$.getScript("http://search.bookin1.com/js/searchBox-utils-min.js");


var serverDate = new Date();

$(document).ready(function() {
    
    InitializeRoundBoxes();

    InitializeTopRoundBoxes();

    InitializeBottomRoundBoxes();

    $('.tTip').betterTooltip({ speed: 150, delay: 300 });

});

function InitializeTopRoundBoxes() {
    var roundingSettings = {
        tl: { radius: 10 },
        tr: { radius: 10 },
        bl: { radius: 0 },
        br: { radius: 0 },
        antiAlias: true,
        autoPad: true,
        validTags: ["div"]
    }
    $('.rounded-top').corner(roundingSettings);
}

function InitializeBottomRoundBoxes() {
    var roundingSettings = {
        tl: { radius: 0 },
        tr: { radius: 0 },
        bl: { radius: 10 },
        br: { radius: 10 },
        antiAlias: true,
        autoPad: true,
        validTags: ["div"]
    }
    $('.rounded-bottom').corner(roundingSettings);
}

function InitializeRoundBoxes() {
    var roundingSettings = {
        tl: { radius: 10 },
        tr: { radius: 10 },
        bl: { radius: 10 },
        br: { radius: 10 },
        antiAlias: true,
        autoPad: true,
        validTags: ["div"]
    }
    $('.rounded-box').corner(roundingSettings);
}

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

function InitializeCarousel() {
    $(".suite-carousel").CloudCarousel(
		        {
		            reflHeight: 20,
		            reflGap: 1,
		            xPos: 340,
		            yPos: 10,
		            yRadius: 10,
		            mouseWheel: true,
		            bringToFront: true,
		            altBox: $(".suite-teaser"),
		            titleBox: $(".suite-name"),
		            speed: 0.6
		        }
	        );
}

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

function Show360() {
    $("#frm360").attr("src", "http://360factory.com/sa/Jax-Place/");
    $("#pnl360Modal").modal({
        opacity: 70,
        overlayCss: { backgroundColor: "#000000" }
    });
}

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");
}

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() {
    $.modal.close();
    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: "#73B126", "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);
                }
            });
        }
    }
    $('#pnlCaptchaModal').modal();
}

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");
    JaxPlace.Web.services.ServiceInterface.SendContactRequest($(".name").val(), $(".email").val(), $(".request").val(), OnSendRequestDone);
}

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