var index = {

    selectedApp: 6,

    init: function () {
        $("#6apps > div").hover(
            function () {},
            function () {
                index.selectApp(6);
            }
        );
    },

    selectApp: function(ndx) {
        ndx--;
        var left = (ndx % 6 * -700) + "px";
        var top = 0 + "px";
        selectedApp = ndx;
        $("#6apps div.itemDetail > table").animate({"marginTop": top, marginLeft: left},{queue:false, duration:1000, easing:"easeOutBack"});
    },

    getExamplesIconHtml: function() {
        var appgrid = "<table>";
        var day = 1;
        var max = 6;
        for (var i=0;i<2;i++) {
            appgrid += "<tr>";
            for (var j=0;j<6;j++) {
                if (day > max) {
                    appgrid += "<td class='empty'>";
                }
               

                day++;
                appgrid += "</td>";
            }

            appgrid += "</tr>";
        }
        
        appgrid += "</table>";
        return appgrid;
    }
}

$(function(){
    index.init();
});