$(document).ready(function(){
    
    //
    // AJAX GAME LIST LOADER 
    //


    var lz = $('#ajax_game_list');
    var st = $('.sort-trigger');
    var cat = $('#category').attr('name');

    

    //executes code below when user click on pagination links
    $(lz).on( "click", ".page-trigger", function (e){
        e.preventDefault();
        var url = $(this).attr('name');
        $("#loading").show(); //show loading element
        $('html, body').animate({ scrollTop: 0 }, 0); // scroll to top of page
        $(lz).load(url, function(){  // load new ajax content
            $("#loading").hide(); //once done, hide loading element
        });
    });    

    // executes code when clicking a sort link
     $(st).on( "click", function (){

        // change CSS styling when sort button is pressed
        $(st).removeClass('active');
        $(this).addClass('active');

        $("#loading").show(); //show loading element        

        var stOrderby = $(this).attr('data-orderby');
        var stSort = $(this).attr('data-sort');
       
        // build a full path using stOrderby and stSort
        var stTarget = 'https://store.adventuregamers.com/global/products_ajax/'+stOrderby+'/'+stSort+'/'+cat+'/';
       
        // load up the ajaxlist template using stTarget and drop it into the lz
        $(lz).load(stTarget, function() {
            $(".game_card").hover(function() {
                $("#" + this.id).find('img').toggleClass("hover");
            });  
            $("#loading").hide(); //once done, hide loading element
        });

        // if this links data-sort is asc
        if( stSort == 'asc' ){
         
          // reverse it so it sorts desc next time
          $(this).attr('data-sort', 'desc');
         
        // otherwise it must be desc so 
        } else {
         
          // reverse it so it sorts asc next time
          $(this).attr('data-sort', 'asc');
         
        };
       
        // and, finally, prevent the default link behavior
        return false;  

      });   


    //
    // WELCOME MESSAGE IN TOP BAR
    //

        $("#welcome").hide()
                    .delay(2000)
                  .slideToggle(500);    

    //
    // GAME CARD HOVER EFFECT
    //

        $(".game_card").hover(function() {
            $("#" + this.id).find('img').toggleClass("hover");
            /* code below makes buy buttons yellow on hover - set buttons to button_gray */
            //$("#" + this.id).find('button').toggleClass("secondary");
            //$("#" + this.id).find('button').toggleClass("shadow_secondary");
        });    

    //
    // SHOW/HIDE CREDIT CARD FIELD IN CHECKOUT
    //
    
        $("select").change(function(){
            $( "select option:selected").each(function(){
                if($(this).attr("value")=="Stripe"){$(".cc_fields").show();}
                if($(this).attr("value")=="PayPal_Express"){$(".cc_fields").hide();}
            });
        }).change();


        $("select").change(function(){
            $( "select option:selected").each(function(){
                if($(this).attr("value")=="Dummy"){$(".cc_fields").show();}
                if($(this).attr("value")=="PayPal_Express"){$(".cc_fields").hide();}
            });
        }).change();
    });