var pictures = new Array();
var credits = new Array();
var profilePic;
var currentIndex = 0;

function AdjustArrows()
{
    var imgZone = document.getElementById('imgZone');
    var picArrow = document.getElementById('picArrow');
    var height = (profilePic.offsetHeight/2) +50;
    var credits_zone = document.getElementById('credits_zone');

    imgZone.style.height = profilePic.offsetHeight + "px";
    picArrow.style.height = height + "px";
    credits_zone.style.top = profilePic.offsetHeight + "px";
}

function AddToPicturesArray(mediaFileName, credit)
{
    pictures[pictures.length] = mediaFileName;
    credits[credits.length] = credit + ' ';
}
function ChangePicture()
{
    profilePic.onload = function() { AdjustArrows(); };
    profilePic.src = pictures[currentIndex];
    document.getElementById("credits").innerHTML = credits[currentIndex];
    document.getElementById("credits_shadow").innerHTML = credits[currentIndex];
    AdjustArrows();
}
function PrevImage()
{

    if (currentIndex == 0)
        currentIndex = pictures.length - 1;
    else
        currentIndex--;

    ChangePicture();
}
function NextImage()
{
    if (currentIndex + 1 == pictures.length)
        currentIndex = 0;
    else
        currentIndex++;

    ChangePicture();
}
function ShowPictureAt(index)
{
    currentIndex = index;
    ChangePicture();
    
}
function ShowGallery(artistID)
{
    var galleryDiv = document.getElementById('GalleryDiv');
    galleryDiv.style.display = 'block';

    var width = galleryDiv.offsetWidth;
    var height = galleryDiv.offsetHeight;

    var has_element = document.documentElement && document.documentElement.clientWidth;
    var has_inner = typeof (window.innerWidth) == 'number';

    var x = has_inner
     ? pageXOffset +
       (window.innerWidth - width) / 2
     : has_element
       ? document.documentElement.scrollLeft +
         (document.documentElement.clientWidth - width) / 2
       : document.body.scrollLeft +
         (document.body.clientWidth - width) / 2;

    var y = has_inner
     ? pageYOffset + (window.innerHeight - height) / 2
     : has_element
       ? document.documentElement.scrollTop +
         (document.documentElement.clientHeight - height) / 2
       : document.body.scrollTop +
         (document.body.clientHeight - height) / 2;
           
    /*var modalBoxMask = document.getElementById('ModalBoxMask');
    modalBoxMask.style.display = 'block';*/

    galleryDiv.style.left = x + 'px';
    galleryDiv.style.top = y + 'px';

    var galleryFrame = document.getElementById('GalleryFrame');
    galleryFrame.src = 'galerie.aspx?ArtistID=' + artistID;
}
function CloseGallery()
{
    var modalBoxMask = document.getElementById('ModalBoxMask');
    modalBoxMask.style.display = 'none';
    var galleryDiv = document.getElementById('GalleryDiv');
    galleryDiv.style.display = 'none';
}