source: other-projects/nz-flag-design/trunk/main-form/kiwiana/display-svg.js@ 29965

function displayFlags(img_list,$displayDiv)
{
    var img_list_len = img_list.length;

    if (img_list_len==0) {
    return;
    }

    img_list.sort();

    var root_img_re = /^.*\/(.*?)\..*?$/;
    
    for (var i=0; i<img_list.length; i++) {
    var img_url     = img_list[i];
    var img_matches = root_img_re.exec(img_url);
    var title       = img_matches[1];
    
    var imageObj = new Image();

    
    imageObj.src     = img_url;
        imageObj.height  = 150;
    imageObj.title   = title.toUpperCase();
    imageObj.country = imageObj.title;
    imageObj.id      = "flag-img-" + i;


    var $a = $('<a></a>');
    $a.attr("href",img_url);
    
    $a.append(imageObj);

    $displayDiv.append($a);
    }

    doneDisplayKiwiana(img_list);
}


function doneDisplayKiwiana(img_list)
{
    console.log("doneDisplayKiwiana()");

/*globals $*/
/*jslint vars: true*/
$('a').click(function() {'use strict';
    var meta_str;
    var href = this.href;
    var target = window.parent;
    // Convert Non-SVG images to data URL first 
    // (this could also have been done server-side by the library)
    if (this.href.indexOf('.svg') === -1) {

        meta_str = JSON.stringify({
            name: $(this).text(),
            id: href
        });
        target.postMessage(meta_str, '*');

        var img = new Image();
        img.onload = function() {
            var canvas = document.createElement('canvas');
            canvas.width = this.width;
            canvas.height = this.height;
            // load the raster image into the canvas
            canvas.getContext('2d').drawImage(this, 0, 0);
            // retrieve the data: URL
            var dataurl;
            try {
                dataurl = canvas.toDataURL();
            } catch(err) {
                // This fails in Firefox with file:// URLs :(
                alert("Data URL conversion failed: " + err);
                dataurl = "";
            }
            target.postMessage('|' + href + '|' + dataurl, '*');
        };
        img.src = href;
    } else {
        // Send metadata (also indicates file is about to be sent)
        meta_str = JSON.stringify({
            name: $(this).text(),
            id: href
        });
        target.postMessage(meta_str, '*');
        // Do ajax request for image's href value
        $.get(href, function(data) {
            data = '|' + href + '|' + data;
            // This is where the magic happens!
            target.postMessage(data, '*');
            
        }, 'html'); // 'html' is necessary to keep returned data as a string
    }
    return false;
});

}