var fsTimeout;

$do(function(){

	$("logo").setStyle("position","relative");
	$("logo").setStyle("left","100px");
	$("logo").setStyle("visibility","visible");

	$("logo").animate({
		duration: 0.8,
		method: "fadeout",
		morph: {
			left: "0px"
		}
	});

	$("menu").animate({
		duration: 0.7,
		method: "smooth",
		morph: {
			top: "0px"
		}
	});

	$("filmmenuitem").addEvents({
		event: "mouseover",
		fn: function() {
			try {window.clearTimeout(fsTimeout)} catch(err) {}
			$("filmsub").setStyle("display","block");
		}
	},{
		event: "mouseout",
		fn: function() {
			try {window.clearTimeout(fsTimeout)} catch(err) {}
			fsTimeout = window.setTimeout('$("filmsub").setStyle("display","none")',400);
		}
	});
	$("filmsub").addEvents({
		event: "mouseover",
		fn: function() {
			try {window.clearTimeout(fsTimeout)} catch(err) {}
		}
	},{
		event: "mouseout",
		fn: function() {
			try {window.clearTimeout(fsTimeout)} catch(err) {}
			fsTimeout = window.setTimeout('$("filmsub").setStyle("display","none")',400);
		}
	});

	$$("img").each(function(el){
		if(!el.hasClass("zoom")) return;
		el.orgX = parseInt(el.width);
		el.orgY = parseInt(el.height);
		var el2 = el.getClone();
		el2.orgEl = el;
		el2.hide();
		el2.setStyle("position","absolute");
		el2.setClass("zoomed");
		el2.addTo(document.body);
		el.cloneEl = el2;
		el.addEvent({
			event: "mouseover",
			fn: function() {
				this.cloneEl.setStyle("left",(this.getLeft()-1)+"px");
				this.cloneEl.setStyle("top",(this.getTop()-1)+"px");
				this.cloneEl.show();
				this.cloneEl.animate({
					duration: 0.2,
					morph: {
						width: (this.orgX*3.5)+"px",
						height: (this.orgY*3.5)+"px"
					}
				});
			}
		});
		el2.addEvent({
			event: "mouseout",
			fn: function() {
				this.animate({
					duration: 0.2,
					morph: {
						width: this.orgEl.orgX+"px",
						height: this.orgEl.orgY+"px"
					}
				},{
					duration: 0.01,
					method: "linear",
					morph: {
						fn: function() {
							this.hide();
						}
					}
				});
			}
		});
	});

});