function maskBody()
{
    var mask = document.getElementById('popupMask');
    mask.style.display = "block";
}
function noMask()
{
    var mask = document.getElementById('popupMask');
    mask.style.display = "none";
}
function CloseInPagePicturePopup()
{
    noMask();
    var div_BigImage = document.getElementById('InPagePicturePopup');
    div_BigImage.style.display = "none";
}
// Works with Controls\ProductDetails\ProductImages.ascx
function BigProductView(SwapSrc)
{
    maskBody();
    var div_BigImage = document.getElementById('InPagePicturePopup');
    div_BigImage.style.display = "block";
    ChangeLargeImage(SwapSrc);
}

function ChangeMainImage(imageSrc)
{
    var mainImage = document.getElementById('ProductImages1_ImageProductPhoto');
    
    if(imageSrc.search(/_\w\w\w_/) > 0 && mainImage.src.search(/_\w\w\w_/) > 0)
    {
        var color = "";
        var indexStart = mainImage.src.search(/_\w\w\w_/);
        var indexStop = indexStart + 5;
        color = mainImage.src.substring(indexStart,indexStop);
        imageSrc = imageSrc.replace(/_\w\w\w_/, color);
    }
    imageSrc = imageSrc.replace('_75', '_400');
    mainImage.src = imageSrc;
    
    var largeImageUrl = document.images['ProductImages1_ImageProductPhoto'].src.replace('_400', '_600');

    if (isFile(largeImageUrl)) {
        //$('BigPictureLink').writeAttribute("rel", "lightbox");
        //$('BigPictureLink').writeAttribute("href", largeImageUrl);
    }
}

function ChangeLargeImage(imageSrc)
{
    imageSrc = imageSrc.replace('_75', '_600');
    imageSrc = imageSrc.replace('_400', '_600');
    var img_LargeImage = document.getElementById('LargeImage');
    
    var span_ImageDescription = document.getElementById('span_ImageDescription');
    if (isFile(imageSrc))
    {
        img_LargeImage.src = imageSrc;
        img_LargeImage.alt = "Big Image";
        span_ImageDescription.innerHTML = "";
    }
    else
    {
        CloseInPagePicturePopup();
        alert("Sorry, large image does not exist for this image.\n\n  We are in the process of updating our site to include large versions of all of our product images.");
        //span_ImageDescription.innerHTML = "SORRY LARGE IMAGE DOES NOT EXIST";
        
    }
}

// Checks if a file exists on the server
// str should be a URL
function isFile(str){
    var O= AJ();
    if(!O) return false;
    try
    {
        O.open("HEAD", str, false);
        O.send(null);
        return (O.status==200) ? true : false;
    }
    catch(er)
    {
        return false;
    }
}
function AJ()
{
    var obj;
    if (window.XMLHttpRequest)
    {
        obj= new XMLHttpRequest();
    }
    else if (window.ActiveXObject) 
    {
        try
        {
            obj= new ActiveXObject('MSXML2.XMLHTTP.3.0');
        }
        catch(er)
        {
            obj=false;
        }
    }
    return obj;
}

function isDefined(variable) {
    return (!(!(document.getElementById(variable))))
}

function ChangeImageColor(Color) 
{
    var string_photoID = 'ProductImages1_ImageProductPhoto';
    if (isDefined(string_photoID) == false) {
        string_photoID = 'img_VirtJersey'
        if (isDefined(string_photoID) == false) {
            return;
        }
    }

    var currImage = document.images[string_photoID].src;
    document.images[string_photoID].src = currImage.replace(/_..._/, '_' + Color + '_');

    if (string_photoID == 'ProductImages1_ImageProductPhoto') {
        var largeImageUrl = document.images[string_photoID].src.replace('_400', '_600');
        if (isFile(largeImageUrl)) {
            $('BigPictureLink').writeAttribute("rel", "lightbox");
            $('BigPictureLink').writeAttribute("href", largeImageUrl);
        }
    }
}