window.addEvent('domready', function() {
	var wow = $('wow');
	if (wow) {
		window.addEvent('scroll', function() {
			wow.setStyle('top', 380 - window.getScroll().y);
		});
	}

	/*var im = new Element('img', {
		src: "/exolnet.com/asset/image/footer.png"
	});	

	var b = new Element('footer', {
		styles: {
			position: 'fixed',
			left: 0,
			right: 0,
			bottom: 0,
			'z-index': 2000,
			'border-top': '1px solid white',
			padding: 0,
			height: 35,
			'text-align': 'center'
		}
	}).adopt(im)
	  .inject(document.body);
	
	
	var estVisible = true;
	window.addEvent('scroll', function() {
		var max = $('footer').getPosition().y;
		var cur = window.getScroll().y + window.getSize().y - 35;
		
		if (cur >= max) {
			if (estVisible) {
				estVisible = false;
				b.fade('out');
				//fade.start(0);
			}
		} else if (!estVisible) {
			estVisible = true;
			im.fade('hide');
			b.fade('show');
			im.fade('in');
		}
	});*/
	
	
	//
	// BOOKMARK
	//
	/*(function() {
		var bookmark = $('bookmark');
		if (bookmark) {
			var ul = bookmark.getElement('ul');
			
			ul.setStyle('height', 'auto');
			var height = ul.getSize().y;
			
			var myFx = new Fx.Tween(ul, {
			    duration: 'short',
			    transition: Fx.Transitions.Sine.easeInOut,
			    link: 'cancel',
			    property: 'height'
			});
			
			ul.setStyle('height', height);
			window.addEvent('load', function() {
				myFx.start(0);
			});
			
			bookmark.addEvent('mouseenter', function() {
				myFx.start(height);
			});
			
			bookmark.addEvent('mouseleave', function() {
				myFx.start(0);
			});
		}
	})();*/
	
	
	
	//
	// PORTFOLIO
	//
	(function() {
		$$('.portfolio').each(function(portfolio) {
			var width = portfolio.getSize().x;
			
			portfolio.getElements('li').each(function(li) {
				li.setStyle('visibility', 'hidden');
			
				var coords = li.getCoordinates(portfolio);
			
				var clone = li.clone()
					.setStyles(coords)
					.setStyles({
						'position': 'absolute',
						'left': (width+20),
						'visibility': 'visible'
					})
					.inject(portfolio)
				
				var duration = 'short';
				if (coords.left > (2*width/3-20)) {
					duration = 'long';
				} else if (coords.left > (width/3-20)) {
					duration = 'normal';
				}
				
				window.addEvent('load', function() {
					(function() {
						var myFx = new Fx.Tween(clone, {
						    duration: duration,
						    transition: Fx.Transitions.Sine.easeInOut,
						    link: 'cancel',
						    property: 'left',
						    onComplete: function() {
						    	this.element.dispose();
						    	li.setStyle('visibility', 'visible');
						    }
						});
						
						myFx.start(coords.left);					
					}).delay(0.75*coords.top);
				});
				
				//clone.tween('left', coords.left);
			
				/*var clone = li
					.clone()
					.setStyle('position', 'absolute')
					.setStyles(li.getCoordinates(portfolio))
					.inject(portfolio);
					
				var left = clone.getStyle('left').toInt();
					
				clone.setStyle('left', width)
					.tween('left', 0);*/
			});
		});
	})();
});