/// <reference path="jQuery/jquery-1.3.2.min-vsdoc.js" />
/// <reference path="jQuery/jquery.simplemodal-1.3.3.min.js" />
/// <reference path="Utilities.js" />

$(function() {
    $(".PictureItemImg").click(function(sender) {

        var src = $(sender).children("img").prevObject[0].target.src;
        var imgsrc = src.substring(0, src.indexOf("PictureGallery/") + 15) + "Img/";
        var Filename;

        if (src.indexOf("PictureGallery/SmallThumb/") == -1) {
            Filename = src.substring(src.indexOf("PictureGallery/Thumb/") + 21);
        }
        else {
            Filename = src.substring(src.indexOf("PictureGallery/SmallThumb/") + 26);
        }

        var img = new Image();
        img.id = "PictureModalImg";
        img.Class = "PictureModalImg";
        img.src = imgsrc + Filename;

        var attrs = attrs = $(this).attr("rel").split("###"); ;
        var imgname = attrs[0];
        var description = attrs[1];
        var number = attrs[2];
        var galleryid = attrs[3];

        $("#PictureModalImg").remove();
        $('.PictureModalInside').addClass("LoadingImage");

        $(img).load(function() {    // when image has loaded...
            $(this).css('display', 'none'); // hide image by default
            $('.PictureModalInside').removeClass('LoadingImage');
            $(".PictureModalHolder").append(this);
            $(this).fadeIn('slow'); // fade image in
            $(".PictureModal").css("width", (img.width + 24));
            $(".PictureModalHolder").css("height", (img.height));
            $(".PictureModal").modal({
                appendTo: '.PictureView',
                overlayId: 'PictureViewOverlay',
                containerId: 'PictureModal',
                minHeight: 436,
                minWidth: (img.width + 24),
                closeClass: 'CabinViewModalClose',
                opacity: 82,
                close: false,
                overlayClose: false
            });


        }).attr('src', imgsrc + Filename);


        $(".PictureModalDescription").html(description);
        if (number.length != 0) {
            $(".PictureModalNumber").html("#" + number);
        }
        else {
            $(".PictureModalNumber").html("");
        }

        if (number.length != 0 && description.length != 0) {
            $(".PictureModalText").show();
        }
        else {
            $(".PictureModalText").hide();
        }

        if (galleryid != null) {
            $(".PictureModalLinkGallery").attr("href", "/Gallery/" + galleryid);
            $(".PictureModalLinkGallery").show();
        }
        else {

            $(".PictureModalLinkGallery").hide();
        }
        //$(".PictureModalImg").show();

    });
});