var divWidth=650;var divLeft=200;function flShow(id){new Effect.Fade('newsFeed')
setTimeout('enlargePhotos(\''+id+'\')',100)}
function enlargePhotos(id){if($('photos').getStyle('width')!='650px'){$('photos').morph('width:650px;height:100px;position:absolute;top:100px;left:200px;')
var a=$$('.fl')
for(var x=0;x<a.length;x++)a[x].setStyle('position:absolute;top:200px;left:'+divLeft+'px')
for(var x=0;x<a.length;x++){new Effect.Move(a[x],{x:x*(divWidth/a.length),y:0,mode:'relative'})
a[x].observe('mouseover',function(event){sgomita(event.element().id)})
a[x].observe('mouseout',function(event){sitDown(event.element().id)})
a[x].observe('click',function(event){buildDetail(event.element().id)})}
buildDetail(id)}}
function sgomita(id){var leftSpace=parseInt($(id).getStyle('left'))
new Effect.Move(id,{x:leftSpace,y:125,mode:'absolute'})}
function sitDown(id){setTimeout('sitDown2(\''+id+'\')',1000)}
function sitDown2(id){var leftSpace=parseInt($(id).getStyle('left'))
new Effect.Move(id,{x:leftSpace,y:200,mode:'absolute'})}
function buildDetail(id){if(!$('photodetail'))createDiv('photodetail','midm','photodetail')
var imgUrlBase=($(id).src.substring(0,$(id).src.indexOf('s.jpg')))
var imgDetailSrc=imgUrlBase+'b.jpg'
var flUrl='http://www.flickr.com/photos/'+unescape(ph[id][1])+'/'+id.substring(3)
$('photodetail').innerHTML='<p class=title>'+unescape(ph[id][0])+'</p><a href="'+flUrl+'"><img class="imgDetail" src='+imgDetailSrc+' /></a><p>';}
