function renderCompanionProjectIcons()

in netbeans.apache.org/src/content/images_www/js/companion-projects.js [26:132]

• 85 lines of code
• 3 McCabe index (conditional complexity)

function renderCompanionProjectIcons() {
    /* number of items we want to render */
    var itemsToRender = 5;

    /* domain where images live - we can easily switch for local testing to localhost to see images */
    var domain = "//netbeans.org"; // http://localhost

    /* links output */
    var randomizedLinks = "";
    var staticLinks = "";

    /* items definition using JSON object notation */
    var staticItemsContainer = {
        "items" : [
        {
            "image": "/images_www/v6/mysql_logo.gif",
            "link": "http://www.mysql.com/",
            "alt": "MySQL - Open Source Database Server",
            "width": "53",
            "height": "45"
        },
        {
            "image": "/images_www/v6/glassfish.gif",
            "link": "http://glassfish.java.net/",
            "alt": "GlassFish Community: an Open Source Application Server",
            "width": "53",
            "height": "45"
        }
        ]
    }
    var randItemsContainer = {
        "items" : [
        {
            "image": "/images_www/v6/javafx.png",
            "link": "http://www.oracle.com/technetwork/java/javafx/",
            "alt": "JavaFX",
            "width": "74",
            "height": "26"
        },
        {
            "image": "/images_www/v6/openjdk.gif",
            "link": "http://openjdk.org/",
            "alt": "Open JDK: an Open SourceJDK",
            "width": "81",
            "height": "45"
        },
        {
            "image": "/images_www/v6/vbox.gif",
            "link": "http://www.virtualbox.org/wiki/VirtualBox",
            "alt": "Virtual Box - full virtualizer",
            "width": "108",
            "height": "35"
        },

        {
            "image": "/images_www/v6/javanet.gif",
            "link": "http://www.java.net/",
            "alt": "Java.net - The Source for Java Technology Collaboration",
            "width": "82",
            "height": "45"
        },
        {
            "image": "/images_www/v6/open-office.gif",
            "link": "http://www.openoffice.org/",
            "alt": "OpenOffice - The free and open productivity suite",
            "width": "87",
            "height": "45"
        },
        {
            "image": "/images_www/v6/hudson.png",
            "link": "http://hudson-ci.org/",
            "alt": "Hudson - Continuous Integration",
            "width": "75",
            "height": "25"
        }
        ]
    };

    /* opening and closing html chunks */
    var openingHtml="<center><table><tr><td class=\"companions-left b-green-left valign-center\">Companion <br>Projects: </td><td  class=\"valign-center\">";
    var closingHtml=""

    /* let's stup the sttaic links */
    for (i=0; i<staticItemsContainer.items.length; i++) {
        staticLinks += '<td class="valign-center"><a href="'+staticItemsContainer.items[i].link+'"><img src="'+domain+staticItemsContainer.items[i].image+'" alt="'+staticItemsContainer.items[i].alt+'" title="'+staticItemsContainer.items[i].alt+'" width="'+staticItemsContainer.items[i].width+'" height="'+staticItemsContainer.items[i].height+'"></a>&nbsp;&nbsp;</td>';
    }

    /* now randomize the rand items array */
    randItemsContainer.items.sort(function() {
        return (Math.round(Math.random())-0.5)
    });

    /* make sure we do not want to display more items then we actually have */
    itemsToRender = (itemsToRender > randItemsContainer.items.length)? randItemsContainer.items.length : itemsToRender ;

    /* now setup randomized items */
    for (i = 0; i < itemsToRender; i++) {
        // setup the style - there is line after the last item
        var style = (i==(itemsToRender-1))? 'class="valign-center b-green-right" style="padding-right:10px;"' : 'class="valign-center"' ;
        var space = (i==(itemsToRender-1))? '' : '&nbsp;';
        randomizedLinks += '<td '+style+'><a href="'+randItemsContainer.items[i].link+'"><img src="'+domain+randItemsContainer.items[i].image+'" alt="'+randItemsContainer.items[i].alt+'" title="'+randItemsContainer.items[i].alt+'" width="'+randItemsContainer.items[i].width+'" height="'+randItemsContainer.items[i].height+'"></a>'+space+'</td>';
    }
  
    /* return the html */
    //return openingHtml+staticLinks+randomizedLinks+closingHtml;
    return '';
}