/* Hey! Thanks for taking the time to check out the source code. It's exactly what I would have done! */
/* There isn't anything scary here. We wait for the DOM to finish loading, pick a random image from the flags array, */
/* then add 2 tags to the DOM. A style link to the css file & an anchor tag. */
addDOMLoadEvent=(function(){var e=[],t,s,n,i,o,d=document,w=window,r='readyState',c='onreadystatechange',x=function(){n=1;clearInterval(t);while(i=e.shift())i();if(s)s[c]=''};return function(f){if(n)return f();if(!e[0]){d.addEventListener&&d.addEventListener("DOMContentLoaded",x,false);if(/WebKit/i.test(navigator.userAgent))t=setInterval(function(){/loaded|complete/.test(d[r])&&x()},10);o=w.onload;w.onload=function(){x();o&&o()}}e.push(f)}})();
addDOMLoadEvent(make_flag);

function make_flag(){
var flags = new Array('flagtag-1.png'
,'flagtag-2.png'
,'flagtag-3.png'
,'flagtag-4.png'
,'flagtag-5.png'
,'flagtag-6.png'
);

var ss=document.createElement("link");
ss.type="text/css";
ss.rel="stylesheet";
ss.href="http://www.flagtag.co.za/widget/flagtag.css";
document.getElementsByTagName("head")[0].appendChild(ss);

var flag_element=document.createElement('a');
flag_element.setAttribute('href','http://www.flagtag.co.za');
flag_element.setAttribute('target','_blank');
flag_element.id="flagtag_element";
flag_element.style.backgroundImage= 'url(http://flagtag.co.za/images/flag/'+ flags[(Math.floor(Math.random()*flags.length))] +')';
document.body.appendChild(flag_element);
}