var popupText;
var labelToShowPopupIn;
var url;
var rightPxl;
var rightPxl2;
var generalID;
var generalStatus = false;

function showWaitingPopup() {    //labelToShowPopupIn,url,rightPxl
    $('#'+labelToShowPopupIn).html('<div class="bubbleInfo">'+$('.bubbleInfo').html()+'</div>');
    popupText = '<img src="'+url+'images/wait.gif" style="margin:0;">';
    $('#popupText').css('text-align', 'center');    
    showPopup();
    $('.popup').css('right', rightPxl+'px');
    $('#closePopupTR').css('display', 'none');
}
/*
function cancelCallback()
{
    return false;
}*/
function confirmPurchase() 
{    
    if (!confirmPopup()) {
        return false;
    }
    /*
    if (!confirm("Do you want to purchase this item?")) {
        return false;
    }
    else {
        showWaitingPopup();
    }*/
}

function confirmPopup() {  
    if(generalStatus == true) {
        generalStatus = false;        
        generalID = "";
        hideThis();
        showWaitingPopup();
        return true;
    }
                  
    hideThis();                  
    if($('.bubbleInfo').html() == null) {
        return;
    }
     
    $('#'+labelToShowPopupIn).html('<div class="bubbleInfo bubbleInfo2">'+$('.bubbleInfo').html()+'</div>');
    popupText = 'Do you want to purchase this item?<br/><button type="button" id="yesButton" onclick="">Yes</button><button type="button" onclick="javascript:generalID = \'\';hideThis();">No</button>';
    $('#popupText').css('text-align', 'center');   
    
    showConfirmPopup();
    
    $('.popup').css('right', rightPxl2+'px');
    $('#yesButton').click(function () {
        generalStatus = true;
        document.getElementById(generalID).click();        
        return true;
    });        

/*
    $('#'+labelToShowPopupIn).html('<div class="bubbleInfo">'+$('.bubbleInfo').html()+'</div>');
    popupText = 'Do you want to purchase this item?<br/><button type="button" value="1" onclick="javascript:showWaitingPopup(\''+labelToShowPopupIn+'\',\''+url+'\','+rightPxl+');">Yes</button><button type="button" value="0" onclick="javascript:hideThis();return false;">No</button>';
    $('#popupText').css('text-align', 'center');   
    //showConfirmPopup(); 
    showPopup();
    $('.popup').css('right', rightPxl+'px');*/
}
        
function hideThis() {
    var info = $('.popup', this).css('opacity', 0);
    $('.productPopupLabelCss').html('');
    info.css('display', 'none');      
    return false;
}
        
function showConfirmPopup(){

    $('.bubbleInfo2').each(function () {
    
        var distance = 10;
        var time = 250;
        var beingShown = false;
        var shown = false;
        var info = $('.popup', this).css('opacity', 0);
        var popupLabel = $('#popupText', this).css('opacity', 1);
        var productPopupLabelCss = $('.productPopupLabelCss', this);
        
        beingShown = true;

        info.css({
            top: -100,
            right: -53,
            display: 'block'
        }).animate({
            top: '-=' + distance + 'px',
            opacity: 1
        }, time, 'swing', function() {
            beingShown = false;
            shown = true;
        });
        
        $('#popupText').css('paddingBottom', '10px');
        popupLabel.html(popupText);                 
    });
}
        
function showPopup(){
    $('.bubbleInfo').each(function () {
    
        var distance = 10;
        var time = 250;
        var hideDelay = 6000; ///500;

        var hideDelayTimer = null;

        var beingShown = false;
        var shown = false;
        //var trigger = $('.trigger', this);
        var info = $('.popup', this).css('opacity', 0);
        var popupLabel = $('#popupText', this).css('opacity', 1);
        var productPopupLabelCss = $('.productPopupLabelCss', this);
        
        
        //if (hideDelayTimer) clearTimeout(hideDelayTimer);
        if (beingShown || shown) {
            // don't trigger the animation again
            return;
        } else {
            // reset position of info box
            beingShown = true;

            info.css({
                top: -90,
                right: -53,
                display: 'block'
            }).animate({
                top: '-=' + distance + 'px',
                opacity: 1
            }, time, 'swing', function() {
                beingShown = false;
                shown = true;
            });
            
            $('#popupText').css('paddingBottom', '10px');
            popupLabel.html(popupText); 
        
            /*
            hideDelayTimer = setTimeout(function () {
                hideDelayTimer = null;
                info.animate({
                    top: '-=' + distance + 'px',
                    opacity: 0
                }, time, 'swing', function () {
                    shown = false;
                    $('.productPopupLabelCss').html('');
                    info.css('display', 'none');               
                });

            }, hideDelay);       */                         
        }

        return false;
    });
}



/*
$(function () {
    $('.bubbleInfo').each(function () {
        var distance = 10;
        var time = 250;
        var hideDelay = 500;

        var hideDelayTimer = null;

        var beingShown = false;
        var shown = false;
        var trigger = $('.trigger', this);
        var info = $('.popup', this).css('opacity', 0);


        $([trigger.get(0), info.get(0)]).click(function () {
            if (hideDelayTimer) clearTimeout(hideDelayTimer);
            if (beingShown || shown) {
                // don't trigger the animation again
                return;
            } else {
                // reset position of info box
                beingShown = true;

                info.css({
                    top: -90,
                    left: -33,
                    display: 'block'
                }).animate({
                    top: '-=' + distance + 'px',
                    opacity: 1
                }, time, 'swing', function() {
                    beingShown = false;
                    shown = true;
                });
            }

            return false;
        }).mouseout(function () {
            if (hideDelayTimer) clearTimeout(hideDelayTimer);
            hideDelayTimer = setTimeout(function () {
                hideDelayTimer = null;
                info.animate({
                    top: '-=' + distance + 'px',
                    opacity: 0
                }, time, 'swing', function () {
                    shown = false;
                    info.css('display', 'none');
                });

            }, hideDelay);

            return false;
        });
    });
});

*/