var clientID;
var contentPanelID;
var contentEffect;
var contentPanel;

window.addEvent('domready', function() {

    contentPanel = $(contentPanelID);
    contentEffect = new Fx.Styles(contentPanel, { transition: Fx.Transitions.expoInOut, duration: 750, wait: false });

    contentPanel.addEvents({
        'hide': function() {
            contentEffect.start({ 'opacity': [1, 0] })
        },
        'show': function() {
            contentEffect.start({ 'opacity': [0, 1] })
        },
        'content': function(pageID) {
            FlipLayer();
            document.getElementById(clientID).value = pageID;
            try {
                AjaxNS.AR('ctl00$ContentPlaceHolder1$mContent$lbGetContent', '', 'ctl00_ContentPlaceHolder1_mContent_ajaxManager', event);
            } catch (e) {
                alert(e.message);
            }
        },
        'showscroller': function(option) {
            //ShowScroller();
            //SetScroller();
        }
    });
    //contentPanel.fireEvent('hide');
});


function FlipLayer() {
    contentPanel.style.zIndex = "11";
}


function SetHiddenField(ID) {
    clientID = ID;
}

function SetContentPanel(ID){
    contentPanelID = ID;
}

function GetContent(pageID) {
    HideContent();
    contentPanel.fireEvent('content', pageID, 500); 
}


function HideContent() {

    try {
        //HideScroller();            
        contentPanel.fireEvent('hide');
    }
    catch(e){
        alert("test -- " + e.message);
    }    
}


function ShowContent() {   
    try {
        contentPanel.fireEvent('show');        
        //contentPanel.fireEvent('showscroller', '', 750);
    }
    catch (e) {
        alert("test -- " + e.message);
    }
}