var globalSpaceLeft = 150; // px
var globalSpaceRight = 210; // px

var resizeHandler = function() {
	var width = $body.getWidth()-globalSpaceRight-globalSpaceLeft;
	if(width>0) {
		$$("div.center div.inner").each(function(item){
			item.setStyle("width",width+"px");
			item.setStyle("left",Math.round(-width/2-((globalSpaceRight-globalSpaceLeft)/2))+"px");
		});
	}
};

$do(function(){

	resizeHandler();
	$$("div.center div.inner").each(function(item){
		item.addNode({
			tag: "div",
			html: " ",
			styles: {paddingBottom: "25%"}
		});
	});

	var killMenu2 = function() {
		Ice.defer({
			id: "layermenu2",
			time: 5,
			fn: function() {
				$("layermenu2").hide();
			}
		});
	};

	if($("layermenu2")) {
		$("layermenu2").hide();
		$("layermenu2trigger").addEvents({
			event: "mouseover",
			fn: function() {
				Ice.removeDefer("layermenu2");
				$("layermenu2").setStyle("top","-"+($("layermenu2td").getHeight()+31)+"px");
				$("layermenu2").setStyle("opacity",0);
				$("layermenu2").show();
				$("layermenu2").animate({
					duration: 0.25,
					method: "fadeout",
					morph: {
						opacity: 1,
						fn: function(i) {
							this.setStyle(
								"clip",
								"rect("+
									(this.getHeight()*(1-i))+"px "+
									this.getWidth()+"px "+
									this.getHeight()+"px "+
									"0)"
							);
						}
					}
				});
				killMenu2();
			}
		},{
			event: "click",
			cancel: true,
			fn: function() {
				Ice.removeDefer("layermenu2");
			}
		});
		$("layermenu2").addEvent({
			event: "mousemove",
			fn: function() {
				killMenu2();
			}
		});
	}

});