function showPreviews() {
	for ( var i = 0; i < document.getElementById("imgs").getElementsByTagName("li").length; i++) {
		var id = document.getElementById("imgs").getElementsByTagName("li")[i].getAttribute("id");
		document.getElementById(id).setAttribute("style", "opacity:0;");
		//alert(document.getElementById(id).offsetTop);
		setTimeout("flyIn('"+id+"','"+document.getElementById(id).offsetLeft+"', '"+document.getElementById(id).offsetTop+"')",i*750);
	}
}

function showH() {
	Effect.toggle('hBox', 'appear');
}

function flyIn(element) {
	var top=document.getElementById(element).offsetTop;
	var left=document.getElementById(element).offsetLeft;
	var start = top;

	if(arguments.length==1){
		start = arguments[1];
	}
	if(arguments.length==3){
		left = arguments[1];
		top = arguments[2];
	}	
	if(arguments.length==4){
		start = arguments[1];
		left = arguments[2];
		top = arguments[3];
	}	
	document.getElementById(element).setAttribute("style", "opacity:0; position: absolute; left:-1000px; top: "+start+";");
	new Effect.Parallel([
	                     new Effect.Morph(element, { sync: true,
		  style: "left:"+left+"px; top: "+top+"px;"}), 
	                     new Effect.Opacity(element, { sync: true, from: 0, to: 1})
	                   ], { 
	                     duration: 1.5
	                   });
}