/*for displaying/popping up screenshots on the new product detail feature page (ProductDetail-features.jsp)*/

var imgTitle = [];
var imgDesc = [];
var imgSm = [];
var imgSm_Active = [];
var imgSm_AltTxt = [];
var imgSm_Height = [];
var imgSm_Width = [];
var imgMd = [];
var imgMd_AltTxt = [];
var imgMd_Height = [];
var imgMd_Width = [];
var imgMd_ActionText = [];
var imgMd_LargeImage = [];
var imgLg = [];
var imgLg_AltTxt = [];
var imgLg_Height = [];
var imgLg_Width = [];

function openPopup(pageUri, language, featureId, screenshotId){
    winpops=window.open("/site-templates/include/screenshot-popup.jsp?uri="+pageUri+"&language="+language+"&featureId="+featureId+"&screenshotId="+screenshotId,"","width=830,height=825,scrollbars=1,resizable=1")
}

// This defines what to do when an image is clicked on
function image_click(pageUri, language, featureId, screenshotId, isPopup){
    if (isPopup){
        for (x in imgSm){
            document.getElementById("smallImage_featureId_" + featureId + "_" + x).src = imgSm[x].src;
        }

        document.getElementById("smallImage_featureId_" + featureId + "_screenshotId_" + screenshotId).src = imgSm_Active["screenshotId_" + screenshotId].src;
        document.getElementById("largeImage").src = imgLg["screenshotId_" + screenshotId].src;
        document.getElementById("largeImage").alt = imgLg_AltTxt["screenshotId_" + screenshotId];
        document.getElementById("largeImage").height = imgLg_Height["screenshotId_" + screenshotId];
        document.getElementById("largeImage").width = imgLg_Width["screenshotId_" + screenshotId];
        document.getElementById("titleStuff").innerHTML = imgTitle["screenshotId_" + screenshotId];
        document.getElementById("descStuff").innerHTML = imgDesc["screenshotId_" + screenshotId];
    }
    else{
        for (x in imgSm["featureId_" + featureId]){
            document.getElementById("smallImage_featureId_" + featureId + "_" + x).src = imgSm["featureId_" + featureId][x].src;
        }

        document.getElementById("smallImage_featureId_" + featureId + "_screenshotId_" + screenshotId).src = imgSm_Active["featureId_" + featureId]["screenshotId_" + screenshotId].src;
        document.getElementById("smallImage_featureId_" + featureId + "_screenshotId_" + screenshotId).height = imgSm_Height["featureId_" + featureId]["screenshotId_" + screenshotId];
        document.getElementById("smallImage_featureId_" + featureId + "_screenshotId_" + screenshotId).width = imgSm_Width["featureId_" + featureId]["screenshotId_" + screenshotId];
        document.getElementById("mediumImage_" + featureId).src = imgMd["featureId_" + featureId]["screenshotId_" + screenshotId].src;
        document.getElementById("mediumImage_" + featureId).alt = imgMd_AltTxt["featureId_" + featureId]["screenshotId_" + screenshotId];
        document.getElementById("mediumImage_" + featureId).height = imgMd_Height["featureId_" + featureId]["screenshotId_" + screenshotId];
        document.getElementById("mediumImage_" + featureId).width = imgMd_Width["featureId_" + featureId]["screenshotId_" + screenshotId];
        if (imgMd_LargeImage["featureId_" + featureId]["screenshotId_" + screenshotId]){
          document.getElementById("mediumImagePopUpId_" + featureId).onclick = function(){openPopup(pageUri, language, featureId, screenshotId);}
          $("#mediumImage_" + featureId).attr("style", "cursor: pointer;");
        }
        else{
          document.getElementById("mediumImagePopUpId_" + featureId).onclick = function(){}
          $("#mediumImage_" + featureId).attr("style", "cursor: default;");
        }
        document.getElementById("mediumImagePopUpIdLink_" + featureId).onclick = function(){openPopup(pageUri, language, featureId, screenshotId);}
        document.getElementById("titleStuff_" + featureId).value = imgTitle["screenshotId_" + screenshotId];
        document.getElementById("descStuff_" + featureId).value = imgDesc["screenshotId_" + screenshotId];
        document.getElementById("mediumImagePopUpIdLink_" + featureId).innerHTML = imgMd_ActionText["featureId_" + featureId]["screenshotId_" + screenshotId];
    }
}