//*CB must be inlcuded before*/
var cardBC;
var CB = {};
//dom.query = jQuery.noConflict(true);
try{
    CB = jQuery.noConflict();
}
catch(e){
    try{
        CB = $.noConflict();
    }
    catch(ee){}
}

CB('head').append('<link rel="stylesheet" href="http://blainesgatlinburg.com/forms/css/cardBalance.css" type="text/css" />');
                        
var cardBCButton = '<div id="buttonCB" onclick="showCardBalance();"></div>';
/*'<STYLE TYPE="text/css">'+
                        '<!--'+
                         '@import url(http://blainesgatlinburg.com/forms/css/cardBalance.css) screen;'+
                        '-->'+
                        '</STYLE>'+*/
var cardBCBody =        '<div id="cardBalanceGreyOut"></div>'+
                        '<div id="cardBalanceContainer" style="display: none;">'+
                            '<div id="headerCB"></div>'+
                            '<div id="closeCB" onclick="closeCardBalance();"></div>'+
                            '<div id="containerCB">'+
                                '<div id="titleCB">Check Friends &amp; Family Loyalty Card Balance</div>'+
                                '<div id="emailLbl"><div class="CBlabel">Email Address</div><input type="text" value="" name="email"></div><div class="clear"></div>'+
                                '<div id="emailCC"><div class="CBlabel">Card Number</div><input type="text" value="" name="cardNum"></div><div class="clear"></div>'+
                                '<div><input type="button" value="Submit" onclick="checkBalance();" class="CBSubmit"></div><div class="clear"></div>'+
                                '<div id="balanceCB"></div><div class="clear"></div>'+
                                '<div id="replacementCard"><a href="http://eepurl.com/h6Qfg" target="_blank" title="REQUEST A REPLACEMENT CARD">REQUEST A REPLACEMENT CARD</a></div>'+
                                '<div id="CBfooter">'+
                                '*The first time you show your card at any of our participationg locations, you will get a FREE dessert.<br />'+
                                '*Immediately after redeeming your "Friends &amp; Family" card for a free dessert, you will begin earning % cash back on every food purchase.<br />'+
                                '*You can choose to use your card each time for a 10% discount or you can save up for later.'+
                                '</div>'+
                            '</div>'+
                            '<div id="footerCB"></div><img class="loadingImgCB" src="http://blainesgatlinburg.com/forms/css/images/ajax-loader.gif" width="0" height="0" /><img src="http://blainesgatlinburg.com/forms/css/images/Manage.png" width="0" height="0" /><img src="http://blainesgatlinburg.com/forms/css/images/Manage-Over.png" width="0" height="0" />';
                            
function initCardBalance(){
    /*CB('#cardBalance').load('/forms/cardBalance.html',function(response, status, xhr) {
                                                              console.log(status);
                                                              if (status == "success") {
                                                                cardBC = CB('cardBalance #cardBalanceContainer');
                                                               CB('#cardBalanceContainer').clone().appendTo('body');
                                                                //CB('body').append(cardBC);
                                                               CB('#cardBalance > #cardBalanceContainer').remove();  
                                                              }
    });*/
    CB('head')
    CB('#cardBalance').append(cardBCButton);
    CB('body').append(cardBCBody);
}
function showCardBalance(){
  toCenterBC();
  CB(window).bind('scroll', toCenterBCHandler);
  CB('#cardBalanceGreyOut').show(200);
  CB('#cardBalanceContainer').show(500);
}
function closeCardBalance(){
     CB(window).unbind('scroll', toCenterBCHandler);
     CB('#cardBalanceContainer').hide(500);
     CB('#cardBalanceGreyOut').hide(800);
}
function checkBalance(){
    var email = CB(':input[name=email]').val();
    var cardNum = CB(':input[name=cardNum]').val();
    var Loading = '<img src="http://blainesgatlinburg.com/forms/css/images/ajax-loader.gif" height="15"  style="margin-top:10px;" />';
    //CB('#balanceCB').html('Please Wait');
    CB('#balanceCB').html(Loading);
    data = {email: email, cardNum:cardNum}
    CB.post('http://blainesgatlinburg.com/forms/cardBalance.php',data, function(resp) {
        //edata = eval("("+resp+")");
        edata = resp;
        if(edata.error === false){
            CB('#balanceCB').html("Your Balance is: "+edata.data)
        }
        else{
            CB('#balanceCB').html(edata.errorStr)
        }
        
},"json");
}
var toCenterBCHandler = function(){ toCenterBC() };
function toCenterBC() { 
                var winH = CB(window).height(); 
                var winW = CB(window).width(); 
                var centerDiv = CB('#cardBalanceContainer');
                var top = winH/2-centerDiv.height()/2; 
                top = (top > 0)? top : 0; 
                centerDiv.animate({
                                    'top': top,
                                    'left': winW/2-centerDiv.width()/2
                }); 
                
        }
CB(document).ready(function(){initCardBalance()});