//
// Thumb container
//

Type.registerNamespace('PhotoSite');

PhotoSite.ThumbItem = function(obj, imageUrl, name, details) {
    this._obj = obj;
    this._imageUrl = imageUrl;
    this._name = name;
    this._details = details;
};

PhotoSite.ThumbItem.prototype = {

    _obj: null,
    _imageUrl: null,
    _name: null,
    _details: null,

    _domOuterContainer: null,
    _domInnerContainer: null,
    _domLinkContainer: null,
    _domImage: null,
    _domInput: null,
    _domName: null,
    _domDetail: null,
    _domEmpty: null,

    getObjectRef: function() {
        return this._obj;
    },

    clear: function() {
        this._domOuterContainer = this._domInnerContainer = this._domImage = this._domLink = this._domName = this._domDetail = this._domEmpty = null;
    },

    hide: function() {
        this.deSelect();
        this._domOuterContainer.style.display = 'none';
    },

    update: function(imageUrl, name, details) {
        this._name = name;
        this._details = details;
        this._imageUrl = imageUrl;

        if (imageUrl && imageUrl.length > 0) {
            if (this._domImage === null) {
                this._domImage = document.createElement('img');
                this._domImage.src = this._imageUrl;

                this._domInnerContainer.removeChild(this._domEmpty);
                this._domInnerContainer.appendChild(this._domImage);

                this._domEmpty = null;
            }
            else {
                this._domImage.src = imageUrl;
            }
        }

        this._domName.nodeValue = name;

        if (this._domDetail !== null) {
            this._domLinkContainer.removeChild(this._domDetail);
        }

        this._appendDetailsInfo();
    },

    _appendDetailsInfo: function() {
        if (typeof (this._details) !== 'undefined' && this._details != null) {
            this._domDetail = document.createElement('span');
            this._domDetail.className = 'blue';
            this._domDetail.innerHTML = '(' + this._details + ')';
            this._domLinkContainer.appendChild(document.createTextNode(' '));
            this._domLinkContainer.appendChild(this._domDetail);
        }
    },

    render: function(outerClassName, innerClassName, linkClassName, inputType, onClickCallback, emptyClassName, emptyText) {
        if (this._domOuterContainer !== null) {
            return this._domOuterContainer;
        }

        this._domOuterContainer = document.createElement('div');
        this._domInnerContainer = document.createElement('div');
        this._domLinkContainer = document.createElement('div');

        if (this._imageUrl && this._imageUrl.length > 0) {
            this._domImage = document.createElement('img');
            this._domImage.className = "image_thumb_default";
            this._domImage.src = this._imageUrl;
        }
        else {
            this._domEmpty = document.createElement('div');
            this._domEmpty.className = emptyClassName;
        }

        this._domOuterContainer.className = outerClassName;
        this._domInnerContainer.className = innerClassName;
        this._domLinkContainer.className = linkClassName;

        if (typeof (inputType) !== 'undefined' && inputType !== null) {
            if (inputType == 'radio') {
                try {
                    this._domInput = document.createElement('<input type="radio" name="' + outerClassName + '_radio_name" />');
                }
                catch (err) {
                    this._domInput = document.createElement('input');
                    this._domInput.setAttribute('type', 'radio');
                    this._domInput.setAttribute('name', outerClassName + '_radio_name');
                }
            }
            else {
                this._domInput = document.createElement('input');
                this._domInput.type = inputType;
            }
            var linkLeft = document.createElement('div');
            linkLeft.className = 'left';
            linkLeft.appendChild(this._domInput);
            this._domLinkContainer.appendChild(linkLeft);
            this._domLinkContainer.appendChild(document.createTextNode(' '));
        }
        if (this._name.length > 14) {
            this._name = this._name.substring(0, 14) + '...';
        }
        var arrow = document.createElement('div');
        arrow.className = 'right';
        this._domName = document.createTextNode(this._name);
        this._domLinkContainer.appendChild(this._domName);
        this._appendDetailsInfo();

        if (this._domImage) {
            if (onClickCallback) {
                var anchorDiv = document.createElement('div');
                anchorDiv.className = 'clear_row';
//                anchorDiv.style.height = '80px';

                var anchor = document.createElement('a');
                anchor.href = '#';
                anchor.obj = this.getObjectRef();
                anchor.onclick = function() { onClickCallback(this.obj); return false; };
                anchor.appendChild(this._domImage);
                anchorDiv.appendChild(anchor);
                this._domInnerContainer.appendChild(anchorDiv);
                this._domInnerContainer.appendChild(arrow);
            }
            else {
                this._domInnerContainer.appendChild(this._domImage);
                this._domInnerContainer.appendChild(arrow);
            }
        }
        else {
            var p = document.createElement('p');

            if (onClickCallback) {
                var anchor = document.createElement('a');
                anchor.href = '#';
                anchor.obj = this.getObjectRef();
                anchor.onclick = function() { onClickCallback(this.obj); return false; };
                anchor.innerHTML = emptyText;
                p.appendChild(anchor);
            }
            else {
                p.innerHTML = emptyText;
            }

            this._domEmpty.appendChild(p);
            this._domInnerContainer.appendChild(this._domEmpty);
            this._domInnerContainer.appendChild(arrow);
        }

        this._domOuterContainer.appendChild(this._domInnerContainer);
        this._domOuterContainer.appendChild(this._domLinkContainer);

        return this._domOuterContainer;
    },

    select: function() {
        if (this._domInput) {
            this._domInput.checked = true;
        }
    },

    deSelect: function() {
        if (this._domInput) {
            this._domInput.checked = false;
        }
    },

    selected: function() {
        return this._domInput ? this._domInput.checked : false;
    }
};

PhotoSite.ThumbContainer = function(id) {
    this._id = id;
    this._items = [];
    this._containerClassNames = [null, null, null];
};

PhotoSite.ThumbContainer.prototype = {

    _id: null,
    _items: null,
    _sizeIndex: 0,
    _thumbInputTypeName: null,
    _thumbLinkClassName: null,
    _thumbOuterClassName: null,
    _thumbInnerClassName: null,
    _containerClassNames: null,
    _thumbOnClickCallback: null,
    _thumbEmptyClassName: null,
    _thumbEmptyText: null,

    _getDomElement: function(name) {
        return document.getElementById(this._id + '_dom' + name);
    },

    _showDomElement: function(name) {
        this._getDomElement(name).style.display = '';
    },

    _hideDomElement: function(name) {
        this._getDomElement(name).style.display = 'none';
    },

    setupSortOptions: function(sortOptions) {
        if (typeof (sortOptions) !== 'undefined' && sortOptions !== null) {
            var select = this._getDomElement('SortDropDown');

            RemoveAllChildNodes(select);

            for (var i = 0; i < sortOptions.length; i++) {
                var option = document.createElement('option');
                option.innerHTML = sortOptions[i].Name;
                option.value = sortOptions[i].Value;
                select.appendChild(option);
            }

            select.onchange = Function.createDelegate(this, this.sort);

            this._showDomElement('SortContainer');
        }
        else {
            this._hideDomElement('SortContainer');
        }
    },

    setupLinkObjects: function(linkObjects) {

        if (typeof (linkObjects) !== 'undefined' && linkObjects !== null) {
            var container = this._getDomElement('LinkObjects');

            RemoveAllChildNodes(container);

            for (var i = 0; i < linkObjects.length; i++) {
                var linkObj = linkObjects[i];
                var callback = linkObj.Callback;

                var anchor = document.createElement('a');
                var strong = document.createElement('strong');

                anchor.href = '#';
                anchor.obj = linkObj;
                anchor.onclick = function() { this.obj.Callback(); return false; };
                strong.innerHTML = linkObj.Text;

                anchor.appendChild(strong);
                anchor.style.marginLeft = '8px';

                container.appendChild(anchor);
            }
        }
        else {
            this._getDomElement('LinkObjects').innerHTML = '';
        }
    },

    setupControlButtons: function(controlButtons) {
        //return;   //alex wood
        if (typeof (controlButtons) !== 'undefined' && controlButtons !== null) {
            var container = this._getDomElement('ControlButtons');

            RemoveAllChildNodes(container);

            for (var i = 0; i < controlButtons.length; i++) {
                var controlBtn = controlButtons[i];
                var buttonImg = document.createElement('img');

                buttonImg.src = controlBtn.Image;
                buttonImg.onclick = controlBtn.Callback;
                buttonImg.style.cursor = 'pointer';

                container.appendChild(buttonImg);
                container.appendChild(document.createTextNode(' '));
            }

            this._showDomElement('ControlButtonContainer');
            this._getDomElement('Scrollbox').style.marginTop = '0px';
            this._getDomElement('Scrollbox').style.marginBottom = '0px';
        }
        else {
            this._hideDomElement('ControlButtonContainer');
            this._getDomElement('Scrollbox').style.marginTop = '15px';
            this._getDomElement('Scrollbox').style.marginBottom = '30px';
        }
    },

    setup: function(title, showSizeOptions, showSelectAll, sortOptions, linkObjects, controlButtons) {
        this.clear();
        this._getDomElement('Scrollbox').scrollTop = 0;
        this._getDomElement('Title').innerHTML = title;
        this._getDomElement('ResizeOptions').style.display = showSizeOptions ? '' : 'none';
        this._getDomElement('SelectContainer').style.display = showSelectAll ? '' : 'none';

        this.setupSortOptions(sortOptions);
        this.setupLinkObjects(linkObjects);
        this.setupControlButtons(controlButtons);

        this.setThumbSizeIndex(0);
    },

    setTitle: function(title) {
        this._getDomElement('Title').innerHTML = title;
    },

    selectAll: function() {
        for (var i = 0; i < this._items.length; i++) {
            this._items[i].select();
        }
    },

    deSelectAll: function() {
        for (var i = 0; i < this._items.length; i++) {
            this._items[i].deSelect();
        }
    },

    add: function(obj, imageUrl, name, details) {
        this._items.push(new PhotoSite.ThumbItem(obj, imageUrl, name, details));
    },

    update: function(obj, imageUrl, name, details) {
        for (var i = 0; i < this._items.length; i++) {
            if (this._items[i].getObjectRef() == obj) {
                this._items[i].update(imageUrl, name, details);
                break;
            }
        }
    },

    _getSpecificItems: function(itemTestCallback) {
        var result = new Array;

        for (var i = 0; i < this._items.length; i++) {
            if (itemTestCallback(this._items[i])) {
                result.push(this._items[i].getObjectRef());
            }
        }

        return result;
    },

    getItems: function() {
        return this._getSpecificItems(function(p) { return true; });
    },

    getSelectedItem: function() {
        return this.getSelectedItems()[0];
    },

    getSelectedItems: function() {
        return this._getSpecificItems(function(p) { return p.selected(); });
    },

    getSelectedItemsSingleProperty: function(propName) {
        var items = this.getSelectedItems();
        var result = new Array;

        for (var i = 0; i < items.length; i++) {
            result.push(items[i][propName]);
        }

        return result;
    },

    remove: function(obj) {
        for (var i = 0; i < this._items.length; i++) {
            if (this._items[i].getObjectRef() == obj) {
                this._items[i].hide();
                Array.removeAt(this._items, i);
                break;
            }
        }
    },

    clear: function() {
        this._items.length = 0;
    },

    render: function() {
        var content = this._getDomElement('Content');

        RemoveAllChildNodes(content);

        content.className = this._containerClassNames[this._sizeIndex];

        for (var i = 0; i < this._items.length; i++) {
            var item = this._items[i].render(this._thumbOuterClassName, this._thumbInnerClassName, this._thumbLinkClassName, this._thumbInputTypeName, this._thumbOnClickCallback, this._thumbEmptyClassName, this._thumbEmptyText);
            content.appendChild(item);
        }
    },

    sort: function() {
        var sortBy = this._getDomElement('SortDropDown').value;
        RadixSort.sortByKeyCallback(this._items, function(p) { return p.getObjectRef()[sortBy]; });
        this.render();
    },

    setThumbSizeIndex: function(index) {
        this._sizeIndex = index;
        this._getDomElement('Content').className = this._containerClassNames[this._sizeIndex];

        for (var i = 0; i < 3; i++) {
            var btn = this._getDomElement('ThumbSizeButton' + i);
            var src = btn.src;

            src = src.replace('_on.gif', '.gif');

            if (i == index) {
                src = src.replace('.gif', '_on.gif');
            }

            btn.src = src;
        }
    },

    setContainerClasses: function(large, medium, small) {
        this._containerClassNames[0] = large;
        this._containerClassNames[1] = medium;
        this._containerClassNames[2] = small;
    },

    setThumbOuterClass: function(className) {
        this._thumbOuterClassName = className;
    },

    setThumbInnerClass: function(className) {
        this._thumbInnerClassName = className;
    },

    setThumbLinkClass: function(className) {
        this._thumbLinkClassName = className;
    },

    setThumbInputTypeName: function(typeName) {
        this._thumbInputTypeName = typeName;
    },

    setThumbOnClickCallback: function(callbackFunction) {
        this._thumbOnClickCallback = callbackFunction;
    },

    setThumbEmptyClassName: function(className) {
        this._thumbEmptyClassName = className;
    },

    setThumbEmptyText: function(text) {
        this._thumbEmptyText = text;
    }

};

//
// Page functionality...
//

var displayType = null;
var mediaCache = {};
var albumService = null;
var currentAlbum = null;
var isCdFlow = false;

function getAlbumService() {
    if (albumService === null) {
        albumService = new IAlbumService();
    }
    return albumService;
}


function onTabChanged(name) {
    if (name == 'albums') {
        displayAlbums('Upload');
        updateOrganizeButtonOrCdFlow('My Album');
        tabToAlbums('Album');
    }
    else if (name == 'projects') {
        displayProjects('PhotoBook');
        updateOrganizeButtonOrCdFlow('My Photobooks');
        clearCdFlow2('My Photobooks');
        tabToProjects('My Photobooks');
    }
    else if (name == 'documents') {
        displayDocuments();
        updateOrganizeButtonOrCdFlow('My Album');
    }
}

function onSectionChanged(section) {
    if (section == null)
        return;
    switch (section.getID()) {
        case 'AlbumUpload':
            displayAlbums('Upload');
            doCdFlowCheck();
            break;
        case 'AlbumShared':
            displayAlbums('Share');
            break;
        case 'AlbumFriend':
            displayAlbums('Friend');
            checkShared();
            break;
        case 'PhotoBooks':
            displayProjects('PhotoBook');
            clearCdFlow2('My Photobooks');
            tabToProjects('My Photobooks');
            break;
        case 'Calendars':
//            displayProjects('Calendar');
            break;
        case 'SharedPhotoBooks':
            displayProjects('SharedPhotoBook');
            clearCdFlow2('My Photobooks');
            break;
    }
}


function onimgAddPhotos_click() {
    var uploadUrl = upload_photosUrl;
    if (currentAlbum != null) {
        uploadUrl += '?a=' + currentAlbum.ID;
    }

    location.href = uploadUrl;
}

function onAlbumClick(album) {
    if (album.NoOfMedia == 0) {
        location.href = upload_photosUrl + '?a=' + album.ID;
    }
    else {
        onAlbumChanged(album);
    }
}

function onAlbumChanged(album) {
    if (mediaCache[album.ID]) {
        displayAlbumMedia(album);
    }
    else if (album.NoOfMedia > 0) {
        showLoadingPopupDelayed();
        getAlbumService().GetAlbumMedia2(album.ID, onGotAlbumMedia, gotError, album);
    }
    else {
        mediaCache[album.ID] = new Array;
        displayAlbumMedia(album);
    }
    currentAlbum = album;
}

function getAlbumMediaUnCached(encAlbumId) {

    getAlbumService().GetAlbumMedia2(encAlbumId, onGotAlbumMediaUnCached, gotError);
}

function onGotAlbumMediaUnCached(result) {

    displayType = 'Print';
    var medias = result;

    ThumbHolder.clear();

    ThumbHolder.setup("", true, true,
            [
                { Name: 'Date', Value: 'DateCreated' }, { Name: SR.Name, Value: 'Name' }
            ],
            [
                { Text: SR.Copy, Callback: copyPrints }, { Text: SR.Move, Callback: movePrints }, { Text: SR.Remove, Callback: removePrints }
            ],
            [
                { Image: '/images/btns/btn_share_images' + SR.LanguageSuffix + '.gif', Callback: sharePrints },
                { Image: '/images/btns/btn_order_prints' + SR.LanguageSuffix + '.gif', Callback: orderPrints },
                { Image: '/images/btns/btn_slideshow' + SR.LanguageSuffix + '.gif', Callback: printSlideshow }
            ]);

    ThumbHolder.setContainerClasses('print');

    ThumbHolder.setThumbOuterClass('album_thumb');
    ThumbHolder.setThumbInnerClass('bak_photos');
    ThumbHolder.setThumbLinkClass('album_control');
    ThumbHolder.setThumbInputTypeName('checkbox');
    ThumbHolder.setContainerClasses('albums_listing', 'albums_listing_med', 'albums_listing_sm');

    ThumbHolder.setThumbOnClickCallback(onMediaClick);

    for (var i = 0; i < medias.length; i++) {
        ThumbHolder.add(medias[i], medias[i].ThumbUrl, medias[i].Name);
    }

    ThumbHolder.render();
    onAlbumMedia();
}

function onGotAlbumMedia(result, ctx) {
    mediaCache[ctx.ID] = result;
    displayAlbumMedia(ctx);
    hideLoadingPopup();
}

function onMediaClick(media) {
    location.href = RootUrl + 'album/prints_preview.aspx?m=' + media.ID;
}

function sharePrints() {
    var prints = ThumbHolder.getSelectedItems();

    if (prints.length === 0) {
        alert(SR.SelecPts);
        return;
    }
    else {
        showLoadingPopup();
        getAlbumService().ShareImages(ThumbHolder.getSelectedItemsSingleProperty('ID'), sharePrints_Callback, gotError);
    }
}

function sharePrints_Callback(result) {
    location.href = RootUrl + 'share/generate_share.aspx?q=' + result;
}

function orderPrints() {
    var prints = ThumbHolder.getSelectedItems();

    if (prints.length === 0) {
        alert(SR.SelecPts);
        return;
    }
    else {
        if (isCdFlow)
            showPhotoCdOrderConfirmation()
        else
            showAddToCartConfirmation();
    }
}

function cdOrderAlbums(redirectToCart) {
    var IDs = ThumbHolder.getSelectedItemsSingleProperty('ID');

    showLoadingPopup(SR.AddingToCartPleaseWait);

    if (!emptyAlbums()) {
        if (displayType == 'Album')
            getAlbumService().AddAlbumsCdToCart(IDs, function() { if (redirectToCart) { location.href = shoppingCartURL; } }, gotError);
    }
   if (displayType == "Print") {
        getAlbumService().AddPrintsCdToCart(IDs, function() { if (redirectToCart) { location.href = shoppingCartURL; } }, gotError);
    }   
}

function showPhotoCdOrderConfirmation() {
    msgBox.Show(SR.PhotoCdOrderConfirmation, SR.WouldYouLikeToAddYourCdToTheBasket,
        [{ Button: 'AddToCart', Callback: function() { cdOrderAlbums(true); } },
         { Button: 'AddMoreAlbums' }]);

}
function showAddToCartConfirmation() {
    msgBox.Show(SR.AddToCartConfirmationConfirmation, SR.AddTheSelectedPrintsToTheCart,
        [{ Button: 'Cancel' },
         { Button: 'AddToCart', Callback: function() { _albumOrderPrints(false); } },
         { Button: 'AddAndGoToCart', Callback: function() { _albumOrderPrints(true); } }
        ]);

}

function printSlideshow() {
    var prints = ThumbHolder.getSelectedItems();
//    var mediaIds = "";

//    for (var i = 0; i < prints.length; i++) {
//        if (i < prints.length - 1 && i != 0)
//            mediaIds += ";";
//        mediaIds += prints[i].ID;
//    }
//    currentAlbum.NoOfMedia = prints.length;
//    if (currentAlbum.NoOfMedia == 0) {
//        msgBox.Show(SR.SlideShow, SR.ThereisnophotointheSelectedAlbum, [{ Button: 'Ok', Callback: _defaultPage}]);
//        return;
//    }
    location.href = RootUrl + 'album/slideshow_preview.aspx?q=' + currentAlbum.ID;
}
function _defaultPage() {
    location.href = photo_albumUrl;
}
function copyPrints() {
    var prints = ThumbHolder.getSelectedItems();
    var text = $get("numberOfPrintsCopy");

    text.innerHTML = prints.length + " print(s)";

    if (prints.length === 0) {
        msgBox.Show(SR.Copy, 'Please select photo to copy', [{ Button: 'Ok'}]);
        return;
    }
    else {
        populateCopyPrintPopup();
        PopupCopyPrint.show();
    }
}

function copyPrintsConfirmed() {
    var albumID = getSelectedAlbumToCopyTo();
    var prints = ThumbHolder.getSelectedItems();

    var target = TabsPanel.getAlbumByID(albumID);

    target.NoOfMedia += prints.length;

    if (target.ThumbUrl.length == 0) {
        target.ThumbUrl = prints[0].ThumbUrl;
    }
    
    PopupCopyPrint.hide();

    showLoadingPopup(SR.CopyingPleaseWait);
    
    getAlbumService().CopyPrintstoAlbum(ThumbHolder.getSelectedItemsSingleProperty('ID'), albumID, function() { hideLoadingPopup(); ThumbHolder.deSelectAll(); }, gotError);
    
}

function movePrints() {
    var prints = ThumbHolder.getSelectedItems();

    if (prints.length === 0) {
        alert(SR.PrintsToBeMovedPopup);
    }
    else {
        populateMovePopup();
        PopupMoveMedia.show();
    }
}

function movePrintsConfirm() {
    var albumID = getSelectedAlbumToCopyTo();

    if (albumID === null) {
        return;
    }

    var target = TabsPanel.getAlbumByID(albumID);

    if (target == null) {
        return;
    }

    var prints = ThumbHolder.getSelectedItems();
    var printIDs = ThumbHolder.getSelectedItemsSingleProperty('ID');

    if (mediaCache[albumID]) {
        for (var i = 0; i < prints.length; i++) {
            mediaCache[albumID].push(prints[i]);
        }
    }

    target.NoOfMedia += prints.length;
    currentAlbum.NoOfMedia -= prints.length;

    if (target.ThumbUrl.length == 0) {
        target.ThumbUrl = prints[0].ThumbUrl;
    }

    for (var i = 0; i < prints.length; i++) {
        Array.remove(mediaCache[currentAlbum.ID], prints[i]);
    }

    displayAlbumMedia(currentAlbum);

    getAlbumService().MovePrintstoAlbum(printIDs, albumID, gotSuccess, gotError);

    PopupMoveMedia.hide();
}

function removePrints() {
    var prints = ThumbHolder.getSelectedItems();

    var text = $get("numberOfPrints");

    text.innerHTML = prints.length + " print(s)";

    if (prints.length == 0) {
        msgBox.Show(SR.DeleteConfirmation, 'Please select a print to delete', [{ Button: 'Ok'}]);
        return;
    }
    else
        PopupRemovePrints.show();
}

function removePrintsConfirm() {
    var prints = ThumbHolder.getSelectedItems();
    var printIDs = ThumbHolder.getSelectedItemsSingleProperty('ID');

    for (var i = 0; i < prints.length; i++) {
        Array.remove(mediaCache[currentAlbum.ID], prints[i]);
    }

    currentAlbum.NoOfMedia -= prints.length;

    if (mediaCache[currentAlbum.ID].length > 0) {
        currentAlbum.ThumbUrl = mediaCache[currentAlbum.ID][0].ThumbUrl;
    }
    else {
        currentAlbum.ThumbUrl = '';
    }

    getAlbumService().RemovePrints(printIDs, gotSuccess, gotError);

    displayAlbumMedia(currentAlbum);

    PopupRemovePrints.hide();
}

function displayAlbumMedia(album) {
    var albumID = album.ID;
    onAlbumMedia();
    
    if (displayType != 'Print') {
        //Added the sort options for albumMedia view
        //Note: May need new value for dateCreated from web service
        ThumbHolder.setup(album.Name, true, true,
            [
                { Name: 'Date', Value: 'DateCreated' }, { Name: SR.Name, Value: 'Name' }
            ],
            [
                { Text: SR.Copy, Callback: copyPrints }, { Text: SR.Move, Callback: movePrints }, { Text: SR.Remove, Callback: removePrints }
            ],
            [
                { Image: '/images/btns/btn_share_images' + SR.LanguageSuffix + '.gif', Callback: sharePrints },
                { Image: '/images/btns/btn_order_prints' + SR.LanguageSuffix + '.gif', Callback: orderPrints },
                { Image: '/images/btns/btn_slideshow' + SR.LanguageSuffix + '.gif', Callback: printSlideshow }
            ]);

        ThumbHolder.setContainerClasses('print');

        ThumbHolder.setThumbOuterClass('album_thumb');
        ThumbHolder.setThumbInnerClass('bak_photos');
        ThumbHolder.setThumbLinkClass('album_control');
        ThumbHolder.setThumbInputTypeName('checkbox');
        ThumbHolder.setContainerClasses('albums_listing', 'albums_listing_med', 'albums_listing_sm');

        ThumbHolder.setThumbOnClickCallback(onMediaClick);

        // Alex wood
        // Show the add photos link under organise
        var pAddPhotos = document.getElementById('pAddPhotos');
        if (pAddPhotos != null) {
            pAddPhotos.style.display = "block";
        }
        var dvProjectOptions = document.getElementById('ProjectOptions');
        if (dvProjectOptions != null) {
            dvProjectOptions.style.display = "none";
        }
    }
    else {
        ThumbHolder.clear();
        ThumbHolder.setTitle(album.Name);
    }

    var medias = mediaCache[albumID];    
    
    displayType = 'Print';

    for (var i = 0; i < medias.length; i++) {
        ThumbHolder.add(medias[i], medias[i].ThumbUrl, medias[i].Name);
    }

    ThumbHolder.render();
}

function newAlbum() {
    TabsPanel.promptCreateNewAlbum();
}

function populateMovePopup() {
    populateAlbumListMarkup('div_move_album_markup');
}

function populateCopyPopup() {
    populateAlbumListMarkup('div_popup_copy_album_markup');
}

function populateCopyPrintPopup() {
    populateAlbumListMarkup('div_copy_print_markup');
}


function populateAlbumListMarkup(divName) {
    var markup = new Sys.StringBuilder();
    var albums = TabsPanel.getAlbumsByType('Upload');

    markup.append("<strong> Choose an Album: <strong>");
    
    markup.append("<select name='album_to_copy_to'>");
    
    for (var i = 0; i < albums.length; i++) {
        markup.append("<option value='");
        markup.append(albums[i].ID);
        markup.append("'>");
        markup.append(albums[i].Name);

    }

    markup.append("</select>");
    
    document.getElementById(divName).innerHTML = markup.toString();
}

function copyAlbum() {
    var albums = ThumbHolder.getSelectedItems();
    var text = $get("numberOfAlbumsCopy");

    text.innerHTML = albums.length + " album(s)";
    
    if (albums.length == 0) {
        msgBox.Show(SR.CopyAlbumCopyit, SR.SelectAlbumToCopyHere, [{ Button: 'Ok'}]);
        return;
    }
    else {
        populateCopyPopup();
        PopupCopy.show();
    }
}

function getSelectedAlbumToCopyTo() {
    var inputs = document.getElementsByName('album_to_copy_to');
    var albumID = null;

    for (var i = 0; i < inputs.length; i++) {

        var IndexValue = inputs[i].selectedIndex;
        var SelectedVal = inputs[i].options[IndexValue].value;
        return SelectedVal;
    }
}

function copyAlbumSelect() {
    var albumID = getSelectedAlbumToCopyTo();
    if (albumID === null) {
        return;
    }

    var target = TabsPanel.getAlbumByID(albumID);
    if (target === null) {
        return;
    }

    PopupCopy.hide();
    showLoadingPopup(SR.CopyingPleaseWait);

    mediaCache[target.ID] = null;

    var albumIds = new Array();

    if (displayType == 'Album') {
        var albums = ThumbHolder.getSelectedItems();

        for (var i = 0; i < albums.length; i++) 
            albumIds.push(albums[i].ID);

        getAlbumService().CopyAlbums2(albumIds, albumCopyCallback, gotError);

    }
    else {
        var prints = ThumbHolder.getSelectedItems();

        target.NoOfMedia += prints.length;

        if (target.ThumbUrl.length == 0) {
            target.ThumbUrl = prints[0].ThumbUrl;
        }
        getAlbumService().CopyPrintstoAlbum(ThumbHolder.getSelectedItemsSingleProperty('ID'), target.ID, function() { hideLoadingPopup(); ThumbHolder.deSelectAll(); }, gotError);

    }
}
function albumCopyCallback(result) {
    TabsPanel.addAlbums(result);
    hideLoadingPopup();
}
function renameAlbum() {
    var albums = ThumbHolder.getSelectedItems();
    var album2 = ThumbHolder.getSelectedItems()[0];
    var domTitle = $get("ThumbHolder_domTitle");



    document.getElementById('span_Rename_Album').innerHTML = currentAlbum.Name;
    document.getElementById('span_Rename_Album2').innerHTML = currentAlbum.Name;
 
    PopupRenameAlbum.show();
}
function reNamePrintConfirmed(newName) {
    if (newName.length == 0) {
        return;
    }
    var media = selectPhotos.mediaList[selectPhotos.selectedMedia];
    var id = media._mediaImg._media.ID;

    getAlbumService().SaveRenamedMedia(id, newName, gotSuccess, gotError);

    $get('pImageName').innerHTML = media._mediaImg._media.Name = newName;

    PopupRenamePhoto.hide();
}
function renameAlbumConfirmed(newName) {
    if (newName.length == 0) {
        return;
    }

    var album = currentAlbum;
    
    album.Name = newName;

    getAlbumService().SaveRenamedAlbum(album.ID, album.Name, gotSuccess, gotError);

    ThumbHolder.update(album, album.ThumbUrl, album.Name, album.NoOfMedia);
    TabsPanel.rePopulateAlbumTabs();

    PopupRenameAlbum.hide();
    displayAlbumMedia(album);
}

//Alex Wood
// event handler for the delete selected button
function onDeleteSelected_click() {
    if (displayType == 'Project') {
        projectRemove();
    } else if (currentAlbum == null) {
        removeAlbum();
    } else {
        removePrints();
    }
}


function removeAlbum() {
    var albums = ThumbHolder.getSelectedItems();
    var text = $get("numberOfAlbums");
    
    text.innerHTML = albums.length + " album(s)";

    if (albums.length == 0) {
        msgBox.Show(SR.DeleteConfirmation, 'Please select an album', [{ Button: 'Ok'}]);
        return;
    }
    else
        PopupDeleteAlbum.show();
}



function _removeAlbumConfirmed() {
    var albums = ThumbHolder.getSelectedItems();
    var albumIDs = new Array;

    for (var i = 0; i < albums.length; i++) {
        albumIDs.push(albums[i].ID);
        ThumbHolder.remove(albums[i]);
    }

    TabsPanel.removeAlbums(albums);

    getAlbumService().RemoveAlbums(albumIDs, gotSuccess, gotError);
    PopupDeleteAlbum.hide()
}

function albumOrderPrints() {
    var albums = ThumbHolder.getSelectedItems();

    if (albums.length == 0) {
        msgBox.Show(SR.OrderPrints, SR.SelectPleaseAlbum, [{ Button: 'Ok'}]);
        return;
    }
    else {
        showAddToCartConfirmation();
    }
}

function emptyAlbums() {
    var albums = ThumbHolder.getSelectedItems();

    for (var i = 0; i < albums.length; i++) {
        var album = albums[i];
        if (album.NoOfMedia > 0)
            return false;
    }

    return true;
}

function _albumOrderPrints(redirectToCart) {
    var IDs = ThumbHolder.getSelectedItemsSingleProperty('ID');
    showLoadingPopup(SR.AddingToCartPleaseWait);
    
    if (displayType == 'Album') {
        if (!emptyAlbums())
            getAlbumService().AddAlbumsToCart(IDs, function() {
        if (redirectToCart) 
            location.href = shoppingCartURL; 
        else
            updateCartInfo();
              }, gotError);
    }
    else {
        getAlbumService().AddPrintsToCart(IDs, function() {
            if (redirectToCart)
                location.href = shoppingCartURL; 
            else
                updateCartInfo();
         }, gotError);
    }
    ThumbHolder.deSelectAll();
}

function albumShare() {
    var albums = ThumbHolder.getSelectedItems();

    if (albums.length == 0) {
        msgBox.Show(SR.ShareAnAlbumWith, SR.SelectPleaseAlbum, [{ Button: 'Ok'}]);
    }
    else {
        for (var i = 0; i < albums.length; ++i) {
            if (albums[i].NoOfMedia == 0) {
                Array.removeAt(albums, i);
                i--;
            }
        }

        if (albums.length > 0) {
            var albumIDs = new Array;

            for (var i = 0; i < albums.length; i++) {
                albumIDs.push(albums[i].ID);
            }

            getAlbumService().ShareAlbums(albumIDs, function(result) { location.href = RootUrl + 'share/generate_share.aspx?q=' + result; }, gotError);
        }
        else {
            msgBox.Show(SR.ShareAnAlbumWith, SR.TheAlbumYouHaveSelectedIsEmpty, [{ Button: 'Ok'}]);
        }
    }
}

function albumSlideshow() {
    var albums = ThumbHolder.getSelectedItems();

    if (albums.length == 0) {
        msgBox.Show(SR.SlideShow, SR.NoAlbumWasSelectedNo, [{ Button: 'Ok'}]);
    }
    else if (albums.length > 1) {
        msgBox.Show(SR.SlideShow, SR.YouCanOnlySelectOneAlbum, [{ Button: 'Ok'}]);
    }
    else if (albums[0].NoOfMedia == 0) {
        msgBox.Show(SR.SlideShow, SR.ThereisnophotointheSelectedAlbum, [{ Button: 'Ok'}]);
    }
    else {
        location.href = RootUrl + 'album/slideshow_preview.aspx?q=' + albums[0].ID;
    }
}

function doSlideShow() {
    var objects = ThumbHolder.getSelectedItems();
    var objectType = "";
    var currentDisplay = displayType.toLowerCase();

    if (currentDisplay == "album")
        albumSlideshow();
    else
        printSlideshow();
}
function displayAlbums(type) {
    var albums = TabsPanel.getAlbumsByType(type);
    tabToAlbums();

    if (displayType != 'Album') {
        var actionButtons = null;
        ThumbHolder.setup('My Album', true, true,
            [
                { Name: 'Date', Value: 'DateCreated' }, { Name: SR.Name, Value: 'Name' }
            ],
            [
                { Text: SR.NewAlbum, Callback: newAlbum }, { Text: SR.Copy, Callback: copyAlbum }, { Text: SR.RenameIt, Callback: renameAlbum }, { Text: SR.Remove, Callback: removeAlbum }
            ], actionButtons);

        ThumbHolder.setContainerClasses('print');

        ThumbHolder.setThumbOuterClass('album_thumb');
        ThumbHolder.setThumbInnerClass('bak_album_thumb');
        ThumbHolder.setThumbLinkClass('album_control');
        ThumbHolder.setContainerClasses('albums_listing', 'albums_listing_med', 'albums_listing_sm');
        ThumbHolder.setThumbEmptyClassName('empty');
        ThumbHolder.setThumbEmptyText(SR.ClickToAddImages);

        ThumbHolder.setThumbOnClickCallback(onAlbumClick);

        // Alex wood
        // Hide the add photos link under organise
        var pAddPhotos = document.getElementById('pAddPhotos');
        if (pAddPhotos != null) {
            pAddPhotos.style.display = "none";
        }
        var dvProjectOptions = document.getElementById('ProjectOptions');
        if (dvProjectOptions != null) {
            dvProjectOptions.style.display = "none";
        }

    }
    else {
        ThumbHolder.clear();
    }

    displayType = 'Album';

    for (var i = 0; i < albums.length; i++) {
        ThumbHolder.add(albums[i], albums[i].ThumbUrl, albums[i].Name, albums[i].NoOfMedia);
    }

    if (type == 'Upload' && albums.length == 0) {
        ThumbHolder.setThumbInputTypeName(null);
        ThumbHolder.add({ ID: '', Name: '', DateCreated: '', NoOfMedia: 0 }, null, '', null);
    }
    else {
        ThumbHolder.setThumbInputTypeName('checkbox');
        ThumbHolder.sort();
    }

    ThumbHolder.render();

}


function projectCopy() {


    if (projectSelected()) {
        PopupCopyProject.show();
        
    }
}

function projectCopyConfirmed() {
    var project = ThumbHolder.getSelectedItem();
    getAlbumService().CopyProject2(project.ID, project.Type, projectCopyCallback, gotError);
    PopupCopyProject.hide();
}



function projectCopyCallback(result) {
    TabsPanel.addProject(result);
}

function projectRename() {
    if (projectSelected()) {
       
        var project = ThumbHolder.getSelectedItem();
        
        //document.getElementById('imgRenameProject').src = project.ThumbUrl;
        document.getElementById('span_Rename_Project').innerHTML = project.Name;
        document.getElementById('span_Rename_Project2').innerHTML = project.Name;
        
        PopupRenameProject.show();
    }
}

function projectRenameConfirm(newName) {
    var project = ThumbHolder.getSelectedItem();
    project.Name = newName;

    ThumbHolder.update(project, project.ThumbUrl, project.Name);
    TabsPanel.rePopulateProjectTabs();

    getAlbumService().RenameProject(project.ID, project.Name, gotSuccess, gotError);

    PopupRenameProject.hide();
}

function projectRemove() {

    if (projectSelected()) {
        PopupRemoveProject.show();
    }
}

function projectRemoveConfirm() {
    var project = ThumbHolder.getSelectedItem();

    ThumbHolder.remove(project);
    TabsPanel.removeProject(project);

    getAlbumService().RemoveProject(project.ID, gotSuccess, gotError);
    PopupRemoveProject.hide();
}

function projectShare() {
    if (projectSelected()) {
        getAlbumService().ShareProjects([ThumbHolder.getSelectedItem().ID], function(result) { location.href = RootUrl + 'share/generate_share.aspx?q=' + result; }, gotError);
    }
}

function projectAddToCart() {
    if (projectSelected()) {
        var project = ThumbHolder.getSelectedItem();

        if (project.Type == 'Calendar') {
            getAlbumService().AddCalendarToCart(project.ID, gotRedirect, gotError);
        }
        else {
            getAlbumService().AddPhotoBookToCart(project.ID, gotRedirect, gotError);
        }
    }
}

function projectEdit() {
    if (projectSelected()) {
        var project = ThumbHolder.getSelectedItem();

        if (project.Type == 'Calendar') {
            location.href = RootUrl + 'album/calendar_custom_create.aspx?q=' + project.Params;
        }
        else {
            location.href = RootUrl + 'album/calendar_custom_create.aspx?q=' + project.Params;
        }
    }
}

function projectPreview() {
    if (projectSelected()) {
        onProjectClick(ThumbHolder.getSelectedItem());
    }
}

function projectSelected() {
    var project = ThumbHolder.getSelectedItem();

    if (project == null) {
        alert(SR.PleaseSelectAProject);
        return false;
    }

    return true;
}

function onProjectClick(project) {
    if (project.Type == 'Calendar') {
        location.href = RootUrl + 'album/calendar_custom_create.aspx?q=' + project.Params;
    }
    else {
        location.href = RootUrl + 'album/photobook_preview.aspx?q=' + project.Params;
    }
}

function displayProjects(type) {
    var projects = TabsPanel.getProjectsByType(type);

    if (displayType != 'Project') {
        var actionButtons = null;

        if (type == 'PhotoBook') {
            actionButtons = [
                { Image: '/images/btns/btn_share_project' + SR.LanguageSuffix + '.gif', Callback: projectShare },
                { Image: '/images/btns/btn_edit_project' + SR.LanguageSuffix + '.gif', Callback: projectEdit },
                { Image: '/images/btns/btn_preview_project' + SR.LanguageSuffix + '.gif', Callback: projectPreview },
                { Image: '/images/btns/btn_add_to_basket2' + SR.LanguageSuffix + '.gif', Callback: projectAddToCart }
            ]
        }
        else {
            actionButtons = [

                { Image: '/images/btns/btn_edit_project' + SR.LanguageSuffix + '.gif', Callback: projectEdit },
                { Image: '/images/btns/btn_preview_project' + SR.LanguageSuffix + '.gif', Callback: projectPreview },
                { Image: '/images/btns/btn_add_to_basket2' + SR.LanguageSuffix + '.gif', Callback: projectAddToCart }
            ]
        }

        ThumbHolder.setup(SR.MyProjects, false, false,             
            [
                { Name: 'Date', Value: 'DateCreated' }, { Name: SR.Name, Value: 'Name' }
            ],
            [
                { Text: SR.Copy, Callback: projectCopy }, { Text: SR.RenameIt, Callback: projectRename }, { Text: SR.Remove, Callback: projectRemove }
            ], actionButtons);

                ThumbHolder.setContainerClasses('project');
                ThumbHolder.setThumbOuterClass('project');
        ThumbHolder.setThumbInnerClass('project_thumb');
        ThumbHolder.setThumbLinkClass('albums_link');
        ThumbHolder.setThumbInputTypeName('radio');
        ThumbHolder.setContainerClasses('albums_listing', 'albums_listing_med', 'albums_listing_sm');

        ThumbHolder.setThumbOnClickCallback(onProjectClick);


        var dvProjectOptions = document.getElementById('ProjectOptions');
        if (dvProjectOptions != null) {
            dvProjectOptions.style.display = "block";
        }

    }
    else {
        ThumbHolder.clear();
    }
    
    displayType = 'Project';

    for (var i = 0; i < projects.length; i++) {
        ThumbHolder.add(projects[i], projects[i].ThumbUrl, projects[i].Name);
    }

    ThumbHolder.render();

}

function documentsRemove() {
    var documents = ThumbHolder.getSelectedItems();

    if (documents.length == 0) {
        msgBox.Show(SR.RemoveDocument, SR.NoDocumentSelected, [{ Button: 'Ok'}]);
    }
    else {
        msgBox.Show(SR.RemoveDocument, SR.DeleteDocument, [{ Button: 'Cancel' }, { Button: 'Ok', Callback: documentsRemoveConfirm}]);
    }
}

function documentsRemoveConfirm() {
    var documents = ThumbHolder.getSelectedItems();

    if (documents.length === 0) {
        return;
    }

    var documentIDs = ThumbHolder.getSelectedItemsSingleProperty('ID');

    for (var i = 0; i < documents.length; i++) {
        ThumbHolder.remove(documents[i]);
    }

    TabsPanel.removeDocuments(documents);

    getAlbumService().RemoveDocuments2(documentIDs, gotSuccess, gotError);
}

function displayDocuments() {
    var documents = TabsPanel.getDocuments();

    if (displayType != 'Documents') {
        ThumbHolder.setup(SR.Documents, false, false, null,
            [
                { Text: SR.Remove, Callback: documentsRemove }
            ],
            null);

        ThumbHolder.setContainerClasses('print');
        ThumbHolder.setThumbOuterClass('print');
        ThumbHolder.setThumbInnerClass('print_thumb');
        ThumbHolder.setThumbLinkClass('album_control');
        ThumbHolder.setThumbInputTypeName('checkbox');
        ThumbHolder.setContainerClasses('albums_listing', 'albums_listing_med', 'albums_listing_sm');

        ThumbHolder.setThumbOnClickCallback(null);
    }
    else {
        ThumbHolder.clear();
    }

    if (documents != null) {
        for (var i = 0; i < documents.length; i++) {
            ThumbHolder.add(documents[i], '/images/icon_pdfthumb.gif', documents[i].Name);
        }
    }

    ThumbHolder.render();

    displayType = 'Documents';
}

function copySelectedPrint() {
    var albumID = getSelectedAlbumToCopyTo();
    var media = selectPhotos.mediaList[selectPhotos.selectedMedia];
    var id = media._mediaImg._media.ID;

    var onePrintArray = new Array();
    onePrintArray.push(id);

    if (albumID === null) {
        return;
    }

    var target = TabsPanel.getAlbumByID(albumID);

    if (target === null) {
        return;
    }
    PopupCopy.hide();
    showLoadingPopup(SR.CopyingPleaseWait);
    getAlbumService().CopyPrintstoAlbum(onePrintArray, target.ID, function() { hideLoadingPopup(); }, gotError);
}

function doShare() {
    var objects = ThumbHolder.getSelectedItems();
    var objectType = "";
    var currentDisplay = displayType.toLowerCase();
    if (objects == null || objects.length == 0) {
        if (currentDisplay == "print") {
            alert(SR.SelecPts);
        }
        else if (currentDisplay == "album") {
            alert(SR.NoAlbumWasSelectedNo);
        }
        else {
            alert(SR.NoProjectSelection);
        }

        return;
    }

    try {
        objectType = objects[0].Type.toLowerCase();
    }
    catch (e) { }

    if (objectType == "calendar" || objectType == "photobook")
        projectShare();
    else {
        if (currentDisplay == "album")
            albumShare();
        else
            sharePrints();
    }
}

function updateOrganizeButtonOrCdFlow(senderName) {
    var displayMode = senderName == 'My Album' ? '' : 'none';
    $get("p_Order_Prints").style.display = "";
    $get("p_View_as_Slide_Show").style.display = "";
    //Clear CD flow
    clearCdFlow(senderName);
}

function doCdFlowCheck() {
    isCdFlow = querySt("path") == "1ePyT1lSuBl5zKzO_BSU5WXU7pvw3lfgy" ? true : false;
    
    var domTitle = $get("ThumbHolder_domTitle");
    var freePrintNav = $get("freeprintsNav");
    var order_Prints = $get("p_Order_Prints")
    var order_Cds = $get("p_Order_Cd")
    var check_order_Prints = $get("check_Order_Prints")
    var check_order_Cds = $get("check_Order_Cd")
    var preview_project = $get("previewProject")
    var copy_album = $get("pCopyAlbum")
    var delete_album = $get("deleteAlbums")
    var delete_project = $get("deleteProject")
    var copy_project = $get("copyProject")
    var rename_project = $get("renameProject")
    var share_album = $get("shareAlbum")
    var share_project = $get("shareProject")
    var order_prints = $get("p_Order_Prints")
    var view_slideshow = $get("p_View_as_Slide_Show")
    var select_container = $get("ThumbHolder_domSelectContainer")
    var select_sort = $get("ThumbHolder_domSortContainer")
    var order_prints2 = $get("order_prints")
    var organize = $get("organizeTab")
    var organize2 = $get("organizeTab2")
    //var delete_album = $get("deleteAlbums")
    //var delete_prints = $get("deletePrints")

    
    if (isCdFlow) {
        if (domTitle)
            domTitle.innerHTML = SR.PhotoCDAlbumSelection;
        if (freePrintNav)
            freePrintNav.style.display = 'none';
        if (order_Prints)
            order_Prints.style.display = "none";
        if (order_Cds)
            order_Cds.style.display = "";
        if (check_order_Prints)
            check_order_Prints.style.display = "none";
        if (check_order_Cds)
            check_order_Cds.style.display = "";
        if (copy_album)
            copy_album.style.display = "none";
        if (preview_project)
            preview_project.style.display = "none";
        if (delete_album)
            delete_album.style.display = "none";
        if (delete_project)
            delete_project.style.display = "none";
        if (copy_project)
            copy_project.style.display = "none";
        if (rename_project)
            rename_project.style.display = "none";
        if (share_album)
            share_album.style.display = "none";
        if (share_project)
            share_project.style.display = "none";
        if (order_prints)
            order_prints.style.display = "none";
        if (view_slideshow)
            view_slideshow.style.display = "none";
        if (select_container)
            select_container.style.display = "none";
        if (select_sort)
            select_sort.style.display = "none";
        if (order_prints2)
            order_prints2.style.display = "none";
        if (organize)
            organize.style.display = "none";
        if (organize2)
            organize2.style.display = "none";
    }
}

function clearCdFlow(senderName) {
    var domTitle = $get("ThumbHolder_domTitle");
    var freePrintNav = $get("freeprintsNav");
    var order_Prints = $get("a_Order_Prints")
    var order_Cds = $get("p_Order_Cd")
    var check_order_Prints = $get("check_Order_Prints")
    var check_order_Cds = $get("check_Order_Cd")
    var organize = $get("organizeTab")
    var organize2 = $get("organizeTab2")

    if (domTitle)
        domTitle.innerHTML = senderName;
    if (freePrintNav)
        freePrintNav.style.display = senderName == 'My Album' ? '' : 'none';
    if (order_Prints)
        order_Prints.style.display = "";
    if (order_Cds)
        order_Cds.style.display = "none";
    if (check_order_Prints)
        check_order_Prints.style.display = "";
    if (check_order_Cds)
        check_order_Cds.style.display = "none";
    if (organize)
        organize.style.display = "";
    if (organize2)
        organize2.style.display = "";
    

    isCdFlow = false;

}

function clearCdFlow2(senderName) {
    var domTitle = $get("ThumbHolder_domTitle");
    var freePrintNav = $get("freeprintsNav");
    var order_Prints = $get("a_Order_Prints")
    var order_Cds = $get("p_Order_Cd")
    var check_order_Prints = $get("check_Order_Prints")
    var check_order_Cds = $get("check_Order_Cd")

    if (domTitle)
        domTitle.innerHTML = senderName;
    if (freePrintNav)
        freePrintNav.style.display = senderName == 'My Album' ? '' : 'none';
    if (order_Prints)
        order_Prints.style.display = "";
    if (order_Cds)
        order_Cds.style.display = "none";
    if (check_order_Prints)
        check_order_Prints.style.display = "none";
    if (check_order_Cds)
        check_order_Cds.style.display = "none";


    isCdFlow = false;
}

function tabToProjects(senderName) {
    var preview_project = $get("previewProject")
    var copy_album = $get("pCopyAlbum")
    var delete_album = $get("deleteAlbums")
    var delete_project = $get("deleteProject")
    var copy_project = $get("copyProject")
    var rename_project = $get("renameProject")
    var share_album = $get("shareAlbum")
    var share_project = $get("shareProject")
    var order_prints = $get("p_Order_Prints")
    var view_slideshow = $get("p_View_as_Slide_Show")
    var select_container = $get("ThumbHolder_domSelectContainer")
    var select_sort = $get("ThumbHolder_domSortContainer")
    var order_prints2 = $get("order_prints")
    //var delete_album = $get("deleteAlbums")
    //var delete_prints = $get("deletePrints")
    
    if (copy_album)
        copy_album.style.display = "none";
    if (preview_project)
        preview_project.style.display = "";
    if (delete_album)
        delete_album.style.display = "none";
    if (delete_project)
        delete_project.style.display = "";
    if (copy_project)
        copy_project.style.display = "";
    if (rename_project)
        rename_project.style.display = "";
    if (share_album)
        share_album.style.display = "none";
    if (share_project)
        share_project.style.display = "";
    if (order_prints)
        order_prints.style.display = "none";
    if (view_slideshow)
        view_slideshow.style.display = "none";
    if (select_container)
        select_container.style.display = "none";
    if (select_sort)
        select_sort.style.display = "";
    if (order_prints2)
        order_prints2.style.display = "none";
    /*if (delete_album)
        delete_album.style.display = "none";
    if (delete_prints)
        delete_prints.style.display = "none";*/
}

function tabToAlbums(senderName) {
    var preview_project = $get("previewProject")
    var copy_album = $get("pCopyAlbum")
    var delete_album = $get("deleteAlbums")
    var delete_project = $get("deleteProject")
    var copy_project = $get("copyProject")
    var rename_project = $get("renameProject")
    var share_album = $get("shareAlbum")
    var share_project = $get("shareProject")
    var order_prints2 = $get("order_prints")
    //var delete_album = $get("deleteAlbums")
    //var delete_prints = $get("deletePrints")
    

    if (copy_album)
        copy_album.style.display = "";
    if (preview_project)
        preview_project.style.display = "none";
    if (delete_album)
        delete_album.style.display = "";
    if (delete_project)
        delete_project.style.display = "none";
    if (copy_project)
        copy_project.style.display = "none"; 
    if (rename_project)
        rename_project.style.display = "none";
    if (share_album)
        share_album.style.display = "";
    if (share_project)
        share_project.style.display = "none";
    if (order_prints2)
        order_prints2.style.display = "";
    /*if (delete_album)
        delete_album.style.display = "";
    if (delete_prints)
        delete_prints.style.display = "none";*/

}

function onAlbumMedia() {
    var sideTabPanel = $get("TabsPanel_domTabs")
    var sideTabPanelContainer = $get("TabsPanel_domAlbumsContainer")
    var move_photos = $get("movePhotos")
    var copy_photos = $get("copyPhotos")
    var copy_album = $get("pCopyAlbum")
    var rename_album = $get("renameAlbum")
    var control_btns = $get("ThumbHolder_domControlButtons")
    var return_album = $get("returnToAlbums")
    //var delete_album = $get("deleteAlbums")
    //var delete_prints = $get("deletePrints")

    if (sideTabPanel)
        sideTabPanel.style.display = "none";
    if (sideTabPanelContainer)
        sideTabPanelContainer.style.display = "none";
    if (move_photos)
        move_photos.style.display = "";
    if (copy_photos)
        copy_photos.style.display = "";
    if (copy_album)
        copy_album.style.display = "none";
    if (return_album)
        return_album.style.display = "";
    if (rename_album)
        rename_album.style.display = "";
    if (control_btns)
        control_btns.style.display = "none";

    if (currentAlbum != null) {
        if (currentAlbum.Type != "Upload") {
            if (move_photos)
                move_photos.style.display = "none";
        }
    }     
    /*if (delete_album)
        delete_album.style.display = "none";
    if (delete_prints)
        delete_prints.style.display = "";*/
    }

function checkShared() {
    var delete_albums = $get("deleteAlbums");
    var copy_albums = $get("pCopyAlbum");
    var share_albums = $get("shareAlbum");

    if (delete_albums)
        delete_albums.style.display = "none";
    if (copy_albums)
        copy_albums.style.display = "none";
    if (share_albums)
        share_albums.style.display = "none";
    
    }