/**
 * @author aarondjajasaputra
 */
window.addEvent('domready', function(){

    $$('ul#nav li a').each(function(e1){
        if (e1.hasClass('active') != true) {
            e1.addEvents({
                mouseenter: function(){
                    e1.morph({
                        'background-color': '#7ed5a8',
                        'color': '#fff'
                    });
                },
                mouseleave: function(){
                    e1.morph({
                        'background-color': '#fff',
                        'color': '#000'
                    });
                }
            });
        }
        else {
            (function(){
                e1.morph({
                    'background-color': '#7ed5a8',
                    'color': '#fff'
                });
            }).delay(200);
            
        }
    });
    
    
    
    $$('form#contactForm input').each(function(e1){
        e1.addEvents({
            focus: function(){
                e1.morph({
                    'background-color': '#bff2da'
                });
            },
            blur: function(){
                e1.morph({
                    'background-color': '#f8f8f8'
                });
            }
        });
    });
    
    $$('form#contactForm textarea').each(function(e1){
        e1.addEvents({
            focus: function(){
                e1.morph({
                    'background-color': '#bff2da'
                });
            },
            blur: function(){
                e1.morph({
                    'background-color': '#f8f8f8'
                });
            }
        });
    });
    
    
    $$('div[id^=morph]').each(function(e1){
        $$('div#' + e1.id).addEvents({
            mouseenter: function(){
                $$("div#"+e1.id+" img").morph({
                    'opacity': '0.75'
                });
				$$('div#' + e1.id).morph({
                    'background-color': '#f2f2f2'
                });
                
            },
            mouseleave: function(){
                $$('div#' + e1.id + ' img').morph({
                    'opacity': '1'
                });
				$$('div#' + e1.id).morph({
                    'background-color': '#fff'
                });
                
				
            }
        });
    });
    
    
    
});