/* DomReady Event fires when all Elements are ready, but not images. */ 
window.addEvent('domready', function() { 
	
		if($('builder_main')) {
			
			/*
			var shrinkDisplay = new Fx.Style('builder_main','height',{'duration':5500});
			shrinkDisplay.set(250);
			*/
			
			$('builder_main').setStyles({
											'overflow':'hidden',
											'height':250
										});
			
			if(window.ie6)
				overlayurl = '/lib_css/images/elements/type_menu_active.gif';
			else
				overlayurl = '/lib_css/images/elements/type_menu_active.png';
			
			var overlay = new Asset.image(overlayurl,{
					'id':'overlay',
					'class':'overlay',
					onload : function(){
						overlay.setStyles({
							'top':-14,
							'left':-10,
							'height':125,
							'width':100
					 	}).injectTop('type-menu');
					}
				});
						
			var moveOverlay = new Class({
					initialize: function(element){
						this.el = element;
						this.animation = new Fx.Styles(this.el, {wait:false, duration: 500, transition: Fx.Transitions.Cubic.easeInOut});
						//return this;
					},
					go: function(left,top){
						
						this.animation.start({
							'left':left,
							'top':top
						});
					}				
				});		
				
				
			var fadeIt = new Fx.Styles('builder_main',{wait:false,duration:400,transition: Fx.Transitions.Expo.easeOut});
				
			var moveDisplay = new Fx.Scroll('builder_main', {
				wait:false, 
				duration: 1000, 
				transition: Fx.Transitions.Cubic.easeInOut,
				onStart: function() {
					//fadeIt.start({'opacity':.4});
				},
				onComplete: function() {
					//fadeIt.start({'opacity':1});
				}
			});
			
					
								
			$ES('a','type-menu').each(function(e){
				
				moveIt = new moveOverlay(overlay);
				
				e.addEvent('click',function(ev){
					
					ev = new Event(ev).stop();
					
					$clear(timer);
					
					topCorner = e.getTop() - $('type-menu').getTop() - 14;
					leftCorner = e.getLeft() - $('type-menu').getLeft() - 10;
								
					moveIt.go(leftCorner,topCorner);
									
					moveDisplay.toElement( 'display' + e.getProperty('rel') );
							
				}.bind(this));
				
			});
			
			
			
			var myChain = new Chain();
	
			$ES('a','type-menu').each(function(e) { 
				myChain.chain( function(){
					
					topCorner = e.getTop() - $('type-menu').getTop() - 14;
					leftCorner = e.getLeft() - $('type-menu').getLeft() - 10;
								
					moveIt.go(leftCorner,topCorner);
					
					moveDisplay.toElement( 'display' + e.getProperty('rel') );
				}.bind(this));
			});
			
			var runChain = function() { 
				myChain.callChain();
				if (myChain.chains.length == 0) { 
					runChain = $clear(timer); 
				} 
			}
			
			myChain.callChain();
			
			var timer = runChain.periodical(4000);
		}
		
	$$('.inventory_link').addEvent('click',function(ev){
		if(ev) ev = new Event(ev).stop();
		this.submit();
	});
		
});