var Site = {
	fadeElementFromTo: function(fadeElementContainer,fadeElementFrom,fadeElementTo){
 
		$$(fadeElementContainer).each(function(element) {
			element.addEvents({
				'mouseenter': function() {
					element.fade(fadeElementTo);
				},
				'mouseleave': function() {
					element.fade(fadeElementFrom);
				} 
			});
		});
	},
	
	changeCssClassOnEnter: function(cssClassElement,cssClassFrom,cssClassTo){
 
		$$(cssClassElement).each(function(element) {
			//var myTweenFx = new Fx.Tween(el, 'class');			
			element.addEvents({
				'mouseenter': function() {
					//myTweenFx.set(cssClassTo);
					//element.tween('class', [cssClassFrom, cssClassTo]);
					element.set('class', cssClassTo);
				},
				'mouseleave': function() {
					//myTweenFx.set(cssClassFrom);
					//element.tween('class', [cssClassTo, cssClassFrom]);
					element.set('class', cssClassFrom);
				} 
			});
		});
	},
	
	changeCssClassOnFocus: function(cssClassElement,cssClassFrom,cssClassTo){
 
		$$(cssClassElement).each(function(element) {			
			element.addEvents({
				'focus': function() {
					element.set('class', cssClassTo);
				},
				'blur': function() {
					element.set('class', cssClassFrom);
				} 
			});
		});
	},
	
	scrollInBg: function(scrollElement){
		
		var scrollElements = $$(scrollElement);
		scrollElements.each(function(el, i){
				var first = el.getFirst();	
				if (!el) return;
				if (!el.hasClass('active')){
					
				//var effect = el.effect('background-position', {wait: false, transition: Fx.Transitions.Circ.easeInOut}).set(220);
				//var effect = el.effect('background-position', {wait: false, transition: Fx.Transitions.Elastic.easeInOut}).set(220);
				
				var effect = new Fx.Morph(el, {wait: false, transition: Fx.Transitions.Elastic.easeInOut}).set({
    'background-position': 220});
 
				//effect.set(220);
				//effect.options.duration = 100;
				el.addEvent('mouseenter', function(){
							effect.options.duration = 500;//1000;
							//effect.start(21);
							effect.start({ 'background-position': 21 });
						});		
				el.addEvent('mouseleave', function(){
							effect.options.duration = 2000;
							//effect.start(220);
							effect.start({ 'background-position': 220 });
						});			
				}
		});
	}
}
 
window.addEvent('domready', function() {
	Site.fadeElementFromTo('#pictures img', '1.0', '0.6');
	Site.scrollInBg('#nav span');
	Site.changeCssClassOnFocus('#username', 'login-field', 'login-field-over');
	Site.changeCssClassOnFocus('#password', 'login-field', 'login-field-over');
	Site.changeCssClassOnEnter('#loginsubmit', 'login-button', 'login-button-over');
});