var postbackElement;

window.onload = function() {
    var prm = Sys.WebForms.PageRequestManager.getInstance();
	if (prm != null) {
    prm.add_beginRequest(beginRequest);
    prm.add_pageLoaded(pageLoaded);
	}
}

function beginRequest(sender, args) {
    var orderGridOverlay = document.getElementById('orderGridOverlay');
    if (orderGridOverlay != null) {
        orderGridOverlay.className = 'orderGridOverlay_active';
    }

    postbackElement = args.get_postBackElement();


}

function pageLoaded(sender, args) {
    var updatedPanels = args.get_panelsUpdated();
    if (typeof (postbackElement) === 'undefined') {
        return;
    }

    for (i = 0; i < updatedPanels.length; i++) {
        var updatedPanel = updatedPanels[i];

        if (!(typeof (updProductsId) === 'undefined') && updatedPanel.id == updProductsId) 
        {
            if (postbackElement.className.indexOf('btnAddToOrder') != -1) {
                /*var addToOrderButton = document.getElementById(postbackElement.id);

                var spans = addToOrderButton.parentNode.getElementsByTagName('SPAN');
                for (var i = 0; i < spans.length; i++) {
                    var aSpan = spans[i];
                    if (aSpan.className == 'addedToOrderNotify') {
                        aSpan.className = 'addedToOrderNotify show';
                        
                        setTimeout(function() {
                        aSpan.className = 'addedToOrderNotify';
                        }, 2500);
                    }
                }*/
                
                showAddToOrderMessage();
            }
        }

        if (updatedPanel.id == updMenuId) {
            var orderZone = document.getElementById('orderZone');
            if (orderZone != null) {
                orderZone.className = 'addedItem';
                setTimeout(function() {
                    orderZone.className = '';
                }, 2500);
            }
        }
    }

    var orderGridOverlay = document.getElementById('orderGridOverlay');
    if (orderGridOverlay != null) {
        orderGridOverlay.className = '';
    }
}

function showAddToOrderMessage() {
    var addToOrderButton = document.getElementById('addedToOrderNotify');
    addToOrderButton.className = 'showAddedToOrderNotify';

    var addedToOrderNotifyBackdrop = document.getElementById('addedToOrderNotifyBackdrop');
    addedToOrderNotifyBackdrop.className = 'showAddedToOrderNotify';

    setTimeout(function() {
        addToOrderButton.className = '';
        addedToOrderNotifyBackdrop.className = '';
    }, 3500);
}