// Auto-Slide
var idTimeout;
var i = 2;
$(document).ready(function () {
    idTimeout = setInterval(function () {
        MostrarImagen(i);
        i++;
        if (i == 6) { i = 1; }
    }, 3000);
});

// Menu 1
$("a#ctl00_Menu_Menu_lnkVueltaPuerto").hover(function () {
    clearTimeout(idTimeout);
    MostrarImagen(1);
});
// Menu 2
$("a#ctl00_Menu_Menu_lnkSalidasEspeciales").hover(function () {
    clearTimeout(idTimeout);
    MostrarImagen(2)
});
// Menu 3
$("a#ctl00_Menu_Menu_lnkEventosMar").hover(function () {
    clearTimeout(idTimeout);
    MostrarImagen(3);
});
// Menu 4
$("a#ctl00_Menu_Menu_lnkExcursiones").hover(function () {
    clearTimeout(idTimeout);
    MostrarImagen(4);
});
// Menu 5
$("a#ctl00_Menu_Menu_lnkTraslados").hover(function () {
    clearTimeout(idTimeout);
    MostrarImagen(5);
});

function MostrarImagen(img) {
    // Ocultamos todas las imágenes
    if ($("img#imgCabecera1").hasClass("imgOculta") == false) {
        $("img#imgCabecera1").addClass("imgOculta");
    }
    if ($("img#imgCabecera2").hasClass("imgOculta") == false) {
        $("img#imgCabecera2").addClass("imgOculta");
    }
    if ($("img#imgCabecera3").hasClass("imgOculta") == false) {
        $("img#imgCabecera3").addClass("imgOculta");
    }
    if ($("img#imgCabecera4").hasClass("imgOculta") == false) {
        $("img#imgCabecera4").addClass("imgOculta");
    }
    if ($("img#imgCabecera5").hasClass("imgOculta") == false) {
        $("img#imgCabecera5").addClass("imgOculta");
    }
        
    // Ocultamos la posición de la flecha
    if ($("div#flechaPosition").hasClass("flecha1") == true) {
        $("div#flechaPosition").removeClass("flecha1");
    }
    if ($("div#flechaPosition").hasClass("flecha2") == true) {
        $("div#flechaPosition").removeClass("flecha2");
    }
    if ($("div#flechaPosition").hasClass("flecha3") == true) {
        $("div#flechaPosition").removeClass("flecha3");
    }
    if ($("div#flechaPosition").hasClass("flecha4") == true) {
        $("div#flechaPosition").removeClass("flecha4");
    }
    if ($("div#flechaPosition").hasClass("flecha5") == true) {
        $("div#flechaPosition").removeClass("flecha5");
    }
        
    // Mostramos la imagen correcta
    switch (img) {
        case 1:
            $("img#imgCabecera1").removeClass("imgOculta");
            $("div#flechaPosition").addClass("flecha1");
            break;
        case 2:
            $("img#imgCabecera2").removeClass("imgOculta");
            $("div#flechaPosition").addClass("flecha2");
            break;
        case 3:
            $("img#imgCabecera3").removeClass("imgOculta");
            $("div#flechaPosition").addClass("flecha3");
            break;
        case 4:
            $("img#imgCabecera4").removeClass("imgOculta");
            $("div#flechaPosition").addClass("flecha4");
            break;
        case 5:
            $("img#imgCabecera5").removeClass("imgOculta");
            $("div#flechaPosition").addClass("flecha5");
            break;
    }
};