﻿var checker;
var pic01; //= document.getElementById('pic01');
var holder; //= document.getElementById('DynamicImageParent');  
var blackout; //= document.getElementById('blackout'); 
var ss;



function BlackOutPage()
{
    blackout.style.display = "block";
}

function ClearBlackOut()
{
    blackout.style.display = "none";
}

function SetupGallery()
{
    holder = document.getElementById('DynamicImageParent');  
    blackout = document.getElementById('blackout'); 
}



function CloseImage()
{
    StopChecker();
    HideImage();
}

function CheckForSizeChanges()
{
    try
    {
        var h = pic01.offsetHeight;
        var w = pic01.offsetWidth;
        holder.style.width = '' + w  + 'px';
        holder.style.height = '' + h + 'px';
    }
    catch(ex)
    {
        StopChecker();
        alert(ex);
    }
}

function StopChecker()
{
    if (checker != null)
    {
        clearInterval(checker);
    }
}

function ShowImageWithStallImplementation()
{
    holder.style.display = "block";
    blackout.style.display = "block";
    
}

function ShowImageWithStall()
{
    blackout.style.display = "block";
    var wait = setTimeout("ShowImageWithStallImplementation()",500);
}

function ShowImage(shouldWait)
{
if(shouldWait)
{
ShowImageWithStall();
}
else
{
    blackout.style.display = "block";
    holder.style.display = "block";
}
}

function HideImage()
{
    holder.style.display = "none";
    blackout.style.display = "none";
}

function SetTimer()
{
    try
    {
        checker = setInterval("CheckForSizeChanges()",10);
    }
    catch(ex)
    {
        StopChecker();
        alert(ex);
    }
}

function getImgSize(imgSrc)
{
    try
    {
        StopChecker();
        HideImage();
        document.getElementById('DynamicImageParent').innerHTML = '<img id=\"pic01\" src=\"' + imgSrc + '\" alt=\"Full View\" onclick=\"CloseImage();\" />';
        pic01 = document.getElementById('pic01');
        SetTimer();
        ShowImage(false);
    }
    catch(ex)
    {
        StopChecker();
        alert(ex);
    }      
}

SetupGallery();