var PhotoGallery = {};

PhotoGallery.OpenPicture = function(sender, nGalleryID, nPictureIndex, nWidth, nHeight, sGalleryName) {

    var ShadowLayer = document.getElementById("ShadowLayer");

    var winW = "";
    var winH = "";

    if (sGalleryName == undefined || sGalleryName == "")
        var sGalleryName = "PhotoGallery";

    if (nWidth == undefined || nWidth == "")
        var nWidth = 640;

    if (nHeight == undefined || nHeight == "")
        var nHeight = 470;

    if (navigator.appName.indexOf("Microsoft") != -1) {
        winW = ((document.body.offsetWidth - nWidth) / 2);
        winH = document.getElementById('MainBody').clientHeight;
    } else {
        winW = ((window.innerWidth - nWidth) / 2);
        winH = document.getElementById('MainBody').clientHeight;
    }
    var vscroll = (document.all ? document.body.parentNode.scrollTop : window.pageYOffset);
    ShadowLayer.style.height = winH + "px";
    ShadowLayer.style.width = "100%";

    var ShadowContentLayerContainer = document.getElementById('ShadowContentLayer');

    //ShadowContentLayerContainer.innerHTML = "<div onclick='PhotoGallery.HideLayer();' style='width:" + nWidth + "px; height: " + (nHeight - 5) + "px; background-color: #FFFFFF; text-align: center; padding-top: 5px; position: absolute; z-index: 1001; '><div class='Title' onclick='Controls.EventHelper.CancelBubble(event);' style='text-align: center; padding-bottom: 5px;'>a</div><div><img border='0' src='a'></div><div class='SystemText' style='font-style: normal; text-align: center; padding-top: 5px; cursor: pointer'>dddddd</div></div>";

    ShadowContentLayerContainer.style.display = '';
    ShadowLayer.style.display = '';

    var nTopMargin = (((screen.availHeight - 180) - (nHeight)) / 2) + vscroll;
  //  alert(screen.availHeight);
    //alert(window.innerHeight +"+"+nHeight+"+"+vscroll);
    ShadowContentLayerContainer.style.margin = nTopMargin + "px 0px 0px " + winW + "px";
    ShadowContentLayerContainer.focus();
    //alert(nProductID);
    //    document.getElementById('HeaderSelected_Products').style.display = 'none';
    //    document.getElementById('HeaderSelected_SelectedProducts').style.display = 'block';

    //    sender.style.display = 'none';
    //    document.getElementById(sender.id + "_Remove").style.display = '';

    //    sender.disabled = true;
    //    var request = new CHttpRequest();
    //    request.QueryString = "AjaxType=HTML&RequestFile=Blocks.LeftMenuSelectedProductsBlock&MethodName=XAddProduct";
    //    request.AsyncCall = true;
    //    request.State = sender;
    //    request.AddProperty("Arguments[ProductID]", nProductID);
    //    request.OnResponse = LeftMenuSelectedProductsBlock.AddProduct_Callback;
    //    request.Send();
    PhotoGallery.FillLayerContainer(sender, nGalleryID, nPictureIndex, nWidth, nHeight, sGalleryName);
}

PhotoGallery.FillLayerContainer = function(sender, nGalleryID, nPictureIndex, nWidth, nHeight, sGalleryName) {

    if (sGalleryName == undefined || sGalleryName == "")
        var sGalleryName = "PhotoGallery";

    var request = new CHttpRequest();
    request.QueryString = "AjaxType=HTML&RequestFile=Templates.PhotoGalleryView&MethodName=XGetGaleryContainer";
    request.AsyncCall = true;
    request.State = sender;
    request.AddProperty("Arguments[GalleryID]", nGalleryID);
    request.AddProperty("Arguments[GalleryName]", sGalleryName);
    request.AddProperty("Arguments[PictureIndex]", nPictureIndex);
    request.AddProperty("Arguments[Width]", nWidth);
    request.AddProperty("Arguments[Height]", nHeight);
    request.OnResponse = PhotoGallery.FillLayerContainer_Callback;
    request.Send();
}

PhotoGallery.FillLayerContainer_Callback = function(request, state) {
    var ShadowContentLayerContainer = document.getElementById('ShadowContentLayer');
    ShadowContentLayerContainer.innerHTML = request.responseText;
    state.disabled = false;
}

PhotoGallery.HideLayer = function() {
    var ShadowContentLayerContainer = document.getElementById('ShadowContentLayer');
    var ShadowLayer = document.getElementById("ShadowLayer");

    ShadowContentLayerContainer.style.display = 'none';
    ShadowLayer.style.display = 'none';
}