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


    /*
     *
     * home slide
     *
     */
    try {
    
        var buttons = $$('.slide-btn');
        var images = $$('.slide-img');
        
        function selectItem(btn){
            image = $(btn.getProperty('id').replace("slide-btn-", "slide-img-"));
            //fade immagini
            images.fade('out');
            image.fade('in');
            //seleziono btn
            buttons.fade('0.2');
            btn.fade('in');
        }
        
        //inizializzo
        images.each(function(el){
            el.fade('hide');
        });
        buttons.fade('0.2');
        $('slide-img-1').fade('in');
        $('slide-btn-1').fade('in');
        var counter = 1;
        
        
        
        //eventi bottoni
        buttons.each(function(btn){
            btn.addEvent('click', function(){
                $clear(fadeTimer); //blocco autoplay se in esecuzione
                selectItem(btn);
            });
        })
        
        //autoplay
        var fadeIt = function(){
            counter++;
            if (counter == 4) {
                counter = 1;
            }
            selectItem($('slide-btn-' + counter))
        };
        
        var fadeTimer = fadeIt.periodical(5000);
        
    } 
    catch (err) {
    
    }
    
    
    
    /*
     * hover catalogue items
     */
    try {
        $$('.thumbnail-s').each(function(item){
            var overlay = item.getFirst('.thumbnail-overlay');
            if (overlay) {
                item.addEvent('mouseenter', function(){
                    overlay.fade('out');
                });
                item.addEvent('mouseleave', function(){
                    overlay.fade('in');
                });
            }
            
        });
    } 
    catch (err) {
    
    }
    

	
    /*
     * lightbox
     *
    */
   
   ReMooz.assign('.lightbox', {
		'origin': 'img',
		'shadow': 'onOpenEnd', // fx is faster because shadow appears after resize animation
		'resizeFactor': 0.8, // resize to maximum 80% of screen size
		'cutOut': false, // don't hide the original
		'opacityResize': 0.4, // opaque resize
		'dragging': false, // disable dragging
		'centered': true // resize to center of the screen, not relative to the source element
	});


	/*
	 * tooltip
	 */
    try {
        var myTips = new Tips('.tooltip', {
            fixed: true,
            offset: {
                'x': -2,
                'y': -80
            }
        });
    } 
    catch (e) {
    
    }
	
});