$(document).ready(function(){

    var COOKIE_NAME = 'viewGame';

    $("#gora").append('<div id="nav"><a id="kafelki" href="#"><img src="gfx/kafelki.gif" alt="Kafelki" /></a><a id="lista" href="#"><img src="gfx/lista.gif" alt="Lista" /></a></div>');

    switch($.cookie(COOKIE_NAME))
    {
        case "1":
            $("#nav").html('<a id="kafelki" href="#"><img src="gfx/kafelki_activ.gif" alt="Kafelki" /></a><a id="lista" href="#"><img src="gfx/lista.gif" alt="Lista" /></a>');
            break;
        case "2":
            $("#nav").html('<a id="kafelki" href="#"><img src="gfx/kafelki.gif" alt="Kafelki" /></a><a id="lista" href="#"><img src="gfx/lista_activ.gif" alt="Lista" /></a>');
            break;
        default:
            $("#nav").html('<a id="kafelki" href="#"><img src="gfx/kafelki_activ.gif" alt="Kafelki" /></a><a id="lista" href="#"><img src="gfx/lista.gif" alt="Lista" /></a>');
            break;
    }

    function setCookie(id)
    {
        

        if(id == 'kafelki')
        {
            $.cookie(COOKIE_NAME, "1", 1);    
        }
        else
            $.cookie(COOKIE_NAME, "2", 1);
        
        location.reload();
    }

    var setGame = function()
    {
        setCookie($(this).attr("id"));
        return false;
    };

    $("#kafelki").livequery('click', setGame);
    $("#lista").livequery('click', setGame);



});