// environment
var deviceMobile = 0;

// -- Check for device type
var ua = navigator.userAgent;
var checker = {
    iphone: ua.match(/(iPhone|iPod|iPad)/),
    blackberry: ua.match(/BlackBerry/),
    android: ua.match(/Android/)
};
if (checker.android || checker.iphone || checker.blackberry) {
    deviceMobile = 1;
}
    
var listenersAdded = false;

// adjust for mobile widths
if ($('#pp_infobox_master').length) {
	if ($('#pp_infobox_master').css('display') != 'none'){
		var fromTop = 430;
	} else {
		var fromTop = 140;
	}
} else {
	var fromTop = 140;
}

$(document).ready( function(){
    // user selects puzzle, loads puzzle
	(function(d, script) {
		script = d.createElement('script');
		script.type = 'text/javascript';
        script.src = '../lib/xw/all/crossword.php?play_date=20240502&puzz_id=joseph';
		script.id = 'crossword-load';
		d.getElementsByTagName('body')[0].appendChild(script);
	}(document));

});
 

function dispArchive() {
    var linkHTML="";
    
    // cycle through past 30 days
                    linkHTML += '<div data-id="20240517" class="arch-link"><div class="arch-icon"></div><div class="arch-info"><div class="arch-date">Friday, May 17, 2024</div><div class="arch-title"></div></div></div>';
                                linkHTML += '<div data-id="20240516" class="arch-link"><div class="arch-icon"></div><div class="arch-info"><div class="arch-date">Thursday, May 16, 2024</div><div class="arch-title"></div></div></div>';
                                linkHTML += '<div data-id="20240515" class="arch-link"><div class="arch-icon"></div><div class="arch-info"><div class="arch-date">Wednesday, May 15, 2024</div><div class="arch-title"></div></div></div>';
                                linkHTML += '<div data-id="20240514" class="arch-link"><div class="arch-icon"></div><div class="arch-info"><div class="arch-date">Tuesday, May 14, 2024</div><div class="arch-title"></div></div></div>';
                                linkHTML += '<div data-id="20240513" class="arch-link"><div class="arch-icon"></div><div class="arch-info"><div class="arch-date">Monday, May 13, 2024</div><div class="arch-title"></div></div></div>';
                                linkHTML += '<div data-id="20240511" class="arch-link"><div class="arch-icon"></div><div class="arch-info"><div class="arch-date">Saturday, May 11, 2024</div><div class="arch-title"></div></div></div>';
                                linkHTML += '<div data-id="20240510" class="arch-link"><div class="arch-icon"></div><div class="arch-info"><div class="arch-date">Friday, May 10, 2024</div><div class="arch-title"></div></div></div>';
                                linkHTML += '<div data-id="20240509" class="arch-link"><div class="arch-icon"></div><div class="arch-info"><div class="arch-date">Thursday, May 9, 2024</div><div class="arch-title"></div></div></div>';
                                linkHTML += '<div data-id="20240508" class="arch-link"><div class="arch-icon"></div><div class="arch-info"><div class="arch-date">Wednesday, May 8, 2024</div><div class="arch-title"></div></div></div>';
                                linkHTML += '<div data-id="20240507" class="arch-link"><div class="arch-icon"></div><div class="arch-info"><div class="arch-date">Tuesday, May 7, 2024</div><div class="arch-title"></div></div></div>';
                                linkHTML += '<div data-id="20240506" class="arch-link"><div class="arch-icon"></div><div class="arch-info"><div class="arch-date">Monday, May 6, 2024</div><div class="arch-title"></div></div></div>';
                                linkHTML += '<div data-id="20240504" class="arch-link"><div class="arch-icon"></div><div class="arch-info"><div class="arch-date">Saturday, May 4, 2024</div><div class="arch-title"></div></div></div>';
                                linkHTML += '<div data-id="20240503" class="arch-link"><div class="arch-icon"></div><div class="arch-info"><div class="arch-date">Friday, May 3, 2024</div><div class="arch-title"></div></div></div>';
                                linkHTML += '<div data-id="20240502" class="arch-link"><div class="arch-icon"></div><div class="arch-info"><div class="arch-date">Thursday, May 2, 2024</div><div class="arch-title"></div></div></div>';
                                linkHTML += '<div data-id="20240501" class="arch-link"><div class="arch-icon"></div><div class="arch-info"><div class="arch-date">Wednesday, May 1, 2024</div><div class="arch-title"></div></div></div>';
                                linkHTML += '<div data-id="20240430" class="arch-link"><div class="arch-icon"></div><div class="arch-info"><div class="arch-date">Tuesday, April 30, 2024</div><div class="arch-title"></div></div></div>';
                                linkHTML += '<div data-id="20240429" class="arch-link"><div class="arch-icon"></div><div class="arch-info"><div class="arch-date">Monday, April 29, 2024</div><div class="arch-title"></div></div></div>';
                                linkHTML += '<div data-id="20240427" class="arch-link"><div class="arch-icon"></div><div class="arch-info"><div class="arch-date">Saturday, April 27, 2024</div><div class="arch-title"></div></div></div>';
                                linkHTML += '<div data-id="20240426" class="arch-link"><div class="arch-icon"></div><div class="arch-info"><div class="arch-date">Friday, April 26, 2024</div><div class="arch-title"></div></div></div>';
                                linkHTML += '<div data-id="20240425" class="arch-link"><div class="arch-icon"></div><div class="arch-info"><div class="arch-date">Thursday, April 25, 2024</div><div class="arch-title"></div></div></div>';
                                linkHTML += '<div data-id="20240424" class="arch-link"><div class="arch-icon"></div><div class="arch-info"><div class="arch-date">Wednesday, April 24, 2024</div><div class="arch-title"></div></div></div>';
                                linkHTML += '<div data-id="20240423" class="arch-link"><div class="arch-icon"></div><div class="arch-info"><div class="arch-date">Tuesday, April 23, 2024</div><div class="arch-title"></div></div></div>';
                                linkHTML += '<div data-id="20240422" class="arch-link"><div class="arch-icon"></div><div class="arch-info"><div class="arch-date">Monday, April 22, 2024</div><div class="arch-title"></div></div></div>';
                                linkHTML += '<div data-id="20240420" class="arch-link"><div class="arch-icon"></div><div class="arch-info"><div class="arch-date">Saturday, April 20, 2024</div><div class="arch-title"></div></div></div>';
                                linkHTML += '<div data-id="20240419" class="arch-link"><div class="arch-icon"></div><div class="arch-info"><div class="arch-date">Friday, April 19, 2024</div><div class="arch-title"></div></div></div>';
                                linkHTML += '<div data-id="20240418" class="arch-link"><div class="arch-icon"></div><div class="arch-info"><div class="arch-date">Thursday, April 18, 2024</div><div class="arch-title"></div></div></div>';
                    
    // add links html to modal
    $('#archiveLinks').html(linkHTML);
    
    // listens for date click/tap
    $('.arch-link').click(function(e) {
        // get date from selected HTML
        var thisdate = parseInt($(this).attr('data-id'));
        $('#modal-splash').iziModal('close');
        
        // user selects puzzle, loads puzzle
        (function(d, script) {
            script = d.createElement('script');
            script.type = 'text/javascript';
            script.src = '../lib/xw/all/crossword.php?play_date=' + thisdate + '&puzz_id=joseph';
            script.id = 'crossword-load';
            d.getElementsByTagName('body')[0].appendChild(script);
        }(document));
        
        // window.top.location.href = "" + thisdate;
    });
    
}
 
 
function dispSplash() {
    
    $("#modal-splash").iziModal({
        title: 'Crossword Puzzle Archives',
        headerColor: '#19a575',
        top: fromTop,
        bodyOverflow: true,
        openFullscreen: true,
        closeButton: true,
        closeOnEscape: true,
        overlay: true,
        overlayClose: false,
        overlayColor: 'rgba(0, 0, 0, 0)',
        /* width: 800 */
    });
    $('#modal-splash').iziModal('open');
    
    // display archive
    dispArchive();
}