var wiggleback_location = "http://www.wiggleback.com/widget/";
//wiggleback_location = "widget/";
$("head").append("<link>");
css = $("head").children(":last");
css.attr({
  rel:  "stylesheet",
  type: "text/css",
  href: wiggleback_location + "dayblock.css"
});

function deb(str, linebreak){
    var debug_id = document.getElementsByTagName("BODY").item(0);
    //document.getElementById("body");
    if (linebreak == undefined){
        $(debug_id).append("<br>");        
    }
    $(debug_id).append(str);     

}


function show_day(response) {
//deb("show_day");
//deb(formattedJSON(resp));    

    if (!response) {
        //deb("<br> Whoops! There was an error. This should not happen.")
        return;
    }   
    var result = response.result;    
    if (result.length == 0) {
        return;
    }
       
    var topic = {};
    var card_content = "";
    var i = 0;

    while (i < result.length) {    
        topic = result[i];
        if (topic.name == null) {
            topic.name = "";
        }
                         
        var cardclass = "card";
        var card_date = new Date.parseString("" + topic.property.day);
        var property_name = topic.property.name;
        if (property_name == null) {
            property_name = topic.property.id;
        }
        
        card_content = "<div class='card_name' >" + make_freebase_link(topic) +"</div>";
        card_content += "<div class='card_attribute'>" + property_name + "</div>";
        card_content += "<div class='card_date'>";
        card_content += "<div class='card_day'>" + card_date.format("EE") + ", ";
        card_content +=  card_date.format("MMM") + " " + card_date.format("dd") + "</div>";
        card_content += "<div class='card_year'>" + card_date.getFullYear() + "</div>";
        card_content += "</div>";
        card_content += "<div class='card_image'>" + showTopicImage(topic,100,150) + "</div>";            
        
        var block_content_id = document.getElementById("wiggle_block_content");
        $(block_content_id).html('<div id=\"card\" class=\"card\"></div>'); // removed rogue </table>
	  	      
        var card_id = document.getElementById("card");
        $(card_id).html(card_content);
        i++;
    } // while

    var block_id = document.getElementById("wiggle_block");
    $(block_id).append('<div id=\"wiggle_block_nav\" class=\"block_nav\"></div>');            
    var block_nav_id = document.getElementById("wiggle_block_nav");
    var previous_button = "<img class='paging_arrow' src='http://www.wiggleback.com/widget/left_pg_arrow.gif'></img>";
    var next_button = "<img class='paging_arrow' src='http://www.wiggleback.com/widget/right_pg_arrow.gif'></img>";
    var next = "";
    var prev = "";
    var content = "";
    content += "<table><tr>";
    content += '<td class="wb_attribution">';
    content += '<a class="wb_link_back" href="http://www.wiggleback.com">Wiggleback</a>';
    content +=   '<div class="freebase_attribution"> '; 
    content +=       'content from <a href="http://www.freebase.com/">Freebase</a>';
    content +=   "</div>";
    content += "</td>";
    if (response.pg) {
        content += "<td>";
        if (response.pg > 1) {
            prev = "" + (Number(response.pg) - 1);
            content += "<a class='prev_button' href=\"" + encodeURI("javascript:{get_day_results(\"\"+"+prev+");}") + "\">"+ previous_button +"</a>";
        }        
        content += "</td>";
        content += "<td>";
        if (response.count && (response.count > response.pg)) {
            next = "" + (Number(response.pg)+1);
            content += "<a class='next_button' href=\"" + encodeURI("javascript:{get_day_results(\"\"+"+next+");}") + "\">"+ next_button +"</a>";
        }        
        content += "</td>";
    }
    
    content += "</tr></table>";
    $(block_nav_id).html(content);
    

} // get_dayblock_content


function get_day_results (rank) {

    var daypage_location = "http://";
    var daypage_params = "";
/*
    if (window.location.protocol == "file:") {
        daypage_location += "localhost";
        
    }
    else {
        daypage_location += window.location.hostname;
    }
*/    
    daypage_location = "http://www.wiggleback.com/daypage.php";
    daypage_params += "&pgsize=1";
    daypage_params += "&pg=" + rank;
    daypage_params += "&day=" + make_day_str("","MM-dd");
//    daypage_params += "&props=" + get_dayhistory_args("property");
//    daypage_params += "&types=" + get_dayhistory_args("types");
//    daypage_params += "&domains=" + get_dayhistory_args("domains");
//    daypage_params += "&sort=" + get_dayhistory_args("sort");
//   if (is_year()) {
//       daypage_params += "&year=" + get_day_str("yyyy");        
//    }

    var block_id = document.getElementById("wiggle_block");
    $(block_id).html('<div id=\"wiggle_block_content\" class=\"block_content\"></div>');        
    
    $.ajax({
        url: daypage_location + "\?jsonp=?",
        data: daypage_params,
        type: "GET",
        cache: false,
        dataType: "jsonp",
        error: function(xobj, status, error){
            deb("<br>status: " + status);
            deb("<br>error: " + error);
        },
        success: show_day
    });
    
} // end get_day_results




function get_dayblock_content(rank){
//deb("content");


    //get_day_results();
    var resp = {
            "result": [{
                "name":"nothing special",
                "id":"/en/united_states_military_academy",
                "property":{
                    "day":"1802-03-16",
                    "name":"founded",
                    "id":"founded_id"
                }        
            }]
    };
    show_day(resp);

}

/* THE FOLLOWING CAN BE USED TO LOAD SCRIPTS IN THE .JS FILE

jQuery.getScripts = function(scripts, onComplete) {
deb("getScripts");
    
var i = 1;
var ii = scripts.length;
var onScriptLoaded = function(data, response) { if (i++ == ii) onComplete(); } ;
for(var s in scripts) { $.getScript(scripts[s], onScriptLoaded); } ;

};


function day_block_init() {

    $.getScripts(
        [
        "http://wiggleback.com/lib/jquery.getUrlParam.js",
        "http://wiggleback.com/lib/json2.js",
        "http://wiggleback.com/lib/date.js",
        "http://wiggleback.com/lib/freebase_helpers.js",
//        "http://wiggleback.com/lib/wiggleback_helpers.js",
        "http://wiggleback.com/lib/jackpack.js"
        ],
        function() {setTimeout( get_dayblock_content, 100);} 
    ); 
}

*/


//day_block_init();