﻿function BsfFlickrBox(pic_num, box){
    var req = window.XMLHttpRequest ? new XMLHttpRequest() : (function() {
        try      { return new ActiveXObject("Msxml2.XMLHTTP");    }
        catch(e) { return new ActiveXObject("Microsoft.XMLHTTP"); }
    })();
    
    req.open('GET', 'http://'+document.domain+'/myrss2.cgi');
    req.onreadystatechange = function(){
    	if (req.readyState == 4) {if (req.status == 200) {BsfSetPic(req.responseXML, pic_num, box)}}
    }
    req.send(null);
}

function BsfSetPic(xml, pic_num, box){
    var photos = xml.getElementsByTagName("item");
    var out = "";
    for(var i = 0; i < pic_num; i++){
        var title, url, thum = '';
        title = '';
        for (var j = 0; j < photos[i].childNodes.length; j++){
            var tag = photos[i].childNodes.item(j);
            if(tag.nodeType != 1){continue}
            if(title && url && thum){break}
            
            if(tag.nodeName == "title"){title = tag.text ? tag.text : tag.firstChild ? tag.firstChild.nodeValue : 'no title';}
            else if(tag.nodeName == "link"){url = tag.text ? tag.text : tag.firstChild.nodeValue;}
            else if(tag.nodeName == "media:thumbnail"){thum = tag.getAttribute("url")}
        }
        out = out + "<a title='" + title + "' href='" + url + "' target='_blank'><img src='" + thum + "' border='0' width='75' height='75' /></a>";
    }
    var b_box = document.getElementById(box);
    if(b_box){
        b_box.innerHTML = out;
    }
}
