var galleriesList = new Array();

function CreateGallery(PrevButtonId, NextButtonId, PreviewImageId, ImagesList) {

 
    var galleryID = galleriesList.length;

    var gallery = new Object();
    gallery.ImagesList = ImagesList.split("@");
    gallery.currentImage = 0;
    gallery.prevImage = 0;
    gallery.ImagesCount = $("#" + PreviewImageId + " div").length;
    gallery.previewImage = document.getElementById(PreviewImageId);
    gallery.prevButton = document.getElementById(PrevButtonId);
    gallery.nextButton = document.getElementById(NextButtonId);

    $("#" + gallery.previewImage.id + " div").hide();

    //addOnckickAttribute(gallery.nextButton, "NextImage(" + galleryID + ")");
    //addOnckickAttribute(gallery.prevButton, "PrevImage(" + galleryID + ")");
         
    galleriesList[galleryID] = gallery;

    setGallery(gallery);
    PreloadNextImage(gallery);

//    $(document).ready(function () {
//        for (i = 1; i < 10; i++)
//            setTimeout(function () {
//                $('#' + PreviewImageId).height($('#' + PreviewImageId + ' div:first-child').height());
//            }, i * 100);
//    });
}



function NextImage(GalleryInd)
{
    var gallery = galleriesList[GalleryInd];
    if (gallery.ImagesCount - 1 > gallery.currentImage)
        gallery.currentImage = gallery.currentImage + 1;
    else
        gallery.currentImage = 0;
        setGallery(gallery);

       
        //PreloadNextImage(gallery);
    
}

//var imagePreloader = new Array();
function PreloadNextImage(gallery)
{
//    if (gallery.ImagesCount - 1 <= gallery.currentImage) 
//        return;

//    var nextImage = new Image();
//    nextImage.src=gallery.ImagesList[gallery.currentImage+1];
//    gallery.nextImage=nextImage;
    //imagePreloader[imagePreloader.length]=nextImage;
}

function PrevImage(GalleryInd) {
    var gallery = galleriesList[GalleryInd];
    if (gallery.currentImage > 0)
        gallery.currentImage = gallery.currentImage - 1;
    else
        gallery.currentImage = gallery.ImagesCount - 1;
    
    setGallery(gallery);
}

function setGallery(gallery) {


    $("#" + gallery.previewImage.id + " div:eq(" + gallery.prevImage + ")").fadeOut(600);
    $("#" + gallery.previewImage.id + " div:eq(" + gallery.currentImage + ")").fadeIn(400,
                function () {
                    $("#" + gallery.previewImage.id + " div:eq(" + gallery.currentImage + ")").css('position', 'absolute');
                    $("#" + gallery.previewImage.id + " div:eq(" + gallery.prevImage + ")").css('position', 'static');
                });
        
    gallery.prevImage= gallery.currentImage;
}

function addOnckickAttribute(el, modifyText) {
    if (el.addEventListener) {
        
        el.addEventListener('click', modifyText, false);
        
    } else if (el.attachEvent) {
        
        el.attachEvent('onclick', modifyText);
        
    }

   
}


function openMenu() {

    var container = document.getElementById('ProjectsListContainer');
    if ($("#ProjectsListContainer").height() == 0) {
        $(container).animate({
            height: "130px"
        }, 300);
        document.getElementById("projectsBtn").style.borderBottom = "1px dotted black";
    }

}

$(document).ready(function () {
    $(".ShareContainer").each(function () {
        var panel = this;

        $(panel).find(".ShareBtn").click(function () {
            ShowShare($(panel).find(".Picfooter"));
        });

        $(panel).bind("mouseleave", function () {
            HideShare($(panel).find(".Picfooter"));
        });
    });

});

function ShowShare(item) {
    $(item).height(0).show().animate({ height: 65 }, 100);
}

function HideShare(item) {
    if ($(item).height() == 65)
        $(item).height(65).animate({ height: 0 }, 250).hide();
}