window.addEvent('domready', function(){

    var hoverItems = $$('.hoverable');
    hoverItems.each(function(hoverItem, sumIndex){
        //remove the hoverable class
        hoverItem.removeClass('hoverable');
        hoverItem.addEvent("mouseenter", function(event) {
            hoverItem.addClass('hover');
        });
        
        hoverItem.addEvent("mouseleave", function(event) { 
            hoverItem.removeClass('hover'); 
        });

    });
    
    //for pageSections
    var largeImages = $$('.largeImage');
    largeImages.each(function(largeImage, sumIndex){
        largeImages.setStyle('display','none');
        
        if(sumIndex == 0)
        {
            var largeImagePlaceholder = $('LargeImagePlaceholder')
            largeImagePlaceholder.getElement('img').setProperty('src', largeImage.getProperty('src'));
        }
        
    });
    
    var pageSections = $$('.pageSection');
    if(pageSections)
    {
        pageSections.each(function(pageSection, i){
        
            pageSection.addEvent("mouseenter", function(event) {
            
                var largeImagePlaceholder = $('LargeImagePlaceholder');
                var pageSectionLargeImage = pageSection.getElement('img.largeImage');
                var phEffect = new Fx.Style(largeImagePlaceholder, 'opacity', {duration:300, wait:true});
                
                if(largeImagePlaceholder != null && pageSectionLargeImage != null)
                {
                    if(largeImagePlaceholder.getElement('img').getProperty('src') != pageSectionLargeImage.getProperty('src'))
                    {
                      phEffect.start(0).chain(function(){
                        largeImagePlaceholder.getElement('img').setProperty('src', pageSectionLargeImage.getProperty('src'));
                        phEffect.start(1);
                      });
                    }
                }
            });
        });
    }
    
    
});