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.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);
   
}

function NextImage(GalleryInd)
{
    var gallery = galleriesList[GalleryInd];
    if (gallery.ImagesList.length - 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.ImagesList.length - 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.ImagesList.length-1;
    
    setGallery(gallery);
}

function setGallery(gallery) {


    $("#" + gallery.previewImage.id + " div:eq(" + gallery.prevImage + ")").fadeOut(600);
    $("#" + gallery.previewImage.id + " div:eq(" + gallery.currentImage + ")").fadeIn(400);
     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";
    }
    
}