<!-- the target must have a setSelection method -->
<HEAD>
<PUBLIC:COMPONENT tagName=FLICKR_IMAGES>
  	<PUBLIC:ATTACH event="oncontentready" onevent="fnInit()" />
</PUBLIC:COMPONENT>
<STYLE>
	body
	{
		background:lightgray;
	}
	flickrPics	
	{
		position:relative;
		width:160;
		height:160;
	}
</STYLE>
<SCRIPT type = "text/javascript">
var imgs = null
function fnInit()
{
	defaults.viewLink = document;
}
function jsonFlickrFeed(feed)
{
	imgs = feed;
	showFlickrImages()
}
function showFlickrImages(){
	var z1,z2,z3,z4
	var n = Math.floor(Math.random()*imgs.items.length)
	var tmp=imgs.items[n].media.m;
     	tmp=tmp.replace(/_m\.jpg/g,'_s.jpg');
     	z1='<img src="'+tmp+'" alt="flickr image" width="75px" height="75px" style="margin: 2px;">';
	var n = Math.floor(Math.random()*imgs.items.length)
	var tmp=imgs.items[n].media.m;
     	tmp=tmp.replace(/_m\.jpg/g,'_s.jpg');
     	z2='<img src="'+tmp+'" alt="flickr image" width="75px" height="75px" style="margin: 2px;">';
	var n = Math.floor(Math.random()*imgs.items.length)
	var tmp=imgs.items[n].media.m;
     	tmp=tmp.replace(/_m\.jpg/g,'_s.jpg');
     	z3='<img src="'+tmp+'" alt="flickr image" width="75px" height="75px" style="margin: 2px;">';
	var n = Math.floor(Math.random()*imgs.items.length)
	var tmp=imgs.items[n].media.m;
     	tmp=tmp.replace(/_m\.jpg/g,'_s.jpg');
     	z4='<img src="'+tmp+'" alt="flickr image" width="75px" height="75px" style="margin: 2px;">';
	flickrPics1.innerHTML=z1
	flickrPics2.innerHTML=z2
	flickrPics3.innerHTML=z3
	flickrPics4.innerHTML=z4
	setTimeout(showRndFlickrImage, 5000)
}
function showFlickrImage()
{
	var z
	var n = Math.floor(Math.random()*imgs.items.length)
	var tmp=imgs.items[n].media.m;
     	tmp=tmp.replace(/_m\.jpg/g,'_s.jpg');
     	z='<img src="'+tmp+'" alt="flickr image" width="75px" height="75px" style="margin: 2px;" onclick="fnFlickrClick(this)">';
	var r =Math.floor(Math.random()*4)
	switch(r)
	{
		case(0):
			flickrPics1.innerHTML=z
			break
		case(1):
			flickrPics2.innerHTML=z
			break
		case(2):
			flickrPics3.innerHTML=z
			break
		case(3):
			flickrPics4.innerHTML=z
			break
	}
	setTimeout(showRndFlickrImage, 5000)
}
var showRndFlickrImage = showFlickrImage
function fnFlickrClick(obj)
{
	window.open(obj.src,'flickrImageWindow','width=800,height=600')
}
</SCRIPT>
</HEAD>
<BODY>
<table style="border-collapse:collapse;">
<tr>
<td><div id="flickrPics1"></div></td>
<td><div id="flickrPics2"></div></td>
</tr><tr>
<td><div id="flickrPics3"></div></td>
<td><div id="flickrPics4"></div></td>
</tr>
</table>
<script type='text/javascript' src='http://flickr.com/services/feeds/photos_public.gne?tags=scenery&format=json'></script>
</BODY>


