window.addEvent('load',function() { 
 
 // 	AJAX LINKS
 
  		var older = new String ('ok')
        $each($$('a.loader'), function(el) { 
        var original = el.getStyle('background-color');  
        var morphout = new Fx.Morph(el,{ 'duration':'400', link:'cancel'});
        var current = $(el); 
        el.addEvents({  
            'click' : function(event) { 
            	 event.stop();
            	if (older!='ok'){
            		 var morph = new Fx.Morph(older,{ 'duration':'1200', link:'cancel'});  
            		 morph.start({ 'color': '#cccccc'})
            		
            	};
            	 var req = new Request.HTML({  
            	 method: 'get',  
             	 url: $(el).get('href'), 
             	 data: { 'do' : '1' },    
             	update: $('content-holder'),  
             	onComplete: function(response) { 
             	 var current = $(el);
             	 var morphtwo = new Fx.Morph(current,{ 'duration':'1200', link:'cancel'});  
            	 morphtwo.start({ 'color': '#ffff00'})
             	 older = current; 
             }  
         }).send();  
            	
         }
        });  
    });
    
 // 	MAIN MENU HOVER EFFECTS    
      
   var levelup = 1000;
	var leveldown = 999;
    $each($$('#main-menu li a'), function(el) {  
        var original = el.getStyle('background-color');  
        var morph = new Fx.Morph(el,{ 'duration':'200', link:'cancel'});  
        var morphout = new Fx.Morph(el,{ 'duration':'400', link:'cancel'});  
        el.addEvents({  
            'mouseenter' : function() { 
            	levelup = levelup + 2;
            	el.setStyle('z-index', levelup); 
            	morph.start({ 'background-color':'#000000' })
            	},  
            'mouseleave' : function() { 
            	leveldown = levelup - 1;
            	el.setStyle('z-index', leveldown);
            	morphout.start({ 'background-color': original })
            	}
        });  
    }); 
    

 // 	BANNER MENU EFFECTS


    $each($$('#banner-links li a'), function(el) {  
        var original = el.getStyle('background-color');  
        var originaltext = el.getStyle('color');  
         var morph = new Fx.Morph(el,{ 'duration':'300', link:'cancel' });  
         el.addEvents({  
             'mouseenter' : function() { morph.start({ 'background-color':'#0083ab', 'padding-right':'15px'}) },  
             'mouseleave' : function() { morph.start({ 'background-color': original, 'padding-right':'5px' }) }  
         });  
     });  
     
// FOOTER MENU


    $each($$('#footer  a'), function(el) {  
        var original = el.getStyle('color');  
         var morph = new Fx.Morph(el,{ 'duration':'300', link:'cancel' });  
         el.addEvents({  
             'mouseenter' : function() { morph.start({ 'color':'#eeeeee'}) },  
             'mouseleave' : function() { morph.start({ 'color': '#666666'}) }  
         });  
     });  
 


});