/// <reference path="../../Scripts/jquery-1.3.2-vsdoc.js" />

$(function() {
    $(".CabinViewFloorPlanImage").click(function() {
        $(".FloorPlanPanel").modal({
            appendTo: '.CabinViewFooter',
            overlayId: 'CabinViewOverlay',
            containerId: 'FloorPlanPanel',
            minHeight: 150,
            closeClass: 'CabinViewModalClose',
            opacity: 82,
            close: false,
            overlayClose: false
        });
    });

    $(".CabinViewGalleryImages").click(function() {
        $(".GalleryImagesPanel").modal({
            appendTo: '.CabinViewFooter',
            overlayId: 'CabinViewOverlay',
            containerId: 'GalleryImagesPanel',
            minHeight: 436,
            closeClass: 'CabinViewModalClose',
            opacity: 82,
            close: false,
            overlayClose: false
        });
        LoadImages(0);
    });
    $(".GalleryViewNext").click(function() {
        if ($(".GalleryViewNext").hasClass("ClickImage")) {
            var index = $(".CabinViewModalImageGalleryIndex").text();
            index = parseInt(index) + 1;
            LoadImages(index);
        };
    });
    $(".GalleryViewPrev").click(function() {
        if ($(".GalleryViewPrev").hasClass("ClickImage")) {
            var index = $(".CabinViewModalImageGalleryIndex").text();
            index = parseInt(index) - 1;
            LoadImages(index);
        };
    });
});

function LoadImages(index) {
    var result;
    try {
        result = JSON.parse($(".CabinViewModalImageGalleryJson").text());
    }
    catch (err) {
        alert(err.description);
    }

    var currentImage;
    if ($(".hdfIsSwedish").val() == "true") {
        $(".CabinViewModalGalleryPlateText").text("Bild " + (index + 1) + " av " + result.length);
    } else {
        $(".CabinViewModalGalleryPlateText").text("Picture " + (index + 1) + " of " + result.length);
    }
    currentImage = $(result[index]);

    $(".imgGalleryViewImage").attr("src", $(".CabinViewModalImageGalleryUrl").text() + currentImage.attr("Src"));

    if (index == 0) {
        $(".GalleryViewPrev").attr("src", $(".GalleryViewPrev").attr("src").replace('prev.png', 'prev_off.png'));
        $(".GalleryViewPrev").removeClass("ClickImage");
    }
    else {
        $(".GalleryViewPrev").attr("src", $(".GalleryViewPrev").attr("src").replace('prev_off.png', 'prev.png'));
        $(".GalleryViewPrev").addClass("ClickImage");
    }
    
    if (index + 1 == result.length) {
        $(".GalleryViewNext").attr("src", $(".GalleryViewNext").attr("src").replace('next.png', 'next_off.png'));
        $(".GalleryViewNext").removeClass("ClickImage");
    }
    else {
        $(".GalleryViewNext").attr("src", $(".GalleryViewNext").attr("src").replace('next_off.png', 'next.png'));
        $(".GalleryViewNext").addClass("ClickImage");
    }
    $(".CabinViewModalImageGalleryIndex").text(index);
}