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')
		//sistemo tutte le foto
		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'})
	//setTimeout('sitDown(\''+id+'\')',1000)
}

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>';
}