var pageHeight = 252;
var itemsPerPage = 6;
var pagingPagesPerPage = 10;
var page = 1;
var pageCount = 1;
var pagingPage = 1;
var list = '#list-games';
var showlist = '#list-shows';

$(document).ready(function(){
    callService('newgames');
    initTabs();
});

function initGames()
{
    var gameCount = $(list).children().size();
    $('#pages').html('');
    
    // paging
    $('#paging-curr').remove();
    pagingCreated=false;
    // *** deep link to select a show: ****
    // QSo is an object that contains all qs params:
    
    pagingPage=1;
    page=1;    
    if(gameCount>itemsPerPage)
    {
        $('#pages').css({'display':'block'});
        
        pageCount = Math.floor(gameCount/itemsPerPage);
        if(gameCount/itemsPerPage>pageCount) pageCount++;
        
        var paging = [];
        for(var i=1; i<=pageCount; i++) {                
            paging[i] = '<a id="page'+i+'">'+i+'</a>';
            if(i%10==0) paging[i] += '<span class="more-pages">...</span><br /><span class="less-pages">...</span>';
        }
        $('#pages').append(paging.join(''));
        $('#pages a:first').addClass('on');

        $('#button-next').unbind().show().click(function () {
            if (!$(this).hasClass('disabled')) { page++; goPage(page); }
        });
        $('#button-back').unbind().show().click(function(){
            if(!$(this).hasClass('disabled')) { page--; goPage(page); }
        });
        $('#pages a').unbind().click(function(){ 
            goPage(this.id.substr(4,5));
        });
        // ... paging controls:
        $('.more-pages').unbind().click(function(){
            showMorePages();
        });
        $('.less-pages').unbind().click(function(){
            showLessPages();
        });
        
        goPage(1);
        goPagingPage(1);
    } 
    else 
    {
        $('#button-next').hide();
        $('#button-back').hide();
    } 
    $(list+' a').unbind().click(function(){
        window.location=$(this).attr('href'); 
    });
}

function initShows()
{
    var showCount = $(showlist).children().size();
    $('#pages').html('');
    
    // paging
    $('#paging-curr').remove();
    pagingCreated=false;
    
    pagingPage=1;
    page=1;
    if(showCount>itemsPerPage)
    {
        $('#pages').css({'display':'block'});
        
        pageCount = Math.floor(showCount/itemsPerPage);
        if(showCount/itemsPerPage>pageCount) pageCount++;
        
        var paging = [];
        for(var i=1; i<=pageCount; i++) {                
            paging[i] = '<a id="page'+i+'">'+i+'</a>';
            if(i%10==0) paging[i] += '<span class="more-pages">...</span><br /><span class="less-pages">...</span>';
        }
        $('#pages').append(paging.join(''));
        $('#pages a:first').addClass('on');
                
        $('#button-next').unbind().show().click(function(){
            if(!$(this).hasClass('disabled')) { page++; goPage(page,true); }
        });
        $('#button-back').unbind().show().click(function(){
            if(!$(this).hasClass('disabled')) { page--; goPage(page,true); }
        });
        $('#pages a').unbind().click(function(){ 
            goPage(this.id.substr(4,5),true);
        });
        // ... paging controls:
        $('.more-pages').unbind().click(function(){
            showMorePages();
        });
        $('.less-pages').unbind().click(function(){
            showLessPages();
        });
        
        goPage(1,true);
        goPagingPage(1);
    } 
    else 
    {        
        $('#button-next').hide();
        $('#button-back').hide();
    }
    try
    { 
        if(ie7)
        {
            $(showlist+' a').unbind().click(function(){
                window.location=$(this).attr('href'); 
            });
        }
    } 
    catch(err) 
    {}
    $('#list-shows a[href=""],#list-shows a[href*="?show"]').removeAttr("href").unbind().click(function(){ 
       callService('','',$(this).children('.list-show').html());
       return false;
    });
}

function initTabs()
{
    $('#tab-newgames').click(function(){
        if(!$(this).hasClass('on')) callService('newgames');
    });
    $('#dropdown a').click(function () {
        if (!$(this).hasClass('on')) callService('gametype', $(this).html());
    });
    $('#tab-shows').click(function () {
        $('#tabs a, #tabs div').removeClass('on');
        $('#tab-shows').addClass('on');
        $('#loading,' + list).hide();
        $(showlist).show();
        $('#breadcrumb').html('You are viewing: <span>Shows A-Z</span>');
        initShows();
    });
}

function getQueryVariable(variable) 
{
    var query = window.location.search.substring(1);
    var vars = query.split('&');
    for (var i=0;i<vars.length;i++) 
    {
        var pair = vars[i].split('=');
        if (pair[0] == variable) return pair[1];
    }
    return '';
}

function callService(tab, type, show) {
    $('#tabs a, #tabs div').removeClass('on');
    if(tab!='') $('#tab-'+tab).addClass('on');
    else $('#tab-shows').addClass('on');
    $(list).show().html('');
    $('#loading').show();    
    $('#list-shows').hide();

    if (tab == 'newgames') {
        $.ajax(
	    {
	        type: "POST",
	        url: "/services/contentLINQ.asmx/Games",
	        beforeSend: function (xhr) {
	            xhr.setRequestHeader("Content-type", "application/json; charset=utf-8");
	        },
	        data: "{show:'','category':''}",
	        contentType: "application/json; charset=utf-8",
	        dataType: "json",
	        success: function (json) {
	            $('#loading').hide();
	            var gamesData = json.d;
	            for (var i = 0; i <= gamesData.length - 1; i++) {
	                var thisGame = gamesData[i];
	                var elm = '<a title="Play ' + thisGame.Show + ' - ' + thisGame.Name + '" href="http://www.nick.co.uk' + thisGame.Url + '">';
	                elm += '<span class="list-img">';
	                if (thisGame.Thumb == "") thisGame.Thumb = "/games/media/images/generic_show.gif";
	                elm += '<img src="http://www.nick.co.uk' + thisGame.Thumb + '" alt="' + thisGame.Name + '" />';
	                elm += '</span>';
	                elm += '<span class="list-show">' + thisGame.Name + '</span>';
	                elm += '<span class="list-title">' + thisGame.Description + '</span>';
	                elm += '</a>';
	                $(list).append(elm);
	            }
	            $('#list-games').css({ "top": 0 });
	            $('#breadcrumb').html('You are viewing: <span>New games</span>');
	            initGames();
	        },
	        error: function (desc) {
	            console.log(desc);
	            $('#loading').hide();
	            $(list).html("<strong>Oops! Sorry, something has gone wrong with this page. Please try again.</strong>");
	        }
	    });
	}
	else if(tab == 'gametype')
	{
        $.ajax(
	    {
		    type: "POST",
		    url: "/services/content.asmx/GamesJSON",
		    beforeSend: function(xhr) {
		        xhr.setRequestHeader("Content-type", "application/json; charset=utf-8");
		    },
		    data: "{'show':'all','category':'"+ type +"'}",
		    contentType: "application/json; charset=utf-8",
		    dataType: "json",
		    success: function(json)
		    {
		       $('#loading').hide();
		       var gameData = json.d;
		       for(var i=0; i<=gameData.length-1; i++) {
				    var thisGame = gameData[i];
				    var elm = '<a title="Play '+ thisGame.Show +' - '+ thisGame.Name +'" href="'+  thisGame.Url +'">';
				    elm += '<span class="list-img">';
				    if(thisGame.Thumb=="") thisGame.Thumb = "/global/img/thumb.gif";
                    elm += '<img src="'+ thisGame.Thumb +'" alt="'+ thisGame.Name +'" />';
                    elm += '</span>';
                    elm += '<span class="list-show">'+ thisGame.Name +'</span>';
                    elm += '<span class="list-title">'+ thisGame.Description +'</span>';
                    elm += '</a>';
                    $(list).append(elm);
		       }
		       $('#list-games').css({"top":0});
		       $('#breadcrumb').html('You are viewing: <span>'+ type +' games</span>');
		       initGames();
		    },
		    error: function(){
		       $('#loading').hide();
		       $(list).html("<strong>Oops! Sorry, something has gone wrong with this page. Please try again.</strong>");
		    }
	    });
	}
	else if(show!='')
	{
	    $.ajax(
	    {
		    type: "POST",
		    url: "/services/content.asmx/GamesJSON",
		    beforeSend: function(xhr) {                            
		        xhr.setRequestHeader("Content-type", "application/json; charset=utf-8");
		    },
		    data: "{'show':'"+ show +"','category':'all'}",
		    contentType: "application/json; charset=utf-8",
		    dataType: "json",
		    success: function(json)
		    {  
		       $('#loading').hide();
		       var gameData = json.d;
    		   
		       for(var i=0; i<=gameData.length-1; i++) {
				    var thisGame = gameData[i];
				    var elm = '<a title="Play '+ thisGame.Show +' - '+ thisGame.Name +'" href="http://www.nick.co.uk/' +  thisGame.Url + '">';
				    elm += '<span class="list-img">';
				    if(thisGame.Thumb=="") thisGame.Thumb = "/shows/thumbs/generic_show.jpg";
                    elm += '<img src="'+ thisGame.Thumb +'" alt="'+ thisGame.Name +'" />';
                    elm += '</span>';
                    elm += '<span class="list-show">'+ thisGame.Name +'</span>';
                    elm += '<span class="list-title">'+ thisGame.Description +'</span>';
                    elm += '</a>';
                    
                    $(list).append(elm);
		       }
		       $('#list-games').css({"top":0});
		       $('#breadcrumb').html('You are viewing: <span id="shows">Shows A-Z</span> > <span>'+gameData[0].Show+' games</span>');
		       initGames();
		    },
		    error: function(){
		       $('#loading').hide();
		       $(list).html("<strong>Oops! Sorry, something has gone wrong with this page. Please try again.</strong>");
		    }
	    });
	}
}