﻿var preLoadedVillasImageNames = new Array(8);
var preLoadedVillaImages = new Array(8);

function preLoadedVillaImage(imageNames) {

    preLoadedVillasImageNames = imageNames

    preLoadedVillaImages = new Array(preLoadedVillasImageNames.length);

    if (window.addEventListener) {
        window.addEventListener('load', function() { villaPageLoaded(); }, false);
    }
    else if (window.attachEvent) {
    window.attachEvent('onload', villaPageLoaded);
    }
    else {
        window.onload = function() { villaPageLoaded(); };
    }
}

function villaPageLoaded() {
    for (var i = 0; i < preLoadedVillasImageNames.length; i++) {
        preLoadedVillaImages[i] = new Image();
        preLoadedVillaImages[i].src = preLoadedVillasImageNames[i];
    }

    preLoadedVillaImages[0] = '/images/villas/big/' + preLoadedVillasImageNames[0] + '.jpg';
    preLoadedVillaImages[1] = '/images/villas/big/' + preLoadedVillasImageNames[1] + '.jpg';
    preLoadedVillaImages[2] = '/images/villas/big/' + preLoadedVillasImageNames[2] + '.jpg';
    preLoadedVillaImages[3] = '/images/villas/big/' + preLoadedVillasImageNames[3] + '.jpg';
    preLoadedVillaImages[4] = '/images/villas/big/' + preLoadedVillasImageNames[4] + '.jpg';
    preLoadedVillaImages[5] = '/images/villas/big/' + preLoadedVillasImageNames[5] + '.jpg';
    preLoadedVillaImages[6] = '/images/villas/big/' + preLoadedVillasImageNames[6] + '.jpg';
    preLoadedVillaImages[7] = '/images/villas/big/' + preLoadedVillasImageNames[7] + '.jpg';
}

function swapImage(imgIndex) {
    document.getElementById('bigimage').src = preLoadedVillaImages[imgIndex];
}

function checkEmail(elementID) {
    var retVal = false;
    var str = getElement(elementID).value.trim().toLowerCase();
    var filter = /^([\w-]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$/i;
    if (str) {
        if (filter.test(str)) {
            getElement(elementID).value = str;
            retVal = true;
        } else {
            alert("Please enter a valid email address.");
            retVal = false;
        }
    } else {
        alert("Please enter a valid email address.");
        retVal = false;
    }
    return retVal;
}

function emptyTextField(elementId, defaultText) {
    var fieldText = getElement(elementId).value;
    var defaultText = defaultText;
    if (getElement(elementId).value == defaultText) {
        getElement(elementId).value = '';
    }
}

function bookmarkPage() {
    url = window.location;
    title = document.title;
    if ((navigator.appName == "Microsoft Internet Explorer") && (parseInt(navigator.appVersion) >= 4)) {
        window.external.AddFavorite(url, title);
    } else if (navigator.appName == "Netscape") {
        window.sidebar.addPanel(title, url, "");
    } else {
        alert("Press CTRL-D (Netscape) or CTRL-T (Opera) to bookmark this page");
    }
}

function getElement(elementId) {
    if (document.getElementById) {
        return document.getElementById(elementId);
    } else {
        return document.all[elementId];
    }
}

String.prototype.trim = function() {
    return this.replace(/^\s*|\s*$/g, '');
}

/* Preloaded Captiva Images */

var preLoadedCaptivaImageNames = new Array(30);
var preLoadedCaptivaImages = new Array(30);

function preLoadedCaptivaImage(imageNames) {

    preLoadedCaptivaImageNames = imageNames

    preLoadedCaptivaImages = new Array(preLoadedCaptivaImageNames.length);

    if (window.addEventListener) {
        window.addEventListener('load', function() { captivaPageLoaded(); }, false);
    }
    else if (window.attachEvent) {
    window.attachEvent('onload', captivaPageLoaded);
    }
    else {
        window.onload = function() { captivaPageLoaded(); };
    }
}

function captivaPageLoaded() {
    for (var i = 0; i < preLoadedCaptivaImageNames.length; i++) {
        preLoadedCaptivaImages[i] = new Image();
        preLoadedCaptivaImages[i].src = preLoadedCaptivaImageNames[i];
    }

    preLoadedCaptivaImages[0] = '/images/villas/captiva/big/' + preLoadedCaptivaImageNames[0] + '.jpg';
    preLoadedCaptivaImages[1] = '/images/villas/captiva/big/' + preLoadedCaptivaImageNames[1] + '.jpg';
    preLoadedCaptivaImages[2] = '/images/villas/captiva/big/' + preLoadedCaptivaImageNames[2] + '.jpg';
    preLoadedCaptivaImages[3] = '/images/villas/captiva/big/' + preLoadedCaptivaImageNames[3] + '.jpg';
    preLoadedCaptivaImages[4] = '/images/villas/captiva/big/' + preLoadedCaptivaImageNames[4] + '.jpg';
    preLoadedCaptivaImages[5] = '/images/villas/captiva/big/' + preLoadedCaptivaImageNames[5] + '.jpg';
    preLoadedCaptivaImages[6] = '/images/villas/captiva/big/' + preLoadedCaptivaImageNames[6] + '.jpg';
    preLoadedCaptivaImages[7] = '/images/villas/captiva/big/' + preLoadedCaptivaImageNames[7] + '.jpg';
    preLoadedCaptivaImages[8] = '/images/villas/captiva/big/' + preLoadedCaptivaImageNames[8] + '.jpg';
    preLoadedCaptivaImages[9] = '/images/villas/captiva/big/' + preLoadedCaptivaImageNames[9] + '.jpg';
    preLoadedCaptivaImages[10] = '/images/villas/captiva/big/' + preLoadedCaptivaImageNames[10] + '.jpg';
    preLoadedCaptivaImages[11] = '/images/villas/captiva/big/' + preLoadedCaptivaImageNames[11] + '.jpg';
    preLoadedCaptivaImages[12] = '/images/villas/captiva/big/' + preLoadedCaptivaImageNames[12] + '.jpg';
    preLoadedCaptivaImages[13] = '/images/villas/captiva/big/' + preLoadedCaptivaImageNames[13] + '.jpg';
    preLoadedCaptivaImages[14] = '/images/villas/captiva/big/' + preLoadedCaptivaImageNames[14] + '.jpg';
    preLoadedCaptivaImages[15] = '/images/villas/captiva/big/' + preLoadedCaptivaImageNames[15] + '.jpg';
    preLoadedCaptivaImages[16] = '/images/villas/captiva/big/' + preLoadedCaptivaImageNames[16] + '.jpg';
    preLoadedCaptivaImages[17] = '/images/villas/captiva/big/' + preLoadedCaptivaImageNames[17] + '.jpg';
    preLoadedCaptivaImages[18] = '/images/villas/captiva/big/' + preLoadedCaptivaImageNames[18] + '.jpg';
    preLoadedCaptivaImages[19] = '/images/villas/captiva/big/' + preLoadedCaptivaImageNames[19] + '.jpg';
    preLoadedCaptivaImages[20] = '/images/villas/captiva/big/' + preLoadedCaptivaImageNames[20] + '.jpg';
    preLoadedCaptivaImages[21] = '/images/villas/captiva/big/' + preLoadedCaptivaImageNames[21] + '.jpg';
    preLoadedCaptivaImages[22] = '/images/villas/captiva/big/' + preLoadedCaptivaImageNames[22] + '.jpg';
    preLoadedCaptivaImages[23] = '/images/villas/captiva/big/' + preLoadedCaptivaImageNames[23] + '.jpg';
    preLoadedCaptivaImages[24] = '/images/villas/captiva/big/' + preLoadedCaptivaImageNames[24] + '.jpg';
    preLoadedCaptivaImages[25] = '/images/villas/captiva/big/' + preLoadedCaptivaImageNames[25] + '.jpg';
    preLoadedCaptivaImages[26] = '/images/villas/captiva/big/' + preLoadedCaptivaImageNames[26] + '.jpg';
    preLoadedCaptivaImages[27] = '/images/villas/captiva/big/' + preLoadedCaptivaImageNames[27] + '.jpg';
    preLoadedCaptivaImages[28] = '/images/villas/captiva/big/' + preLoadedCaptivaImageNames[28] + '.jpg';
    preLoadedCaptivaImages[29] = '/images/villas/captiva/big/' + preLoadedCaptivaImageNames[29] + '.jpg';
}

function swapCaptivaImage(imgIndex) {
    document.getElementById('mainimage').src = preLoadedCaptivaImages[imgIndex];
}

/* Move to previous/next block of images onclick */
var m = 0;

function scrollImagesLeft() {

    if (m == -1680) {
        m = -1680;
        document.getElementById("imagebox").style.marginLeft = m + "px";
    }
    else {
        m = m - 840;
        document.getElementById("imagebox").style.marginLeft = m + "px";
    }
}

function scrollImagesRight() {

    if (m == -840) {
        m = -0;
    } else if (m == -1680) {
        m = -840;
    } else if (m < -840) {
        m = m + 840;
    } else {
        m = 0;
    }
    document.getElementById("imagebox").style.marginLeft = m + "px";
}

//var m = 0;
//var speed = 2000;

///* Make the the picture scroll bar scroll */

//function picsScrollBar() {
//    document.getElementById("imagebox").style.marginLeft = m + "px";
//    m = m - 60;

//    if (m == -840) {
//        m = -0;
//    } else if (m == -1680) {
//        m = -840;
//    } else if (m < -840) {
//        m = m + 840;
//    } else {
//        m = m;
//    }
//    setTimeout('scrollPics()', speed);
//}

/* Make the main images loop onload */

//if (window.addEventListener) {                                                                                                                                                                                                                 //EXECUTED ON WINDOW LOAD/UNLOAD EVENT. ATTEMPTS FF/MOZ ETC THEN IE THEN OVERIDES window.onload/unload EVENTS
//    window.addEventListener('load', function() { windowLoadEvents(); }, false);
//} else if (window.attachEvent) {
//    window.attachEvent('onload', windowLoadEvents);
//} else {
//    window.onload = function() { windowLoadEvents(); };
//}

//function windowLoadEvents() {
//    scrollMainPics();
//}

//var speed = 5000;
//var m = 0;
//function scrollMainPics() {
//    swapCaptivaImage(m)
//    m++;
//    if (m == 29) {
//        m = 0;
//    } 
//    
//    setTimeout('scrollPics()', speed);
//}