var slo = null;
var sola = Array();
var prev = 0;
var cur = 1;
var timi = null

$(document).ready(function() {

    sol = document.getElementById('the-image').getElementsByTagName('img');

    sola.push(document.getElementById('link0'));
    sola.push(document.getElementById('link1'));
    sola.push(document.getElementById('link2'));
    sola.push(document.getElementById('link3'));

    for (var i = 1; i < sol.length; i++) sol[i].style.display = 'none';

    timi = window.setInterval('animate()', 6000);

    /*
    $(".dot").click(function(e) {
    var id = $(this).attr("id");
    var navTo;
        
    switch (id) {
    case "link0":
    navTo = 0;
    break;
    case "link1":
    navTo = 1;
    break;
    case "link2":
    navTo = 2;
    break;
    case "link3":
    navTo = 3;
    break;
    }
        
    navigateTo(navTo);
    });
    */

    $("#page-images").fadeIn();
});

function animate() {
    $(sol[prev]).fadeOut(1000);
    $(sol[cur]).fadeIn(1000);

    $("#link" + prev).removeClass("active");
    $("#link" + cur).addClass("active");

    prev = cur++;
    if (cur > sol.length - 1) {
        cur = 0;
        prev = sol.length - 1;
    }

    var title = "/_Layout/img/home/dubai.png";

    switch (prev) {
        case 0:
            title = "/_Layout/img/home/dubai.png";
            break;
        case 1:
            title = "/_Layout/img/home/monaco.png";
            break;
        case 2:
            title = "/_Layout/img/home/miami.png";
            break;
        case 3:
            title = "/_Layout/img/home/portofino.png";
            break;
    }

    $("#title_img").attr("src", title);
}

function navigateTo(aiyo) {
    cur = aiyo
    window.clearInterval(timi); timi = null;

    $(sol[cur]).fadeIn(1000);
    $(sol[prev]).fadeOut(1000);

    $("#link" + prev).removeClass("active");
    $("#link" + cur).addClass("active");

    prev = cur
    ++cur;
    if (prev < 0) prev = sol.length - 1;
    timi = window.setInterval('animate()', 6000)
}