var wn_page_size    = 3;
var wn_num_pages    = 0;
var wn_current_page = 1;

function loadWhatsNew(){
    if(whats_new.length <= wn_page_size){
        var controls = document.getElementById("wnpager");
        controls.innerHTML = "";
    }
    
    wn_num_pages    = Math.ceil(whats_new.length / wn_page_size);
    wn_current_page = wn_num_pages;
    
    advanceWhatsNew("forward");
}

function advanceWhatsNew(dir){
    if(dir == "forward"){
        wn_current_page++;
        if(wn_current_page > wn_num_pages){ wn_current_page = 1; }
    } else {
        wn_current_page--;
        if(wn_current_page < 1){ wn_current_page = wn_num_pages; }
    }
    
    if(whats_new.length > wn_page_size){
        var control_txt = document.getElementById("wnpager_txt");        
        control_txt.innerHTML = wn_current_page + " of " + wn_num_pages;
    }
    
    var start_indx = (wn_current_page - 1) * wn_page_size;
    var end_indx = start_indx + (wn_page_size - 1);
    if(end_indx > (whats_new.length - 1)){ end_indx = whats_new.length - 1; }
    
    var html = "";
    
    for(i=start_indx; i<=end_indx; i++){
        var has_rule = (i==start_indx)? false : true;
        html += getWhatsNewItem(whats_new[i],has_rule);
        //if(i==3){ alert(whats_new[i].blurb); }
    }
    
    var body_txt = document.getElementById("wnbody");
    body_txt.innerHTML = html;
}

function getWhatsNewItem(info, has_rule){

    /* clink is embeded in typepad as:
    <div><a href=""><img border="none" align="top" src="" /> See New Indicator</a></div>
    */

    var title       = info.title;
    var blurb       = info.blurb;
    var url         = info.url;
    var href        = info.href;
    var src         = info.src;
    var label       = info.label;
    var icon        = info.icon;  
    var norule      = (has_rule)? "" : " style=\"border:0px;\" ";
    var itype       = (icon == "datalink" || icon == "chartlink")? "square" : "circle";

    
    var html = "<div class=\"rssitem\" "+ norule +">"+
               "<div class=\"rsstitle\">"+ title +"</div>"+
               "<div class=\"rssbody\">"+
                    "<table><tr>"+
                        "<td>"+ blurb +"</td>"+
                        "<td>"+
                            "<div class=\"rsslink\">"+
                                "<a href=\""+ href +"\" class=\""+ itype +"\">"+
                                    "<img src=\""+ src +"\"/>"+
                                    "<div class=\"label\">"+ label +"</div>"+
                                "</a>"+
                            "</div>"+
                        "</td>"+
                    "</tr></table>"+
               "</div></div>";

    return html;
}