$(document).ready(function() {
    <!-- navigation -->
    var containerWidth = 845;
    
    $("#navContainer").empty();
    var where = $("#navContainer").attr('class');
    
    var list = $("<ul>").attr("id", "navList").appendTo("#navContainer");
    
    var JSON = '[{"navTitle":"Home","navLink":"http://www.greenpeace.nl/campaigns/red-de-orang-oetan-mail-nestle","navImage":"http://growingmindscampagnes.com/greenpeace/images/navigation/home.png","navWidth":"58"},{"navTitle":"actiepakket","navLink":"http://www.greenpeace.nl/campaigns/kitkat-actiepakket","navImage":"http://growingmindscampagnes.com/greenpeace/images/navigation/actionPackage.png","navWidth":"111"},{"navTitle":"Doe Meer","navLink":"http://www.greenpeace.nl/campaigns/meerkitkat","navImage":"http://growingmindscampagnes.com/greenpeace/images/navigation/doe-meer.png","navWidth":"78"},{"navTitle":"Game","navLink":"http://www.greenpeace.nl/campaigns/kitkatch","navImage":"http://growingmindscampagnes.com/greenpeace/images/navigation/game.png","navWidth":"59"},{"navTitle":"Nieuws","navLink":"http://www.greenpeace.nl/campaigns/kitkatnews","navImage":"http://growingmindscampagnes.com/greenpeace/images/navigation/nieuws.png","navWidth":"75"}]';
    
    <!-- Get Navigation -->
    var navigation = jQuery.parseJSON(JSON)
        $.each(navigation, function(i,nav){
            var listItem = $("<li>").appendTo(list);
            var link = $('<a>').html(nav.navTitle).attr({"href": nav.navLink, "target": "_top"}).css({'width': parseInt(nav.navWidth), 'background-image': 'url('+nav.navImage+')'}).appendTo(listItem);
            if(where == nav.navTitle){
                listItem.addClass('active');
            }
        })
        
        var offsetLeft = Math.ceil((containerWidth-list.width())/2);
        $("#navContainer").css("left", offsetLeft);

        
})