var Site = {   
	
	smoothscroll: function() {
	   var mySmoothScroll = new SmoothScroll();
	},  
	
	accordion: function() {
		var myAccordion = new Accordion($$('.trigger'), $$('.slider'), {
    		display: -1,
    		alwaysHide: true,
			
			onActive: function(toggler) { 
				toggler.morph({'background-color': '#ffffff', 'opacity': 1, 'color': '#000'}); 
				toggler.addClass('active');	
			},  
			onBackground: function(toggler) { 
				toggler.morph({'background-color': '#000', 'opacity': 0.5, 'color': '#fff'}); 
				toggler.removeClass('active');	
			}  

			
		});
		/*
		var ache = $$('h2');
		
		
		ache.each(function(g){
			
			g.morph('h2');
			
			g.addEvent('mouseenter',function(){
				  this.morph('.h2hover');
			});
			
			g.addEvent('mouseleave',function(){
											 
				  this.morph('.h2normal');

				  $$('h2.active').set('.h2hover');
				  
			}); 
			
		}); */  
		
		
	},
	
	
	boxes: function() {
		var box = $$('img.thumb');
		
		
		box.each(function(f){
			
			f.morph('img.thumb');
			
			f.addEvent('mouseenter',function(){
				  this.morph('img.thumb:hover');
			});
			
			f.addEvent('mouseleave',function(){
				  this.morph('img.thumb');
			}); 
			
		});          
		
	},
	
	projects: function() {
		
		$$('a#e').addEvent('click', function() {
			$$('img.e').each(function(){ 
				morph('img.thumb:hover');
			});
		});
		
	}, 
	
	colors: function() {
		
		var trigger1 = $('background_trigger');
		var trigger2 = $('skills_trigger');
		var trigger3 = $('services_trigger');
		var trigger4 = $('clients_trigger');
		var trigger5 = $('testimonials_trigger');
		var trigger6 = $('projects_trigger');
		var trigger7 = $('contact_trigger');

		var color1 = '#A41800';
		var color2 = '#D95E18';
		var color3 = '#C7A619';
		var color4 = '#556F25';
		var color5 = '#1C83B0';
		var color6 = '#818294';
		var color7 = '#8F735B'; 
		
		trigger1.addEvent('click', function() {
			$$('body').tween('background-color', color1);
			$$('h3').tween('color', color1);
		});
		
		trigger2.addEvent('click', function() {
			$$('body').tween('background-color', color2);
			$$('h3').tween('color', color2);
			
		});
		
		trigger3.addEvent('click', function() {
			$$('body').tween('background-color', color3);
			$$('h3').tween('color', color3);
			
		});
		
		trigger4.addEvent('click', function() {
			$$('body').tween('background-color', color4);
			$$('h3').tween('color', color4);
			
		});
		
		trigger5.addEvent('click', function() {
			$$('body').tween('background-color', color5);
			$$('h3').tween('color', color5);
			
		});
		
		trigger6.addEvent('click', function() {
			$$('body').tween('background-color', color6);
			$$('h3').tween('color', color6);
			
		});
		
		trigger7.addEvent('click', function() {
			$$('body').tween('background-color', color7);
			$$('h3').tween('color', color7);
			
		});
		
		$$('h2').addEvent('mouseenter', function() {
			this.tween('opacity', 1);
		});
		
		$$('h2').addEvent('mouseleave', function() {  
			if (this.hasClass('active')) {
			   //do nothing 
			} else {
			   this.tween('opacity', 0.5);
			}
		});
				
	},

	
	
	
	init: function() { 
    	Site.smoothscroll();
		Site.accordion();
		Site.boxes();
	//	Site.projects  
	Site.colors(); 
	
	    $$('p.footer').setStyle('opacity', 0.5);

	}    
	
};

window.addEvent('load', Site.init);